@font-face{
  font-family:"Montserrat";
  src:url("/_content/Zibadis.SiteKit/fonts/montserrat/Montserrat-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/_content/Zibadis.SiteKit/fonts/montserrat/Montserrat-Medium.woff2") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/_content/Zibadis.SiteKit/fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2");
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/_content/Zibadis.SiteKit/fonts/montserrat/Montserrat-Bold.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}
:root{
  --bg:#f3ede1;
  --ink:#2a2823;
  --muted:#948e80;
  --orange:#e2622c;
  --border:#d9d0bd;
  --top-bg:#15130f;
  --top-ink:#f3ede1;
  --top-muted:#8f8a80;
}
*{box-sizing:border-box;}
body{ margin:0; font-family:"Montserrat",-apple-system,Segoe UI,Roboto,Arial,sans-serif; }

/* Must outrank any per-page content z-index (tool viewports/canvases,
   panels, etc. use their own stacking, sometimes into the hundreds) — the
   header needs to always win against that, page-independent. Was 200,
   which is low enough that some in-page content could sit above it while
   scrolling. See the same fix on header-static.css (zibadis.com). */
.zb-hdr{ position:relative; z-index:9000; }

/* Sticky must anchor on the mount point (a direct child of body, so its
   containing block spans the full page) — not on .zb-hdr-main itself,
   whose immediate parent (.zb-hdr) is only as tall as the header, which
   would cap how far the sticky bar can travel before it scrolls away. */
#zb-header-mount{ position:sticky; top:0; z-index:9000; }

/* ---- Top network bar ---- */
.zb-hdr-top{
  position:relative;
  z-index:20;
  background:var(--top-bg);
  color:var(--top-ink);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 24px;
  font-size:12.5px;
  transform:translateY(0);
  opacity:1;
  transition:transform .25s ease, opacity .2s ease;
  will-change:transform;
}
.zb-hdr-top.zb-is-collapsed{
  transform:translateY(-100%);
  opacity:0;
}
.zb-hdr-main{ position:sticky; top:0; z-index:10; }
.zb-top-brand{
  display:flex; align-items:center; gap:8px;
  font-weight:700; letter-spacing:.6px;
  color:#fff; text-decoration:none;
}
.zb-top-brand svg{ width:16px; height:16px; color:#fff; }
.zb-top-nav{ display:flex; align-items:center; gap:6px; position:relative; }
.zb-top-link{
  display:flex; align-items:center; gap:6px;
  color:var(--top-ink);
  text-decoration:none;
  padding:6px 10px;
  border-radius:8px;
  font-weight:500;
  cursor:pointer;
  background:none;
  border:none;
  font-family:inherit;
  font-size:12.5px;
}
.zb-top-link:hover{ background:rgba(255,255,255,.08); }
.zb-top-link svg{ width:14px; height:14px; opacity:.7; }
.zb-top-link .zb-chev{ width:11px; height:11px; transition:transform .15s ease; }
.zb-top-link[aria-expanded="true"] .zb-chev{ transform:rotate(180deg); }

/* ---- Network mega-dropdown ---- */
.zb-network-panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:230px;
  background:var(--top-bg);
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  padding:6px;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  display:none;
  flex-direction:column;
  z-index:100;
}
.zb-network-panel.is-open{ display:flex; }
.zb-network-group{ display:flex; flex-direction:column; }
.zb-network-group-btn{
  display:flex; align-items:center; justify-content:space-between;
  width:100%; text-align:left;
  background:none; border:none; color:var(--top-ink);
  font-family:inherit; font-size:12.5px; font-weight:600;
  padding:9px 10px; border-radius:6px; cursor:pointer;
}
.zb-network-group-btn:hover{ background:rgba(255,255,255,.08); }
.zb-network-group-btn svg{ width:12px; height:12px; transition:transform .15s ease; }
.zb-network-group-btn[aria-expanded="true"] svg{ transform:rotate(180deg); }
.zb-network-sites{
  display:none;
  flex-direction:column;
  padding:2px 4px 8px 20px;
}
.zb-network-sites.is-open{ display:flex; }
.zb-network-sites a{
  color:var(--top-muted);
  text-decoration:none;
  font-size:12px;
  padding:6px 8px;
  border-radius:5px;
}
.zb-network-sites a:hover{ background:rgba(255,255,255,.06); color:#fff; }

/* ---- Main site bar ---- */
.zb-hdr-main{
  background:var(--bg);
  border-bottom:1px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:16px 24px;
}
.zb-main-brand{ display:flex; align-items:center; gap:14px; text-decoration:none; color:var(--ink); }
.zb-main-logo{
  width:44px;height:44px;flex:0 0 44px;
  display:flex;align-items:center;justify-content:center;
}
.zb-main-logo img{ width:100%; height:100%; object-fit:contain; }
/* the brand is not a heading: each page's own <h1> is its only top-level heading */
.zb-main-brand-text strong{
  display:block; margin:0; font-size:17px; font-weight:700;
}
.zb-main-brand-text small{
  display:block; margin:2px 0 0; font-size:12px; color:var(--muted);
}

.zb-main-nav{ display:flex; align-items:center; gap:8px; }
.zb-nav-link{
  display:flex; align-items:center; gap:6px;
  color:var(--ink); text-decoration:none;
  font-size:13.5px; font-weight:600;
  padding:9px 12px; border-radius:8px;
  background:none; border:none; font-family:inherit; cursor:pointer;
}
.zb-nav-link:hover{ background:var(--orange); color:#fff; }
.zb-nav-link svg{ width:15px; height:15px; }
.zb-nav-link .zb-chev{ width:11px; height:11px; transition:transform .15s ease; }
.zb-nav-link[aria-expanded="true"] .zb-chev{ transform:rotate(180deg); }

.zb-icon-btn{
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  cursor:pointer;
}
.zb-icon-btn svg{ width:16px; height:16px; }
.zb-icon-btn:hover{ border-color:var(--orange); color:var(--orange); }
.zb-icon-btn.zb-lang-btn{ width:auto; padding:0 10px; font-size:12px; font-weight:700; font-family:inherit; }
.zb-icon-btn[aria-pressed="true"]{ background:var(--orange); color:#fff; border-color:var(--orange); }

.zb-tools-wrap{ position:relative; }
.zb-tools-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:2px 20px;
  max-width:min(94vw, 1180px);
  min-width:210px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px;
  box-shadow:0 20px 44px rgba(30,25,15,.16);
  z-index:100;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease, visibility .16s step-end;
}
.zb-tools-panel.is-open{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
  transition:opacity .16s ease, transform .16s ease;
}
.zb-tools-col{ display:flex; flex-direction:column; min-width:0; }
.zb-tools-panel a{
  display:flex; align-items:center; justify-content:space-between;
  color:var(--ink); text-decoration:none;
  font-size:13px; font-weight:600;
  padding:8px 10px; border-radius:7px;
}
.zb-tools-panel a:hover{ background:#f6f1e7; color:var(--orange); }
.zb-tools-panel a svg{ width:14px; height:14px; opacity:.5; flex:0 0 auto; margin-left:6px; }
.zb-tools-category{
  font-size:10px; letter-spacing:1.2px; text-transform:uppercase;
  color:var(--muted); font-weight:700;
  padding:10px 10px 4px;
}
.zb-tools-category:first-child{ padding-top:4px; }
.zb-tools-empty{
  padding:14px 12px; font-size:12.5px; color:var(--muted);
}

@media (max-width: 640px){
  .zb-tools-panel{
    grid-template-columns:1fr;
    max-width:calc(100vw - 24px);
    right:-12px;
  }
}

/* ---- Search ---- */
.zb-search-wrap{ position:relative; }
.zb-search-panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  display:none;
  z-index:100;
}
.zb-search-panel.is-open{ display:block; }
.zb-search-panel input{
  width:260px;
  padding:9px 12px;
  border:1px solid var(--border);
  border-radius:8px;
  font-family:inherit;
  font-size:13px;
  outline:none;
  box-shadow:0 16px 34px rgba(30,25,15,.14);
}
.zb-search-panel input:focus{ border-color:var(--orange); }
.zb-search-results{
  display:none;
  margin-top:6px;
  max-height:340px;
  overflow-y:auto;
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  padding:6px;
  box-shadow:0 16px 34px rgba(30,25,15,.14);
}
.zb-search-results.is-open{ display:block; }
.zb-search-results a{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  color:var(--ink); text-decoration:none;
  font-size:13px; font-weight:600;
  padding:8px 10px; border-radius:7px;
}
.zb-search-results a:hover{ background:#f6f1e7; color:var(--orange); }
.zb-search-results a em{
  font-style:normal; font-size:10.5px; font-weight:600;
  color:var(--muted); white-space:nowrap;
}
.zb-search-empty{ padding:10px; font-size:12.5px; color:var(--muted); }
.zb-hdr[data-theme="dark"] .zb-search-results{ background:#242018; border-color:#3a352b; }
.zb-hdr[data-theme="dark"] .zb-search-results a{ color:#f0ece2; }
.zb-hdr[data-theme="dark"] .zb-search-results a:hover{ background:#332f27; }
.zb-search-panel input:focus{ border-color:var(--orange); }

/* ---- Dark mode (header-local demo only) ---- */
.zb-hdr[data-theme="dark"] .zb-hdr-main{
  background:#1c1a16; border-color:#332f27; color:#f0ece2;
}
.zb-hdr[data-theme="dark"] .zb-main-brand{ color:#f0ece2; }
.zb-hdr[data-theme="dark"] .zb-main-brand-text small{ color:#a49c8c; }
.zb-hdr[data-theme="dark"] .zb-nav-link{ color:#f0ece2; }
.zb-hdr[data-theme="dark"] .zb-nav-link:hover{ background:rgba(255,255,255,.08); }
.zb-hdr[data-theme="dark"] .zb-icon-btn{ background:#242018; border-color:#3a352b; color:#f0ece2; }
.zb-hdr[data-theme="dark"] .zb-tools-panel{ background:#242018; border-color:#3a352b; }
.zb-hdr[data-theme="dark"] .zb-tools-panel a{ color:#f0ece2; }
.zb-hdr[data-theme="dark"] .zb-tools-panel a:hover{ background:#332f27; }

/* ---- Breadcrumb ribbon (separate, low visual priority) ---- */
.zb-hdr-crumbs{
  background:#ece5d6;
  border-bottom:1px solid var(--border);
  padding:6px 24px;
  font-size:11px;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:6px;
}
.zb-hdr-crumbs a{ color:var(--muted); text-decoration:none; }
.zb-hdr-crumbs a:hover{ color:var(--orange); }
.zb-hdr-crumbs .zb-crumb-current{ color:var(--muted); opacity:.75; }
.zb-hdr[data-theme="dark"] .zb-hdr-crumbs{
  background:#18160f; border-color:#332f27; color:#8a8271;
}
.zb-hdr[data-theme="dark"] .zb-hdr-crumbs a{ color:#8a8271; }

@media (max-width: 760px){
  .zb-hdr-main{ flex-wrap:wrap; }
  .zb-main-brand-text small{ display:none; }
}