/* Eagles Nadlan - the share button and its panel. Brand tokens only, nothing else touched. */

/* the button on a property card and over a gallery reuses the existing .fav shape,
   so the only new styling here is the small gap fix when three buttons sit in a row */
.site .acts2 .egsh{cursor:pointer}

/* the wide button that sits next to WhatsApp on a listing or an agent page */
.site .egsh-wide{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid rgba(212,175,55,.5);border-radius:999px;
  background:transparent;color:#f4efe6;
  font-family:inherit;font-size:14px;font-weight:700;
  padding:11px 18px;cursor:pointer;
  transition:border-color .2s ease,background .2s ease;
}
.site .egsh-wide svg{width:17px;height:17px;flex:none}
.site .egsh-wide:hover{border-color:#d4af37;background:rgba(212,175,55,.08)}

/* the small round one in a team card's icon row reuses .pico */
.site .mplat .egsh{cursor:pointer;font:inherit}

/* ---------------- the panel ---------------- */

.egsh-panel{position:fixed;inset:0;z-index:100000;display:none}
.egsh-panel.on{display:block}
.egsh-back{position:absolute;inset:0;background:rgba(7,7,10,.74);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}

.egsh-card{
  position:absolute;inset-inline:0;bottom:0;margin-inline:auto;
  width:min(440px,100%);
  background:#12121a;border:1px solid rgba(212,175,55,.28);
  border-radius:18px 18px 0 0;
  padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -20px 60px rgba(0,0,0,.6);
  direction:rtl;
  animation:egsh-up .2s ease-out;
}
@keyframes egsh-up{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}

@media(min-width:761px){
  .egsh-card{
    top:50%;bottom:auto;transform:translateY(-50%);
    border-radius:18px;padding:20px;
    box-shadow:0 30px 80px rgba(0,0,0,.65);
    animation:egsh-in .18s ease-out;
  }
  @keyframes egsh-in{from{transform:translateY(-46%);opacity:0}to{transform:translateY(-50%);opacity:1}}
}

.egsh-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.egsh-head b{
  font-family:'Frank Ruhl Libre',Georgia,serif;font-size:17px;font-weight:700;
  color:#f4efe6;line-height:1.3;display:block;
}
.egsh-head small{display:block;margin-top:3px;font-size:12.5px;color:rgba(244,239,230,.55);line-height:1.5}
.egsh-x{
  flex:none;width:32px;height:32px;display:grid;place-items:center;
  border:1px solid rgba(244,239,230,.14);border-radius:50%;
  background:transparent;color:rgba(244,239,230,.7);cursor:pointer;font-size:17px;line-height:1;
}
.egsh-x:hover{border-color:rgba(212,175,55,.5);color:#f0d27a}

.egsh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}
.egsh-item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  padding:13px 6px;min-height:78px;
  background:#0d0d12;border:1px solid rgba(244,239,230,.1);border-radius:13px;
  color:#f4efe6;font-size:12px;font-weight:500;text-decoration:none;
  cursor:pointer;font-family:inherit;
  transition:border-color .18s ease,transform .18s ease;
}
.egsh-item:hover{border-color:rgba(212,175,55,.45);transform:translateY(-2px)}
.egsh-item svg{width:22px;height:22px}
.egsh-item.wa svg{color:#25d366}
.egsh-item.fb svg{color:#1877f2}
.egsh-item.tg svg{color:#2aabee}
.egsh-item.x svg{color:#f4efe6}
.egsh-item.ml svg{color:#f0d27a}
.egsh-item.cp svg{color:#f0d27a}

.egsh-link{
  margin-top:12px;display:flex;align-items:center;gap:9px;
  background:#0d0d12;border:1px solid rgba(244,239,230,.12);border-radius:11px;
  padding:10px 12px;
}
.egsh-link span{
  flex:1;min-width:0;direction:ltr;text-align:start;
  font-size:12.5px;color:rgba(244,239,230,.55);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.egsh-copy{
  flex:none;border:0;border-radius:999px;cursor:pointer;font-family:inherit;
  font-size:12.5px;font-weight:700;padding:7px 14px;color:#1a1204;
  background:linear-gradient(135deg,#8a6508,#d4af37 45%,#f0d27a);
}
.egsh-copy.done{background:#6fd39a;color:#0b1a10}

@media (prefers-reduced-motion:reduce){
  .egsh-card{animation:none}
  .egsh-item:hover{transform:none}
}