/* WFARHALI global header 2026-10, v1.0.1 (shared header, all sizes): menu button + logo on one side,
 * account on the other, categories inside the menu. Loaded by partials/unified_header.html after
 * the older layers, scoped with .wf-gh26 so nothing else changes. */
html body:not(.premium-admin) .wf-gh26 .wf-global-brand img,
html body:not(.premium-admin) .wf-gh26 .wf-global-mobile-head img {
  content: url('/static/images/brand/wfarhali-logo-2026-10.png') !important;
  display: block !important; height: auto !important; object-fit: contain !important; object-position: left center !important;
}
html body:not(.premium-admin) .wf-gh26 .wf-global-brand img { width: 172px !important; max-height: 50px !important; }
html body:not(.premium-admin) .wf-gh26 .wf-global-mobile-head img { width: 150px !important; }
html body:not(.premium-admin) .wf-gh26 .wf-global-header-inner {
  display: grid !important; align-items: center !important;
  grid-template-columns: 46px auto minmax(0, 1fr) auto !important; gap: 14px !important;
}
html body:not(.premium-admin) .wf-gh26 .wf-global-menu-toggle {
  display: inline-flex !important; flex-direction: column; justify-content: center; gap: 5px;
  grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important;
  width: 46px !important; height: 46px !important; margin: 0 !important; padding: 0 11px !important;
  border: 1px solid #ebe5f0 !important; border-radius: 14px !important; background: #fff !important; cursor: pointer;
}
html body:not(.premium-admin) .wf-gh26 .wf-global-menu-toggle span { display: block; width: 100%; height: 2px; border-radius: 2px; background: #3b2a4a; }
html body:not(.premium-admin) .wf-gh26 .wf-global-brand { grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; display: flex !important; align-items: center !important; min-width: 0 !important; }
html body:not(.premium-admin) .wf-gh26 .wf-global-nav { grid-column: 3 !important; grid-row: 1 !important; justify-content: center !important; }
html body:not(.premium-admin) .wf-gh26 .wf-global-tools { grid-column: 4 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; gap: 10px !important; justify-self: end !important; }
html body:not(.premium-admin) .wf-gh26 .wf-global-account-guest svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 780px) {
  html body:not(.premium-admin) .wf-gh26 .wf-global-header-inner { grid-template-columns: 44px auto minmax(0, 1fr) 44px !important; gap: 10px !important; padding: 0 14px !important; }
  html body:not(.premium-admin) .wf-gh26 .wf-global-menu-toggle { width: 44px !important; height: 44px !important; padding: 0 10px !important; }
  html body:not(.premium-admin) .wf-gh26 .wf-global-brand img { width: 128px !important; max-height: 38px !important; }
  html body:not(.premium-admin) .wf-gh26 .wf-global-nav { display: none !important; }
  html body:not(.premium-admin) .wf-gh26 .wf-global-tools { display: flex !important; grid-column: 4 !important; }
  html body:not(.premium-admin) .wf-gh26 .wf-global-account { width: 44px !important; min-width: 44px !important; height: 44px !important; padding: 0 !important; justify-content: center !important; border-radius: 14px !important; }
  html body:not(.premium-admin) .wf-gh26 .wf-global-account-copy, html body:not(.premium-admin) .wf-gh26 .wf-global-bell { display: none !important; }
}
@media (max-width: 360px) {
  html body:not(.premium-admin) .wf-gh26 .wf-global-brand img { width: 112px !important; }
}
/* Arabic pages: the header stays LTR (menu + logo left, account right); only the drawer text is RTL. */
/* Categories inside the menu */
.wf-gh26 .wf-gh26-cats { display: grid; border-top: 1px solid #f0ecf7; }
.wf-gh26 .wf-gh26-cats details { border-bottom: 1px solid #f0ecf7; }
.wf-gh26 .wf-gh26-cats summary { list-style: none; display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 4px 0; font-size: 13.5px; font-weight: 700; color: #2a1a3a; cursor: pointer; }
.wf-gh26 .wf-gh26-cats summary::-webkit-details-marker { display: none; }
.wf-gh26 .wf-gh26-cats summary::after { content: '›'; margin-inline-start: auto; color: #9a77c0; font-size: 18px; transition: transform .15s ease; }
.wf-gh26 .wf-gh26-cats details[open] summary::after { transform: rotate(90deg); }
.wf-gh26 .wf-gh26-cats .wf-gh26-cat-icon { font-size: 18px; width: 26px; text-align: center; }
.wf-gh26 .wf-gh26-cats div { display: grid; padding: 0 0 8px 36px; }
.wf-gh26[dir="rtl"] .wf-gh26-cats div { padding: 0 36px 8px 0; }
.wf-gh26 .wf-gh26-cats div a { display: block; padding: 7px 0; font-size: 13px; color: #554b5b; text-decoration: none; border: 0 !important; min-height: 0 !important; }
.wf-gh26 .wf-gh26-cats div a:hover { color: #6d28d9; }
.wf-gh26 .wf-gh26-cats-all { display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 10px 0 0; border-radius: 12px; background: #f3edff; color: #4c1d95 !important; font-weight: 700; text-decoration: none; border: 0 !important; }
.wf-gh26.wf-global-mobile-menu[dir="rtl"] { text-align: right; }
.wf-gh26.wf-global-mobile-menu[dir="rtl"] > nav a i { transform: scaleX(-1); display: inline-block; }