/* Iraneet 1.5 — final locked header based on iraneet-header(1).html. */
:root {
  --ir-header-text: #d2e4ff;
  --ir-header-muted: #c3c6d5;
  --ir-header-primary: #b0c6ff;
  --ir-header-secondary: #86d5c8;
  --ir-header-surface: rgba(0, 20, 42, .76);
}
.ir-site-header {
  position: fixed !important;
  top: 16px !important;
  right: 16px !important;
  left: 16px !important;
  z-index: 9990 !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
.admin-bar .ir-site-header { top: 48px !important; }
.ir-header-shell {
  pointer-events: auto !important;
  position: relative !important;
  width: min(100%, 1440px) !important;
  max-width: 1440px !important;
  min-height: 72px !important;
  margin: 0 auto !important;
  padding: 12px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  overflow: visible !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, rgba(0,20,42,.82), rgba(13,43,73,.66)) !important;
  border: 1px solid rgba(221,221,221,.13) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: blur(30px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(30px) saturate(1.08) !important;
  isolation: isolate !important;
}
.ir-header-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.03) 32%, transparent 72%) !important;
  opacity: .56 !important;
  z-index: -1 !important;
}
.ir-site-header a { text-decoration: none !important; }
.ir-site-header > .ir-header-shell > a:first-child {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
}
.ir-logo-mark {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  color: #002d6e !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, rgba(176,198,255,.94), rgba(134,213,200,.84)) !important;
  box-shadow: 0 12px 38px rgba(66,116,217,.28), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
.ir-logo-mark img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.ir-site-header strong.bg-gradient-to-l {
  display: block !important;
  margin: 0 !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: transparent !important;
  background: linear-gradient(to left, #b0c6ff, #86d5c8, #bbc3ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.ir-site-header small { color: var(--ir-header-muted) !important; }
.ir-main-nav {
  display: none !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.ir-nav-link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(210,228,255,.78) !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: color .22s ease, background .22s ease, box-shadow .22s ease !important;
}
.ir-nav-link:hover, .ir-nav-link.active {
  color: #d2e4ff !important;
  background: rgba(176,198,255,.12) !important;
  box-shadow: inset 0 0 0 1px rgba(176,198,255,.16) !important;
}
.ir-nav-link.active::after {
  content: "" !important;
  position: absolute !important;
  bottom: 4px !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #86d5c8 !important;
  box-shadow: 0 0 16px rgba(134,213,200,.9) !important;
}
.ir-site-header .ir-header-action, .ir-site-header .ir-icon-btn {
  min-width: 44px !important;
  min-height: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding-inline: 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.055) !important;
  color: #d2e4ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
  font-family: Vazirmatn, sans-serif !important;
  cursor: pointer !important;
}
.ir-site-header .ir-header-action:hover, .ir-site-header .ir-icon-btn:hover {
  transform: translateY(-1px) !important;
  color: #b0c6ff !important;
  background: rgba(176,198,255,.12) !important;
  border-color: rgba(176,198,255,.22) !important;
}
.ir-primary-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: linear-gradient(135deg, #4274d9, #5e8ef4 54%, #86d5c8) !important;
  color: #001945 !important;
  box-shadow: 0 16px 45px rgba(66,116,217,.32), inset 0 1px 0 rgba(255,255,255,.38) !important;
  font-family: Vazirmatn, sans-serif !important;
  text-decoration: none !important;
}
.ir-primary-cta:hover { transform: translateY(-1px) !important; filter: saturate(1.06) !important; }
.ir-mega-menu {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  left: 50% !important;
  width: min(860px, calc(100vw - 48px)) !important;
  padding: 24px !important;
  border-radius: 28px !important;
  background: rgba(0,15,33,.94) !important;
  border: 1px solid rgba(221,221,221,.12) !important;
  box-shadow: 0 32px 90px rgba(0,0,0,.46) !important;
  backdrop-filter: blur(32px) !important;
  -webkit-backdrop-filter: blur(32px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(-50%) translateY(12px) !important;
  transition: opacity .25s ease, visibility .25s ease, transform .25s ease !important;
  z-index: 9999 !important;
}
.ir-main-nav .group:hover .ir-mega-menu, .ir-main-nav .group:focus-within .ir-mega-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}
.ir-mega-menu > .grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; }
.ir-mega-menu ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.ir-mega-menu li + li { margin-top: 12px !important; }
.ir-mega-menu .glass-card { padding: 20px !important; border-radius: 24px !important; overflow: visible !important; }
.ir-footer-link { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: rgba(195,198,213,.86) !important; text-decoration: none !important; }
.ir-footer-link:hover { color: #b0c6ff !important; transform: translateX(-3px) !important; }
.ir-kicker { display: inline-flex !important; align-items: center !important; gap: 7px !important; width: max-content !important; padding: 7px 13px !important; border-radius: 999px !important; color: #86d5c8 !important; background: rgba(134,213,200,.10) !important; border: 1px solid rgba(134,213,200,.18) !important; font-size: 12px !important; font-weight: 800 !important; }
.ir-mobile-menu[hidden], .ir-modal[hidden] { display: none !important; }
.ir-mobile-menu, .ir-modal { z-index: 10020 !important; }
.ir-mobile-drawer { width: min(calc(100% - 24px), 460px) !important; right: 12px !important; left: 12px !important; top: auto !important; bottom: max(12px, env(safe-area-inset-bottom)) !important; max-height: min(84vh, 760px) !important; border-radius: 30px !important; }
.ir-bottom-nav { z-index: 9995 !important; }
@media (min-width: 640px) {
  .ir-site-header strong.bg-gradient-to-l { font-size: 26px !important; }
}
@media (min-width: 1024px) {
  .ir-site-header { right: 32px !important; left: 32px !important; }
  .ir-main-nav { display: flex !important; }
  .js-mobile-menu-open { display: none !important; }
}
@media (max-width: 1023px) {
  .ir-site-header { top: 12px !important; right: 12px !important; left: 12px !important; }
  .admin-bar .ir-site-header { top: 58px !important; }
  .ir-header-shell { min-height: 64px !important; padding: 10px 12px !important; border-radius: 24px !important; }
}
@media (max-width: 767px) {
  .ir-site-header .ir-primary-cta.hidden.md\:inline-flex { display: none !important; }
  .ir-bottom-nav { display: flex !important; }
}
@media (min-width: 768px) { .ir-bottom-nav { display: none !important; } }
html:not(.dark) .ir-header-shell {
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(32,90,190,.14) !important;
  box-shadow: 0 18px 56px rgba(37,78,126,.14), inset 0 1px 0 rgba(255,255,255,.70) !important;
  backdrop-filter: blur(24px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.12) !important;
}
html:not(.dark) .ir-header-shell::before { opacity: 0 !important; }
html:not(.dark) .ir-nav-link { color: rgba(18,48,76,.78) !important; }
html:not(.dark) .ir-nav-link:hover, html:not(.dark) .ir-nav-link.active { color: #205abe !important; background: rgba(32,90,190,.08) !important; }
html:not(.dark) .ir-site-header .ir-header-action { background: rgba(255,255,255,.78) !important; border-color: rgba(32,90,190,.12) !important; color: #153250 !important; }
html:not(.dark) .ir-mega-menu { background: rgba(255,255,255,.96) !important; border-color: rgba(32,90,190,.14) !important; }
html:not(.dark) .ir-footer-link { color: #53677d !important; }
