/* Shared site header (header.php). Loaded after the page stylesheet. */
.site-header { background: #0d0623; color: #fff; font-family: Vazirmatn, sans-serif; }
.site-header a { color: inherit; text-decoration: none; }
.site-header a:focus-visible, .site-header button:focus-visible, .site-header input:focus-visible { outline: 3px solid #a35ce8; outline-offset: 5px; }
.site-header .icon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.launch-bar { margin: 0; padding: 8px 16px; background: linear-gradient(90deg, #9239d5, #d63384); font-size: 14px; text-align: center; direction: rtl; }
.site-header .launch-bar a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.header-inner { box-sizing: border-box; width: min(1320px, 88%); height: 90px; margin-inline: auto; display: flex; direction: ltr; align-items: center; justify-content: space-between; gap: 32px; }
.site-header .custom-logo-link { display: block; flex-shrink: 0; }
.site-header .custom-logo { display: block; width: auto; height: 66px; }
/* Fallback logo cropped from the supplied mockup, used until a logo is set in the Customizer. */
.site-header .brand { width: 150px; height: 66px; flex-shrink: 0; background: url('../images/mockups/magazine.webp') 7.79% 1.46% / 1024% auto no-repeat; }
.main-nav { display: flex; direction: rtl; align-self: stretch; align-items: center; gap: 56px; }
.main-nav ul, .main-nav li { display: contents; }
.main-nav a { position: relative; padding: 26px 4px; font-size: 16px; white-space: nowrap; }
.main-nav a:hover { color: #d5a8fa; }
.main-nav a[aria-current] { color: #e4c8fb; }
.main-nav a[aria-current]::after { content: ''; position: absolute; bottom: 10px; right: -5px; left: -5px; height: 2px; background: #9239d5; box-shadow: 0 15px 14px 2px #b990ee55; }
.header-search { display: grid; place-items: center; padding: 8px; border: 0; background: none; color: inherit; cursor: pointer; }
.header-search .icon { width: 30px; height: 30px; stroke-width: 1.5; }
.search-form { box-sizing: border-box; width: min(1320px, 88%); margin-inline: auto; padding: 0 0 20px; }
.search-form input, .search-form button { font: inherit; }
.search-form input { margin: 0 12px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 7px; width: min(360px, 65%); }
.search-form button { border: 0; border-radius: 7px; background: #880ce5; color: #fff; padding: 8px 20px; cursor: pointer; }
.search-form p { margin-bottom: 0; }
.search-form[hidden] { display: none; }
@media (max-width: 1100px) {
    .main-nav { gap: 28px; }
}
@media (max-width: 800px) {
    .header-inner { height: auto; flex-wrap: wrap; gap: 0; padding-top: 8px; }
    .site-header .brand { width: 120px; height: 53px; }
    .site-header .custom-logo { height: 53px; }
    .main-nav { order: 3; width: 100%; justify-content: space-between; gap: 8px; }
    .main-nav a { padding: 16px 0; font-size: 13px; }
    .main-nav a[aria-current]::after { right: 0; left: 0; bottom: 6px; box-shadow: 0 4px 8px #9a40c6; }
    .header-search .icon { width: 26px; height: 26px; }
    .search-form label { display: block; margin: 12px 0; }
    .search-form input { margin-right: 0; }
}