/* FOUNTAIN+ Face Card Share Control v2 — OBVIOUS SHARE LAW
   Every Face Card share action must be visually obvious at a glance.
   Real link first where supported; native share enhancement second. */
.fc-hero-share{
  --fc-share-accent:#d9b04e;
  --fc-share-ink:#0b0b0c;
  --fc-share-text:#fff;
  position:relative;
  isolation:isolate;
  display:inline-grid!important;
  grid-template-columns:54px minmax(150px,1fr) 36px;
  align-items:center;
  gap:14px;
  min-width:min(100%,330px);
  min-height:70px!important;
  padding:8px 14px 8px 8px!important;
  border:2px solid color-mix(in srgb,var(--fc-share-accent) 78%,white 8%)!important;
  border-radius:18px!important;
  overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--fc-share-accent) 30%,#101012 70%),#09090b 68%)!important;
  color:var(--fc-share-text)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 0 3px color-mix(in srgb,var(--fc-share-accent) 13%,transparent),inset 0 1px rgba(255,255,255,.12)!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.fc-hero-share:before{content:"";position:absolute;z-index:-1;inset:-100% 42% -100% -15%;background:linear-gradient(115deg,transparent 20%,color-mix(in srgb,var(--fc-share-accent) 27%,transparent),transparent 72%);transform:translateX(-45%);transition:transform .45s ease}
.fc-hero-share:hover{transform:translateY(-3px) scale(1.01);border-color:var(--fc-share-accent)!important;box-shadow:0 22px 56px rgba(0,0,0,.4),0 0 0 4px color-mix(in srgb,var(--fc-share-accent) 20%,transparent)!important}
.fc-hero-share:hover:before{transform:translateX(85%)}
.fc-hero-share:focus-visible{outline:4px solid color-mix(in srgb,var(--fc-share-accent) 58%,white);outline-offset:4px}
.fc-share-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--fc-share-accent);color:var(--fc-share-ink);box-shadow:inset 0 1px rgba(255,255,255,.42),0 5px 18px rgba(0,0,0,.2)}
.fc-share-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fc-share-copy{display:grid;gap:4px;min-width:0;text-align:left}
.fc-share-copy small{font-size:9px;line-height:1;letter-spacing:.19em;font-weight:950;color:color-mix(in srgb,var(--fc-share-accent) 80%,white);text-transform:uppercase}
.fc-share-copy strong{font-size:14px;line-height:1.05;letter-spacing:.085em;font-weight:1000;color:#fff;white-space:nowrap;text-transform:uppercase}
.fc-share-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);font-size:18px;font-weight:1000;color:#fff}
body.solo-face-card .fc-hero-share{--fc-share-accent:#e0a05b;--fc-share-ink:#1a0e08}
body.yns-droc-face-card .fc-hero-share{--fc-share-accent:#7283ff;--fc-share-ink:#070912}

/* Legacy Face Cards — unify visibility without rewriting each card's share logic. */
[data-af-share],[data-face-share],[data-das-share],[data-dg-share],[data-qb-share],[data-eo-share],[data-kk-share],[data-lm-share],[data-mah-share],[data-ma-share],[data-mp-share],[data-ye-share],[data-fd-share]{
  min-height:60px!important;
  min-width:210px!important;
  padding:14px 20px!important;
  border:2px solid #e4bb5a!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#e4bb5a,#b98627)!important;
  color:#0b0906!important;
  box-shadow:0 15px 36px rgba(0,0,0,.28),0 0 0 3px rgba(228,187,90,.16)!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
[data-af-share]:hover,[data-face-share]:hover,[data-das-share]:hover,[data-dg-share]:hover,[data-qb-share]:hover,[data-eo-share]:hover,[data-kk-share]:hover,[data-lm-share]:hover,[data-mah-share]:hover,[data-ma-share]:hover,[data-mp-share]:hover,[data-ye-share]:hover,[data-fd-share]:hover{transform:translateY(-2px)!important;box-shadow:0 20px 46px rgba(0,0,0,.34),0 0 0 4px rgba(228,187,90,.22)!important}
[data-af-share]:focus-visible,[data-face-share]:focus-visible,[data-das-share]:focus-visible,[data-dg-share]:focus-visible,[data-qb-share]:focus-visible,[data-eo-share]:focus-visible,[data-kk-share]:focus-visible,[data-lm-share]:focus-visible,[data-mah-share]:focus-visible,[data-ma-share]:focus-visible,[data-mp-share]:focus-visible,[data-ye-share]:focus-visible,[data-fd-share]:focus-visible{outline:4px solid #f7dc93!important;outline-offset:4px!important}

@media(max-width:560px){
  .fc-hero-share{width:100%!important;min-width:0;grid-template-columns:52px minmax(0,1fr) 34px;min-height:68px!important;gap:11px;padding-right:10px!important}
  .fc-share-icon{width:52px;height:52px}
  .fc-share-copy strong{font-size:13px;white-space:normal}
  .fc-share-arrow{width:34px;height:34px}
  [data-af-share],[data-face-share],[data-das-share],[data-dg-share],[data-qb-share],[data-eo-share],[data-kk-share],[data-lm-share],[data-mah-share],[data-ma-share],[data-mp-share],[data-ye-share],[data-fd-share]{width:100%!important;min-width:0!important;min-height:58px!important}
}
@media(prefers-reduced-motion:reduce){.fc-hero-share,.fc-hero-share:before,[data-af-share],[data-face-share],[data-das-share],[data-dg-share],[data-qb-share],[data-eo-share],[data-kk-share],[data-lm-share],[data-mah-share],[data-ma-share],[data-mp-share],[data-ye-share],[data-fd-share]{transition:none!important}}
