/* FB Header — styles. GENERATED from the approved mockup by
   header/build-plugin-assets.js. Do not hand-edit: re-run the build, or the
   plugin and the mockup drift apart.

   Selectors carry a doubled first class on purpose — see harden() in the build
   script. It is what keeps the theme's button reset from winning. */

.fbh.fbh,.fbh.fbh *,.fbh-drawer.fbh-drawer,.fbh-drawer.fbh-drawer *,.fbh-scrim.fbh-scrim{box-sizing:border-box}
.fbh.fbh [hidden],.fbh-drawer.fbh-drawer [hidden],.fbh-drawer.fbh-drawer[hidden],.fbh-scrim.fbh-scrim[hidden]{display:none!important}
html{scroll-padding-top:calc(var(--fbh-h) + 12px)}
.fbh.fbh,.fbh-drawer.fbh-drawer{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
/* =====================================================================
   FB Software Solutions — header
   Self-contained. No jQuery, no framework, no external JS.
   Tokens match the live site.
   ===================================================================== */
:root{
  --fbh-screen:#0B0D14;
  --fbh-surface:#1C2130;
  --fbh-raised:#242A3B;
  --fbh-ink:#F3F5FA;
  --fbh-body:#AEB6C9;
  --fbh-muted:#8A93A8;
  --fbh-acc:#8B7BFF;
  --fbh-hair:rgba(255,255,255,.09);
  --fbh-grad:linear-gradient(120deg,#6C5CE7,#A33BC9 55%,#D6004A);
  --fbh-h:76px;                 /* bar height, desktop */
  --fbh-ease:cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------------- bar */
.fbh.fbh{position:fixed;inset:0 0 auto 0;z-index:9000;
  background:rgba(11,13,20,.72);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid var(--fbh-hair);
  transition:background .25s var(--fbh-ease), border-color .25s var(--fbh-ease), box-shadow .25s var(--fbh-ease)}
.fbh.fbh::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--fbh-grad);opacity:.9}
.fbh.fbh.is-stuck{background:rgba(11,13,20,.92);box-shadow:0 10px 34px rgba(0,0,0,.45);border-bottom-color:rgba(255,255,255,.12)}

.fbh-in.fbh-in{max-width:1280px;margin:0 auto;padding:0 24px;height:var(--fbh-h);
  display:flex;align-items:center;gap:18px;
  transition:height .25s var(--fbh-ease)}
.fbh.fbh.is-stuck .fbh-in{height:62px}

/* ------------------------------------------------------------- brand */
.fbh-brand.fbh-brand{display:flex;align-items:center;flex:0 0 auto;margin-inline-end:6px;text-decoration:none}
.fbh-logo.fbh-logo{display:block;width:auto;height:38px;transition:height .25s var(--fbh-ease)}
.fbh.fbh.is-stuck .fbh-logo{height:32px}
.fbh-brand.fbh-brand:focus-visible{outline:2px solid var(--fbh-acc);outline-offset:6px;border-radius:6px}

/* The square mark replaces the full lockup on phones. Swapping in CSS rather
   than with JS means no layout shift and no second request — both files are
   already in the page. */
.fbh-logo-mark.fbh-logo-mark{display:none}

/* --------------------------------------------------------------- nav */
.fbh-nav.fbh-nav{display:flex;align-items:center;gap:2px;margin-inline:auto}
.fbh-nav.fbh-nav > li{list-style:none;position:relative}
.fbh-nav.fbh-nav{margin:0;padding:0}
.fbh-link.fbh-link{display:inline-flex;align-items:center;gap:6px;
  padding:9px 13px;border-radius:9px;
  color:var(--fbh-body);text-decoration:none;
  font-size:14.5px;font-weight:600;letter-spacing:-.1px;white-space:nowrap;
  transition:color .16s var(--fbh-ease), background-color .16s var(--fbh-ease)}
.fbh-link.fbh-link:hover,.fbh-link.fbh-link:focus-visible{color:var(--fbh-ink);background:rgba(255,255,255,.06);outline:none}
.fbh-link.fbh-link:focus-visible{box-shadow:0 0 0 2px var(--fbh-acc)}
.fbh-link.fbh-link .fbh-chev{width:11px;height:11px;opacity:.65;transition:transform .18s var(--fbh-ease)}
.fbh-item.fbh-item.is-open > .fbh-link .fbh-chev{transform:rotate(180deg)}
.fbh-item.fbh-item.is-open > .fbh-link{color:var(--fbh-ink);background:rgba(255,255,255,.06)}

/* current page marker */
.fbh-link.fbh-link[aria-current="page"]{color:var(--fbh-ink)}
.fbh-link.fbh-link[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;
  height:2px;border-radius:2px;background:var(--fbh-grad)}

/* ------------------------------------------------------ mega dropdown */
.fbh-mega.fbh-mega{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;
  width:min(560px,86vw);padding:10px;
  background:rgba(20,24,36,.97);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border:1px solid rgba(139,123,255,.22);border-radius:16px;
  box-shadow:0 26px 60px rgba(0,0,0,.55);
  display:grid;gap:4px;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s var(--fbh-ease), transform .18s var(--fbh-ease), visibility 0s linear .18s}
.fbh-item.fbh-item.is-open > .fbh-mega{opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity .18s var(--fbh-ease), transform .18s var(--fbh-ease), visibility 0s}
.fbh-mega.fbh-mega a{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;
  padding:11px 12px;border-radius:11px;text-decoration:none;color:var(--fbh-ink);
  transition:background-color .16s var(--fbh-ease)}
.fbh-mega.fbh-mega a:hover,.fbh-mega.fbh-mega a:focus-visible{background:rgba(139,123,255,.12);outline:none}
.fbh-mega.fbh-mega a:focus-visible{box-shadow:0 0 0 2px var(--fbh-acc)}
.fbh-mega.fbh-mega .fbh-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:rgba(139,123,255,.14);border:1px solid rgba(139,123,255,.26);color:var(--fbh-acc)}
.fbh-mega.fbh-mega .fbh-ico svg{width:17px;height:17px}
.fbh-mega.fbh-mega b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.2px;line-height:1.35;color:var(--fbh-ink)}
.fbh-mega.fbh-mega a > span > span{display:block;font-size:12.5px;line-height:1.5;color:var(--fbh-muted);margin-top:2px}
.fbh-mega.fbh-mega .fbh-mega-all{grid-template-columns:1fr;padding:10px 12px;margin-top:2px;
  border-top:1px solid var(--fbh-hair);border-radius:0 0 11px 11px;
  font-size:13px;font-weight:600;color:var(--fbh-acc)}

/* ------------------------------------------------------------ actions */
.fbh-act.fbh-act{display:flex;align-items:center;gap:8px;flex:0 0 auto}

.fbh-icobtn.fbh-icobtn{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;
  background:rgba(255,255,255,.05);border:1px solid var(--fbh-hair);border-radius:11px;
  color:var(--fbh-body);cursor:pointer;padding:0;
  appearance:none;-webkit-appearance:none;margin:0;font:inherit;text-transform:none;
  text-align:center;line-height:1;white-space:nowrap;
  transition:background-color .16s var(--fbh-ease), color .16s var(--fbh-ease), border-color .16s var(--fbh-ease)}
.fbh-icobtn.fbh-icobtn:hover{background:rgba(255,255,255,.09);color:var(--fbh-ink)}
.fbh-icobtn.fbh-icobtn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--fbh-acc)}
.fbh-icobtn.fbh-icobtn svg{width:18px;height:18px}

.fbh-ghost.fbh-ghost{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;
  border:1px solid rgba(255,255,255,.18);border-radius:11px;background:none;
  color:var(--fbh-ink);font:600 14px Inter,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:border-color .16s var(--fbh-ease), background-color .16s var(--fbh-ease)}
.fbh-ghost.fbh-ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.32)}
.fbh-ghost.fbh-ghost:focus-visible{outline:none;box-shadow:0 0 0 2px var(--fbh-acc)}

.fbh-cta.fbh-cta{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 17px;
  border:0;border-radius:11px;background-image:var(--fbh-grad);
  color:#fff;font:700 14px Inter,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;
  box-shadow:0 6px 20px rgba(108,92,231,.30);
  transition:transform .16s var(--fbh-ease), box-shadow .16s var(--fbh-ease), filter .16s var(--fbh-ease)}
.fbh-cta.fbh-cta:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(108,92,231,.42);filter:saturate(115%)}
.fbh-cta.fbh-cta:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--fbh-acc)}

/* account pill (signed in) */
.fbh-acct.fbh-acct{position:relative}
.fbh-pill.fbh-pill{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 12px 0 5px;
  background:rgba(255,255,255,.05);border:1px solid var(--fbh-hair);border-radius:999px;
  color:var(--fbh-ink);font:600 14px Inter,sans-serif;cursor:pointer;
  appearance:none;-webkit-appearance:none;margin:0;text-transform:none;white-space:nowrap;
  transition:background-color .16s var(--fbh-ease), border-color .16s var(--fbh-ease)}
.fbh-pill.fbh-pill:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2)}
.fbh-pill.fbh-pill:focus-visible{outline:none;box-shadow:0 0 0 2px var(--fbh-acc)}
.fbh-ava.fbh-ava{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background-image:var(--fbh-grad);color:#fff;font:700 12px Inter,sans-serif;letter-spacing:.3px;flex:0 0 auto}
.fbh-pill.fbh-pill .fbh-chev{width:11px;height:11px;opacity:.6;transition:transform .18s var(--fbh-ease)}
.fbh-acct.fbh-acct.is-open .fbh-pill .fbh-chev{transform:rotate(180deg)}

.fbh-menu.fbh-menu{position:absolute;top:calc(100% + 10px);right:0;width:246px;padding:8px;
  background:rgba(20,24,36,.97);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border:1px solid rgba(139,123,255,.22);border-radius:15px;
  box-shadow:0 26px 60px rgba(0,0,0,.55);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s var(--fbh-ease), transform .18s var(--fbh-ease), visibility 0s linear .18s}
.fbh-acct.fbh-acct.is-open .fbh-menu{opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity .18s var(--fbh-ease), transform .18s var(--fbh-ease), visibility 0s}
.fbh-menu.fbh-menu a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;
  color:var(--fbh-body);text-decoration:none;font-size:14px;font-weight:500;
  transition:background-color .16s var(--fbh-ease), color .16s var(--fbh-ease)}
.fbh-menu.fbh-menu a:hover,.fbh-menu.fbh-menu a:focus-visible{background:rgba(139,123,255,.12);color:var(--fbh-ink);outline:none}
.fbh-menu.fbh-menu a:focus-visible{box-shadow:0 0 0 2px var(--fbh-acc)}
.fbh-menu.fbh-menu a svg{width:16px;height:16px;opacity:.7;flex:0 0 auto}
.fbh-menu.fbh-menu hr{border:0;border-top:1px solid var(--fbh-hair);margin:6px 4px}
.fbh-menu.fbh-menu .is-danger{color:#FF8AA8}
.fbh-menu.fbh-menu .is-danger:hover{background:rgba(214,0,74,.15)}

/* burger — hidden on desktop */
.fbh-burger.fbh-burger{display:none}
.fbh-burger.fbh-burger i{display:block;width:17px;height:2px;border-radius:2px;background:currentColor;
  transition:transform .22s var(--fbh-ease), opacity .18s var(--fbh-ease)}
.fbh-burger.fbh-burger i + i{margin-top:4px}
.fbh-burger.fbh-burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.fbh-burger.fbh-burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.fbh-burger.fbh-burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ------------------------------------------------------------- search */
.fbh-search.fbh-search{position:absolute;inset:100% 0 auto 0;
  background:rgba(14,17,26,.97);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--fbh-hair);
  box-shadow:0 22px 50px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .2s var(--fbh-ease), transform .2s var(--fbh-ease), visibility 0s linear .2s}
.fbh.fbh.is-searching .fbh-search{opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity .2s var(--fbh-ease), transform .2s var(--fbh-ease), visibility 0s}
.fbh-search.fbh-search form{max-width:1280px;margin:0 auto;padding:16px 24px 18px;display:flex;flex-direction:column;gap:9px}
.fbh-search.fbh-search .fbh-field{display:flex;align-items:center;gap:11px;
  background:rgba(255,255,255,.05);border:1px solid var(--fbh-hair);border-radius:13px;padding:0 14px;height:52px}
.fbh-search.fbh-search .fbh-field:focus-within{border-color:rgba(139,123,255,.55);background:rgba(139,123,255,.07)}
.fbh-search.fbh-search .fbh-field svg{width:19px;height:19px;color:var(--fbh-muted);flex:0 0 auto}
.fbh-search.fbh-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--fbh-ink);
  font:500 16px Inter,sans-serif}
.fbh-search.fbh-search input::placeholder{color:var(--fbh-muted)}
.fbh-search.fbh-search kbd{font:600 11px ui-monospace,Menlo,Consolas,monospace;color:var(--fbh-muted);
  border:1px solid var(--fbh-hair);border-radius:6px;padding:3px 7px;background:rgba(255,255,255,.04)}
.fbh-search.fbh-search p{margin:0;font-size:12.5px;color:var(--fbh-muted)}

/* =====================================================================
   Tablet + mobile
   ===================================================================== */
@media (max-width:1080px){
  :root{--fbh-h:66px}
  .fbh-in.fbh-in{padding:0 20px;gap:14px}
  .fbh.fbh.is-stuck .fbh-in{height:58px}
  .fbh-logo.fbh-logo{height:32px}
  .fbh.fbh.is-stuck .fbh-logo{height:28px}
  .fbh-nav.fbh-nav{display:none}
  .fbh-burger.fbh-burger{display:grid}
  .fbh-act.fbh-act{margin-inline-start:auto}
  /* The account entry point stays in the bar at every width — this is the
     thing that is missing from the current header.
     Scoped to .fbh-act.fbh-act on purpose: the CTA inside the drawer must survive. */
  .fbh-act .fbh-cta{display:none}
  .fbh-pill.fbh-pill{padding:0;width:40px;justify-content:center;border-radius:12px}
  .fbh-pill.fbh-pill .fbh-name,.fbh-pill.fbh-pill .fbh-chev{display:none}
  .fbh-menu.fbh-menu{display:none}          /* signed-in menu lives in the drawer on small screens */
  .fbh-search.fbh-search form{padding:14px 16px 16px}
}
/* Phones: the wordmark buys nothing at this width, so the mark takes over and
   the row gets its space back. The search button moves into the drawer, where
   there is already a search field — that is the single biggest saving. */
@media (max-width:600px){
  .fbh-logo-full.fbh-logo-full{display:none}
  .fbh-logo-mark.fbh-logo-mark{display:block;height:36px}
  /* the drawer is 384px wide and has room, so it keeps the full lockup */
  .fbh-dhead.fbh-dhead .fbh-logo-full{display:block}
  .fbh-dhead.fbh-dhead .fbh-logo-mark{display:none}
  .fbh.fbh.is-stuck .fbh-logo-mark{height:32px}
  .fbh-in.fbh-in{padding:0 18px;gap:12px}
  #fbh-searchbtn{display:none}
}

@media (max-width:380px){
  .fbh-in.fbh-in{padding:0 14px;gap:10px}
  .fbh-logo-mark.fbh-logo-mark{height:32px}
}

/* ------------------------------------------------------------- drawer */
.fbh-scrim.fbh-scrim{position:fixed;inset:0;z-index:8990;background:rgba(6,8,14,.62);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  opacity:0;visibility:hidden;transition:opacity .28s var(--fbh-ease), visibility .28s}
.fbh-scrim.fbh-scrim.is-on{opacity:1;visibility:visible}

.fbh-drawer.fbh-drawer{position:fixed;top:0;right:0;bottom:0;z-index:9100;
  width:min(384px,88vw);display:flex;flex-direction:column;
  background:#12151F;border-left:1px solid rgba(139,123,255,.20);
  box-shadow:-30px 0 70px rgba(0,0,0,.55);
  transform:translateX(100%);
  transition:transform .34s var(--fbh-ease);
  overscroll-behavior:contain}
.fbh-drawer.fbh-drawer.is-on{transform:translateX(0)}
.fbh-drawer.fbh-drawer::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--fbh-grad);opacity:.85}

.fbh-dhead.fbh-dhead{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid var(--fbh-hair);flex:0 0 auto}
.fbh-dhead.fbh-dhead .fbh-logo{height:30px}
.fbh-dhead.fbh-dhead .fbh-logo-mark{display:none}

.fbh-dbody.fbh-dbody{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 18px 8px}

/* account block, pinned to the top of the drawer */
.fbh-dacct.fbh-dacct{padding:15px;border-radius:15px;margin-bottom:18px;
  background:linear-gradient(160deg,rgba(108,92,231,.16),rgba(214,0,74,.10));
  border:1px solid rgba(139,123,255,.26)}
.fbh-dacct.fbh-dacct .fbh-dacct-t{margin:0 0 3px;font-size:15px;font-weight:800;color:var(--fbh-ink);letter-spacing:-.2px}
.fbh-dacct.fbh-dacct .fbh-dacct-s{margin:0 0 13px;font-size:12.5px;line-height:1.5;color:var(--fbh-muted)}
.fbh-dacct.fbh-dacct .fbh-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.fbh-dacct.fbh-dacct .fbh-ghost,.fbh-dacct.fbh-dacct .fbh-cta{height:44px;justify-content:center;width:100%}

.fbh-duser.fbh-duser{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.fbh-duser.fbh-duser .fbh-ava{width:40px;height:40px;font-size:14px}
.fbh-duser.fbh-duser b{display:block;font-size:15px;font-weight:700;color:var(--fbh-ink);line-height:1.3}
.fbh-duser.fbh-duser > span > span{display:block;font-size:12px;color:var(--fbh-muted);margin-top:1px}
.fbh-duser.fbh-duser .fbh-ava{display:grid;place-items:center;color:#fff}
.fbh-dquick.fbh-dquick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fbh-dquick.fbh-dquick a{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:11px;
  background:rgba(255,255,255,.05);border:1px solid var(--fbh-hair);
  color:var(--fbh-ink);text-decoration:none;font-size:13px;font-weight:600}
.fbh-dquick.fbh-dquick a:hover,.fbh-dquick.fbh-dquick a:focus-visible{background:rgba(255,255,255,.1);outline:none}
.fbh-dquick.fbh-dquick a:focus-visible{box-shadow:0 0 0 2px var(--fbh-acc)}
.fbh-dquick.fbh-dquick svg{width:15px;height:15px;opacity:.7}

/* drawer search */
.fbh-dsearch.fbh-dsearch{display:flex;align-items:center;gap:10px;height:48px;padding:0 13px;margin-bottom:16px;
  background:rgba(255,255,255,.05);border:1px solid var(--fbh-hair);border-radius:13px}
.fbh-dsearch.fbh-dsearch:focus-within{border-color:rgba(139,123,255,.55)}
.fbh-dsearch.fbh-dsearch svg{width:18px;height:18px;color:var(--fbh-muted);flex:0 0 auto}
.fbh-dsearch.fbh-dsearch input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--fbh-ink);font:500 15px Inter,sans-serif}
.fbh-dsearch.fbh-dsearch input::placeholder{color:var(--fbh-muted)}

.fbh-dlabel.fbh-dlabel{margin:0 0 8px;font-size:10px;font-weight:700;letter-spacing:1.4px;
  text-transform:uppercase;color:var(--fbh-muted)}

.fbh-dnav.fbh-dnav{list-style:none;margin:0 0 6px;padding:0}
.fbh-dnav.fbh-dnav > li{border-bottom:1px solid rgba(255,255,255,.055)}
.fbh-dnav.fbh-dnav > li:last-child{border-bottom:0}
.fbh-dnav.fbh-dnav a,.fbh-dtoggle.fbh-dtoggle{display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;padding:14px 6px;background:none;border:0;text-align:start;
  color:var(--fbh-ink);text-decoration:none;font:600 16px Inter,sans-serif;letter-spacing:-.2px;cursor:pointer;
  min-height:48px;border-radius:10px;
  appearance:none;-webkit-appearance:none;margin:0;text-transform:none;white-space:normal}
.fbh-dnav.fbh-dnav a:hover,.fbh-dtoggle.fbh-dtoggle:hover,.fbh-dnav.fbh-dnav a:focus-visible,.fbh-dtoggle.fbh-dtoggle:focus-visible{color:var(--fbh-acc);outline:none}
.fbh-dnav.fbh-dnav a:focus-visible,.fbh-dtoggle.fbh-dtoggle:focus-visible{box-shadow:0 0 0 2px var(--fbh-acc)}
.fbh-dtoggle.fbh-dtoggle .fbh-chev{width:13px;height:13px;opacity:.6;transition:transform .22s var(--fbh-ease)}
.fbh-dtoggle.fbh-dtoggle[aria-expanded="true"] .fbh-chev{transform:rotate(180deg)}
.fbh-dsub.fbh-dsub{list-style:none;margin:0;padding:0;overflow:hidden;
  max-height:0;transition:max-height .3s var(--fbh-ease)}
.fbh-dsub.fbh-dsub.is-on{max-height:420px}
.fbh-dsub.fbh-dsub li{padding-inline-start:2px}
.fbh-dsub.fbh-dsub a{display:block;padding:11px 10px;margin-bottom:6px;border-radius:11px;
  background:rgba(255,255,255,.04);border:1px solid var(--fbh-hair);
  font-size:14px;font-weight:600;min-height:0}
.fbh-dsub.fbh-dsub a small{display:block;font-size:12px;font-weight:400;color:var(--fbh-muted);margin-top:2px;line-height:1.45}

.fbh-dfoot.fbh-dfoot{flex:0 0 auto;padding:14px 18px 20px;border-top:1px solid var(--fbh-hair);
  background:rgba(255,255,255,.02)}
.fbh-dfoot.fbh-dfoot .fbh-cta{width:100%;height:46px;justify-content:center}
.fbh-dfoot.fbh-dfoot p{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--fbh-muted);text-align:center}
.fbh-dlogout.fbh-dlogout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  margin-top:9px;padding:11px;border-radius:11px;border:1px solid rgba(255,138,168,.25);
  color:#FF8AA8;background:none;font:600 14px Inter,sans-serif;text-decoration:none;cursor:pointer}
.fbh-dlogout.fbh-dlogout:hover{background:rgba(214,0,74,.12)}
.fbh-dlogout.fbh-dlogout:focus-visible{outline:none;box-shadow:0 0 0 2px var(--fbh-acc)}

body.fbh-locked{overflow:hidden}

/* spacer so page content is not hidden under the fixed bar */
.fbh-spacer.fbh-spacer{height:var(--fbh-h)}

@media (prefers-reduced-motion:reduce){
  .fbh.fbh,.fbh-in.fbh-in,.fbh-brand.fbh-brand img,.fbh-drawer.fbh-drawer,.fbh-scrim.fbh-scrim,.fbh-mega.fbh-mega,.fbh-menu.fbh-menu,.fbh-search.fbh-search,.fbh-dsub.fbh-dsub,.fbh-cta.fbh-cta{transition:none}
}

/* ------------------------------------------------------------ WP admin bar */
body.admin-bar .fbh.fbh{top:32px}
body.admin-bar .fbh-drawer.fbh-drawer{top:32px}
@media screen and (max-width:782px){
  body.admin-bar .fbh.fbh{top:46px}
  body.admin-bar .fbh-drawer.fbh-drawer{top:46px}
}

/* Fallback: if the Elementor header could not be removed server-side, hide it
   here so there are never two headers stacked. */
body.fbh-replaced header.elementor-location-header{display:none!important}

/* ---------------------------------------------------- PHP integration ----
   Elements the PHP emits through helpers, which the mockup wrote inline.
   Spacing and the logo swap live in the component CSS above — nothing here
   may restate them, or the two will fight. */
.fbh-chev.fbh-chev{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.fbh-chev.fbh-chev svg{width:100%;height:100%;display:block}
.fbh-ico-inline.fbh-ico-inline{display:inline-flex;width:16px;height:16px;flex:0 0 auto}
.fbh-ico-inline.fbh-ico-inline svg{width:100%;height:100%}
.fbh-dlogout.fbh-dlogout svg{width:16px;height:16px;flex:0 0 auto}
.fbh-dsearchform.fbh-dsearchform{margin:0}
.fbh-in.fbh-in > .fbh-act{margin-inline-start:auto}
.fbh-nav.fbh-nav ~ .fbh-act{margin-inline-start:0}

/* wordmark: only rendered when every logo source is empty */
.fbh-wordmark.fbh-wordmark{font:800 18px Inter,system-ui,sans-serif;letter-spacing:-.4px;
  color:var(--fbh-ink);white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}
.fbh-dhead.fbh-dhead .fbh-wordmark{font-size:15px}

@media (max-width:1080px){
  .fbh-bar-cta.fbh-bar-cta{display:none!important}
  .fbh-wordmark.fbh-wordmark{max-width:150px;font-size:15px}
}

/* --------------------------------------------------- narrow-screen safety */
.fbh-in.fbh-in{min-width:0}
.fbh-act.fbh-act{min-width:0}
.fbh-burger.fbh-burger{flex:0 0 auto}
.fbh-brand.fbh-brand{flex:0 1 auto;min-width:0}

@media (max-width:380px){
  /* "Giriş yap" collapses to its icon. The label stays in the DOM for screen
     readers rather than being display:none'd away. */
  .fbh-act.fbh-act .fbh-ghost{width:40px;padding:0;justify-content:center;border-radius:12px}
  .fbh-act.fbh-act .fbh-ghost-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .fbh-wordmark.fbh-wordmark{max-width:110px;font-size:14px}
}