/* Site chrome shared by every public page: header, buttons, footer social, share bar. */

html{scroll-behavior:smooth;}

#main-header{transition:background .4s ease,box-shadow .4s ease;}
#main-header.scrolled{
    background:rgba(11,31,58,.92) !important;
    -webkit-backdrop-filter:blur(14px) saturate(1.4);
    backdrop-filter:blur(14px) saturate(1.4);
    box-shadow:0 2px 24px rgba(0,0,0,.25);
    border-bottom:1px solid rgba(255,255,255,.08);
}
/* Browsers without backdrop-filter get a nearly solid bar instead of see-through text */
@supports not (backdrop-filter: blur(1px)){
    #main-header.scrolled{background:rgba(11,31,58,.97) !important;}
}

.nav-link{position:relative;}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#E9A83E;transition:width .3s;}
.nav-link:hover::after{width:100%;}

.card-img-wrap{overflow:hidden;}
.card-img-wrap img{transition:transform .6s ease;}
.card-img-wrap:hover img{transform:scale(1.06);}

.btn-gold{background:#E9A83E;color:#0B1F3A;font-weight:700;transition:background .2s,transform .2s;}
.btn-gold:hover{background:#F5C462;transform:translateY(-1px);}

.social-link{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.55);transition:all .2s;}
.social-link:hover{background:#E9A83E;border-color:#E9A83E;color:#0B1F3A;transform:translateY(-2px);}
.social-link svg{width:16px;height:16px;fill:currentColor;}

.share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.share-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#9ca3af;margin-right:4px;}
.share-btn{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;color:#6b7280;transition:all .2s;cursor:pointer;text-decoration:none;padding:0;}
.share-btn:hover{background:#E9A83E;border-color:#E9A83E;color:#0B1F3A;transform:translateY(-2px);}
.share-btn svg{width:15px;height:15px;fill:currentColor;}
.share-btn svg.stroke-ic{fill:none;stroke:currentColor;stroke-width:2;}
#share-copied{font-size:.72rem;color:#22c55e;font-weight:600;opacity:0;transition:opacity .3s;}
#share-copied.vis{opacity:1;}