/* BitcoinTAF new appbar header — loaded site-wide, independent of the
   full new-design stylesheet (style.css). Scoped to only the classes the
   header/mobile-menu markup actually uses, so it can't bleed into the
   rest of any page's content the way style.css's global body/h1-h4
   overrides do. Kept in its own file rather than added to style.css so
   the two stay easy to tell apart. */

:root{
  --purple:#A765DD;--purple-strong:#9333EA;--purple-dark:#7C3AED;--titles:#2F1346;
  --black-text:#1A1A1A;--gray-text:#7F7F7F;--gray-600:#475467;--gray-500:#667085;
  --gray-200:#EAECF0;--primary-50:#F9F5FF;--primary-100:#F4EBFF;--page-bg:#FFFFFF;
  --hero-lavender:#F5F7FF;--white:#FFFFFF;
  --mui-e4:0 2px 4px -1px rgba(16,24,40,.08),0 4px 5px rgba(16,24,40,.06),0 1px 10px rgba(16,24,40,.08);
  --btn-shadow:0 3px 1px -2px rgba(124,58,237,.20),0 2px 2px 0 rgba(124,58,237,.14),0 1px 5px 0 rgba(124,58,237,.20);
}

.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;line-height:1;vertical-align:middle}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:"Rethink Sans",sans-serif;font-weight:600;font-size:15px;padding:12px 24px;border-radius:10px;border:none;cursor:pointer;transition:background .2s,box-shadow .2s,transform .05s,border-color .2s;text-transform:none;letter-spacing:.01em}
.btn:active{transform:translateY(1px)}
.btn-contained{background:var(--purple);color:#fff;box-shadow:var(--btn-shadow)}
.btn-contained:hover{background:var(--purple-dark);box-shadow:var(--mui-e4)}
.btn-outlined{background:transparent;color:var(--purple);border:1.5px solid var(--purple)}
.btn-outlined:hover{background:var(--primary-50)}

.appbar{position:sticky;top:0;z-index:50;background:rgba(246,245,254,.85);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid rgba(16,24,40,.05)}
.nav{display:flex;align-items:center;justify-content:space-between;height:84px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:42px;width:auto}
.brand b{font-size:20px;color:var(--titles);font-weight:800;letter-spacing:-.02em}
.brand b span{color:var(--purple)}
.nav-links{display:flex;align-items:center}
.nav-links ul{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}
.nav-links li{display:flex;align-items:center}
.nav-links a{color:var(--black-text);font-weight:500;font-size:16px;position:relative}
.nav-links a:hover{color:var(--purple)}
.nav-actions{display:flex;align-items:center;gap:14px}
.menu-btn{display:none;background:none;border:none;font-size:28px;color:var(--titles);cursor:pointer;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;padding:0}
.menu-btn:hover{background:rgba(167,101,221,.12)}

.mobile-menu{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}
.mobile-menu.open{visibility:visible;pointer-events:auto}
.mobile-menu__overlay{position:absolute;inset:0;background:rgba(31,18,44,.45);opacity:0;transition:opacity .3s ease}
.mobile-menu.open .mobile-menu__overlay{opacity:1}
.mobile-menu__panel{position:absolute;top:0;right:0;height:100%;width:min(84vw,330px);background:#fff;box-shadow:-10px 0 40px rgba(16,24,40,.20);padding:18px 22px 28px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .34s cubic-bezier(.22,1,.36,1);overflow-y:auto}
.mobile-menu.open .mobile-menu__panel{transform:none}
.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.mobile-menu__head .brand img{height:38px}
.mobile-menu__close{background:none;border:none;cursor:pointer;color:var(--titles);font-size:28px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;padding:0}
.mobile-menu__close:hover{background:var(--primary-50)}
.mobile-menu__links{display:flex;flex-direction:column;border-top:1px solid var(--gray-200)}
.mobile-menu__links ul{list-style:none;margin:0;padding:0}
.mobile-menu__links li{display:flex}
.mobile-menu__links a{padding:15px 4px;font-size:17px;font-weight:600;color:var(--black-text);border-bottom:1px solid var(--gray-200)}
.mobile-menu__links a:hover{color:var(--purple)}
.mobile-menu__actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.mobile-menu__actions .btn{width:100%;padding:14px;font-size:16px}
body.menu-open{overflow:hidden}

@media(max-width:1000px){
  .nav-links,.nav-actions .btn{display:none !important}
  .menu-btn{display:flex}
}
@media(max-width:620px){
  .nav{height:68px}
  .brand img{height:36px}
}

/* Parent-theme pages were built against the old .main-header, which was
   position:fixed and so needed a manual top offset (margin-top, varies
   per page) to keep content from starting underneath it. This .appbar
   is position:sticky instead — it already reserves its own space in the
   document flow — so that old offset is now pure dead space. */
.elementor[data-elementor-type="wp-page"] > .elementor-element:first-child {
  margin-top: 0 !important;
}
.innerBanner {
  margin-top: 0 !important;
}