/* Al-Samarrai Header 1.0.0 — the Astra header in deep green with a gold
 * rule, on every page (moved here from alhamdoon-home 1.0.8 on 2026-10-23,
 * where it was the front page's only). The logo is green on transparent, so
 * it sits on a paper tile. The tile behind the logo row is the khatam
 * lattice the front page uses. The mobile drawer and the submenus keep
 * their own white. Selectors start at #masthead so they outrank Astra's own
 * header CSS. */

#masthead.site-header #ast-desktop-header .ast-primary-header-bar,
#masthead.site-header #ast-mobile-header .ast-primary-header-bar { position: relative; isolation: isolate; background: linear-gradient(160deg, var(--c-green-deep, #1a4232), #12301f); border-bottom: 1px solid rgba(220, 188, 126, .22); }
#masthead.site-header #ast-desktop-header .ast-primary-header-bar::before,
#masthead.site-header #ast-mobile-header .ast-primary-header-bar::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23dcbc7e' stroke-opacity='0.09' stroke-width='1.190'%3E%3Cpath d='M100.00 50.00L85.36 64.64L85.36 85.36L64.64 85.36L50.00 100.00L35.36 85.36L14.64 85.36L14.64 64.64L0.00 50.00L14.64 35.36L14.64 14.64L35.36 14.64L50.00 0.00L64.64 14.64L85.36 14.64L85.36 35.36ZM93.00 50.00L80.41 62.59L80.41 80.41L62.59 80.41L50.00 93.00L37.41 80.41L19.59 80.41L19.59 62.59L7.00 50.00L19.59 37.41L19.59 19.59L37.41 19.59L50.00 7.00L62.59 19.59L80.41 19.59L80.41 37.41ZM70.33 58.42L61.91 61.91L58.42 70.33L50.00 66.84L41.58 70.33L38.09 61.91L29.67 58.42L33.16 50.00L29.67 41.58L38.09 38.09L41.58 29.67L50.00 33.16L58.42 29.67L61.91 38.09L70.33 41.58L66.84 50.00ZM-14.64 -14.64h29.29v29.29h-29.29ZM-10.14 -10.14h20.29v20.29h-20.29ZM85.36 -14.64h29.29v29.29h-29.29ZM89.86 -10.14h20.29v20.29h-20.29ZM-14.64 85.36h29.29v29.29h-29.29ZM-10.14 89.86h20.29v20.29h-20.29ZM85.36 85.36h29.29v29.29h-29.29ZM89.86 89.86h20.29v20.29h-20.29Z'/%3E%3Ccircle cx='50' cy='50' r='9'/%3E%3C/g%3E%3Cg fill='%23dcbc7e' fill-opacity='0.14'%3E%3Ccircle cx='50' cy='50' r='2.2'/%3E%3Ccircle cx='0' cy='0' r='2.2'/%3E%3Ccircle cx='100' cy='0' r='2.2'/%3E%3Ccircle cx='0' cy='100' r='2.2'/%3E%3Ccircle cx='100' cy='100' r='2.2'/%3E%3C/g%3E%3C/svg%3E"); background-size: 84px 84px; -webkit-mask-image: linear-gradient(to left, #000, transparent 70%); mask-image: linear-gradient(to left, #000, transparent 70%); }
#masthead.site-header #ast-desktop-header .ast-below-header-bar { background: #12301f; border-bottom: 0; box-shadow: inset 0 -2px 0 #a98545, 0 8px 20px -12px rgba(20, 35, 28, .5); }
#masthead.site-header .custom-logo-link img.custom-logo { padding: 5px; border-radius: 14px; background: #fbf9f4; box-shadow: 0 0 0 1.5px #a98545, 0 6px 16px -6px rgba(0, 0, 0, .5); }
#masthead.site-header .site-title a, #masthead.site-header .site-title a:hover { color: #fff; }
#masthead.site-header .site-description { color: #dcbc7e; }
#masthead.site-header #ast-desktop-header .main-header-menu > .menu-item > .menu-link { color: rgba(255, 255, 255, .84); position: relative; }
#masthead.site-header #ast-desktop-header .main-header-menu > .menu-item > .menu-link::after { content: ""; position: absolute; inset-inline: 14px; bottom: 18px; height: 2px; border-radius: 2px; background: #dcbc7e; transform: scaleX(0); transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
#masthead.site-header #ast-desktop-header .main-header-menu > .menu-item:hover > .menu-link,
#masthead.site-header #ast-desktop-header .main-header-menu > .current-menu-item > .menu-link,
#masthead.site-header #ast-desktop-header .main-header-menu > .current-menu-ancestor > .menu-link,
#masthead.site-header #ast-desktop-header .main-header-menu > .current_page_parent > .menu-link { color: #dcbc7e; }
#masthead.site-header #ast-desktop-header .main-header-menu > .menu-item:hover > .menu-link::after,
#masthead.site-header #ast-desktop-header .main-header-menu > .current-menu-item > .menu-link::after,
#masthead.site-header #ast-desktop-header .main-header-menu > .current-menu-ancestor > .menu-link::after,
#masthead.site-header #ast-desktop-header .main-header-menu > .current_page_parent > .menu-link::after { transform: scaleX(1); }
#masthead.site-header #ast-desktop-header .main-header-menu > .menu-item > .menu-link .ast-icon,
#masthead.site-header #ast-desktop-header .main-header-menu > .menu-item > .menu-link .dropdown-menu-toggle { color: inherit; fill: currentColor; }
#masthead.site-header .ast-custom-button { background: #dcbc7e; color: #1a4232; border-color: #dcbc7e; transition: background .3s, color .3s; }
#masthead.site-header .ast-custom-button:hover { background: #fff; color: #1a4232; }
#masthead.site-header #ast-mobile-header .menu-toggle, #masthead.site-header #ast-mobile-header .menu-toggle:hover { color: #fff; background: transparent; }
#masthead.site-header #ast-mobile-header .menu-toggle .ast-mobile-svg { fill: #fff; }