/* /links/ — self-hosted, on-brand link-in-bio page (replaces linktr.ee).
   Ported from the WP [hns_linktree] shortcode (mu/hns-site-tweaks.php). The
   newsletter modal is intentionally NOT ported yet — Mailchimp wiring is
   deferred — so that slot is a disabled "coming soon" pill for now. */

/* --- strip the site chrome: this is a standalone landing page --- */
.hns-linktree-page .nav-header,
.hns-linktree-page .elementor-181,
.hns-linktree-page .breadcumb-wrapper,
.hns-linktree-page .elementor-1979 { display:none !important; }
.hns-linktree-page main.main-area { padding-top:0 !important; }
.hns-linktree-page .tg-page-area { padding:0 !important; max-width:none !important; margin:0 !important; }

/* --- drifting HNS-logo watermark background (same system as the rest of the site) --- */
@keyframes hnsLogoDrift { from{transform:translate(0,0)} to{transform:translate(180px,140px)} }
body.hns-linktree-page { background:#edf2f7 !important; position:relative; min-height:100dvh; }
body.hns-linktree-page main.main-area,
body.hns-linktree-page .main-area::before { background:transparent; }
body.hns-linktree-page .main-area { position:relative; z-index:1; }
/* the theme puts `contain:paint` on .main-area, which makes it a containing
   block that traps position:fixed — kill it so .hns-lt-foot pins to the real
   viewport bottom, and fill the viewport so the card centers properly. */
body.hns-linktree-page main.main-area { display:flex; flex-direction:column; justify-content:center; contain:none !important; min-height:100dvh; }
/* display:block !important overrides site.css `body:not(.home)::before{display:none}`,
   which was hiding this layer (the page had no background). position:fixed means it
   covers the full viewport with no gap, and the transform animation drifts it like
   the rest of the site (footer is hidden here, so no under-footer issue). */
body.hns-linktree-page::before {
  content:""; display:block !important; position:fixed; inset:-260px; z-index:0; pointer-events:none; opacity:.07;
  background-image:url(/wp-content/uploads/2024/06/FixedLogo-brick.png);
  background-size:180px 140px; background-repeat:repeat;
  animation:hnsLogoDrift 80s linear infinite; will-change:transform;
}
@media(prefers-reduced-motion:reduce){ body.hns-linktree-page::before{ animation:none !important; } }

/* --- linktree card --- */
.hns-lt{max-width:600px;margin:0 auto;padding:38px 20px 40px;text-align:center;color:#0A0C00;font-family:inherit;position:relative;z-index:1;}
.hns-lt-avatar{display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 18px;transition:transform .18s ease;}
a.hns-lt-avatar:hover{transform:translateY(-3px) scale(1.05);}
.hns-lt-avatar img{width:auto;height:152px;display:block;filter:drop-shadow(0 10px 18px rgba(16,24,40,.28));}
.hns-lt-name{font-size:1.85rem;font-weight:800;letter-spacing:-.01em;margin:0 0 30px;color:#0A0C00;}
.hns-lt-links{display:flex;flex-direction:column;gap:15px;}
.hns-lt-btn{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:17px 20px;background:#fff;border:1.5px solid rgba(10,12,0,.10);border-radius:16px;box-shadow:0 4px 14px rgba(16,24,40,.07);color:#0A0C00 !important;font-size:1.05rem;font-weight:700;text-decoration:none !important;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;-webkit-tap-highlight-color:transparent;font-family:inherit;}
.hns-lt-btn:hover{transform:translateY(-2px);border-color:#2CC4EE;box-shadow:0 10px 26px rgba(44,196,238,.28);}
.hns-lt-btn:active{transform:translateY(0);}
.hns-lt-ic{flex:0 0 auto;width:24px;height:24px;color:#2CC4EE;display:flex;align-items:center;justify-content:center;}
.hns-lt-ic svg{width:24px;height:24px;}
.hns-lt-btn span.hns-lt-lbl{flex:1 1 auto;text-align:center;padding-right:24px;line-height:1.25;}
/* "Full Site" button — dark, distinct from the white action pills */
.hns-lt-btn.hns-lt-full{background:#0A0C00;border-color:#0A0C00;color:#fff !important;margin-top:7px;}
.hns-lt-btn.hns-lt-full .hns-lt-ic{color:#2CC4EE;}
.hns-lt-btn.hns-lt-full:hover{background:#15180c;border-color:#2CC4EE;box-shadow:0 10px 26px rgba(44,196,238,.3);}
/* Newsletter — disabled "coming soon" pill until Mailchimp is wired */
.hns-lt-btn.hns-lt-soon{cursor:default;color:#6b7280 !important;background:#f3f5f8;border-style:dashed;box-shadow:none;}
.hns-lt-btn.hns-lt-soon:hover{transform:none;border-color:rgba(10,12,0,.14);box-shadow:none;}
.hns-lt-btn.hns-lt-soon .hns-lt-ic{color:#9aa1ab;}
.hns-lt-soon-tag{position:absolute;top:-9px;right:14px;background:#F5D566;color:#0A0C00;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;box-shadow:0 2px 6px rgba(16,24,40,.14);}

/* --- social row --- */
.hns-lt-social{display:flex;justify-content:center;gap:16px;margin:26px 0 4px;}
.hns-lt-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid rgba(10,12,0,.10);color:#0A0C00;box-shadow:0 4px 14px rgba(16,24,40,.07);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;}
.hns-lt-social a:hover{transform:translateY(-2px);background:#2CC4EE;border-color:#2CC4EE;box-shadow:0 10px 22px rgba(44,196,238,.30);}
.hns-lt-social svg{width:20px;height:20px;fill:currentColor;}
.hns-lt-foot{position:fixed;left:0;right:0;bottom:14px;z-index:1;margin:0;text-align:center;font-size:.82rem;color:#6b7280;pointer-events:none;}

@media(max-width:600px){
  .hns-lt{padding:20px 18px 28px;}
  .hns-lt-avatar{margin-bottom:12px;}
  .hns-lt-avatar img{height:120px;}
  .hns-lt-name{font-size:1.45rem;margin-bottom:18px;}
  .hns-lt-links{gap:12px;}
  .hns-lt-btn{font-size:1rem;padding:15px 18px;}
}