#ikHeader {
  --ik-blue: #154779;
  --ik-gold: #C09562;
  --ik-light-blue: #79C7F2;
  --ik-muted: #b8bfb2;

  position: relative;
  isolation: isolate;
  z-index: 999;
  width: 100%;
  direction: rtl;
  color: var(--isc-text, #FFFFFF);
  background: linear-gradient(135deg, #0d3359 0%, #154779 50%, #123c66 100%);
  border-bottom: 2px solid var(--isc-accent, #C09562);
  box-shadow: 0 10px 30px rgba(10,35,62,.2);
  font-family: inherit;
}

#ikHeader.ik-h-sticky { position: sticky; top: 0; }
.admin-bar #ikHeader.ik-h-sticky { top: 32px; }

#ikHeader, #ikHeader * { box-sizing: border-box; }
#ikHeader a { text-decoration: none; }
#ikHeader button { font: inherit; }

/* نوار بالا */
#ikHeader .ik-h-topbar {
  background: rgba(0,0,0,.2);
  border-bottom: 1px solid rgba(255,255,255,.05);
  font-size: 12px;
}
#ikHeader .ik-h-topbar-inner {
  width: min(100% - 40px, 1200px);
  margin-inline: auto;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(255,255,255,.7);
}

#ikHeader .ik-h-shell {
  position: relative;
  z-index: 2;
  width: min(100% - 40px, 1200px);
  margin-inline: auto;
}

/* SVG Background */
#ikHeader .ik-h-architecture {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: 200px;
  pointer-events: none;
  opacity: .12; /* خیلی محو شد تا با متن رقابت نکنه */
}
#ikHeader .ik-h-chehel-svg .ik-h-piece {
  fill: none;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: ik-h-chehel-draw 2s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay: var(--ik-delay, 0s);
}
@keyframes ik-h-chehel-draw {
  to { stroke-dashoffset: 0; }
}

/* برند و تاپ */
#ikHeader .ik-h-top {
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-block: 12px;
}
#ikHeader .ik-h-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
#ikHeader .ik-h-logo {
  width: 50px; height: 50px;
  display: grid; place-items: center;
  border: 1px solid rgba(192,149,98,.8);
  border-radius: 14px;
  background: #f7f5f0;
  box-shadow: 0 4px 15px rgba(0,0,0,.15);
  overflow: hidden;
}
#ikHeader .ik-h-logo svg { width: 40px; height: 40px; }
#ikHeader .ik-h-brand-text { display: flex; flex-direction: column; gap: 4px; }
#ikHeader .ik-h-brand-text strong {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -.5px;
}
#ikHeader .ik-h-brand-text small {
  color: rgba(255,255,255,.7);
  font-size: 11px;
}
#ikHeader .ik-h-tagline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.8);
  font-size: 13px;
  font-weight: 600;
  background: rgba(255,255,255,.05);
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.1);
}
#ikHeader .ik-h-tag-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--isc-accent, #C09562);
  box-shadow: 0 0 0 3px rgba(192,149,98,.2);
}

/* جداکننده */
#ikHeader .ik-h-divider {
  height: 1px;
  background: linear-gradient(to left, transparent, rgba(255,255,255,.15), transparent);
  position: relative;
}
#ikHeader .ik-h-divider span {
  position: absolute; top: -1px; right: 0;
  width: 100px; height: 2px;
  background: var(--isc-accent, #C09562);
  border-radius: 4px;
}

/* منو و ناوبری */
#ikHeader .ik-h-navigation {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
#ikHeader .ik-h-menu {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0; padding: 0;
  list-style: none;
}
#ikHeader .ik-h-item { position: relative; }
#ikHeader .ik-h-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  color: rgba(255,255,255,.85);
  font-size: 13px;
  font-weight: 700;
  transition: all .25s ease;
  border: 1px solid transparent;
}
#ikHeader .ik-h-link:hover {
  color: #fff;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.15);
}
#ikHeader .ik-h-link svg { color: var(--isc-accent, #C09562); }
#ikHeader .ik-h-chevron { width: 12px; height: 12px; transition: transform .3s; }

/* پل نامرئی برای زیرمنو */
#ikHeader .ik-h-dropdown-parent::after {
  content: ""; position: absolute; top: 100%; left: 0; right: 0;
  height: 15px; background: transparent; z-index: 1002;
}

/* زیرمنو */
#ikHeader .ik-h-dropdown {
  position: absolute;
  top: calc(100% + 10px); right: 0;
  width: 280px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(0,0,0,.2);
  padding: 8px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transform: translateY(10px);
  transition: all .3s cubic-bezier(.22,1,.36,1);
  z-index: 1003;
  list-style: none;
}
#ikHeader .ik-h-dropdown-parent:hover > .ik-h-dropdown {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
}
#ikHeader .ik-h-dropdown-link {
  display: flex; align-items: center; gap: 12px;
  padding: 10px; border-radius: 10px;
  transition: background .2s;
}
#ikHeader .ik-h-dropdown-link:hover { background: #f7f5f0; }
#ikHeader .ik-h-service-icon {
  width: 40px; height: 40px;
  background: rgba(21,71,121,.08);
  border-radius: 10px;
  display: grid; place-items: center;
  color: #154779;
}
#ikHeader .ik-h-service-icon svg { width: 20px; height: 20px; }
#ikHeader .ik-h-service-text { display: flex; flex-direction: column; gap: 3px; }
#ikHeader .ik-h-service-text strong { color: #154779; font-size: 13px; font-weight: 800; }
#ikHeader .ik-h-service-text small { color: #777; font-size: 11px; }

/* دکمه ورود پرسنل */
#ikHeader .ik-h-login {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 0 20px; height: 44px;
  background: var(--isc-accent, #C09562);
  color: #fff;
  border-radius: 12px;
  font-size: 13px; font-weight: 800;
  box-shadow: 0 6px 20px rgba(192,149,98,.3);
  transition: all .3s;
  border: 1px solid rgba(255,255,255,.2);
}
#ikHeader .ik-h-login:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(192,149,98,.5);
  background: #b58a57;
}
#ikHeader .ik-h-login svg { width: 18px; height: 18px; }

/* انیمیشن */
#ikHeader.ik-h-ready .ik-h-top,
#ikHeader.ik-h-ready .ik-h-navigation {
  opacity: 0; transform: translateY(10px);
  transition: all .6s ease;
}
#ikHeader.ik-h-ready.ik-h-in .ik-h-top,
#ikHeader.ik-h-ready.ik-h-in .ik-h-navigation {
  opacity: 1; transform: translateY(0);
}

/* موبایل */
#ikHeader .ik-h-mobile-toggle { display: none; }
@media (max-width: 860px) {
  #ikHeader .ik-h-shell { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; width: calc(100% - 24px); }
  #ikHeader .ik-h-top { display: contents; }
  #ikHeader .ik-h-brand { grid-column: 1; grid-row: 1; }
  #ikHeader .ik-h-logo { width: 42px; height: 42px; }
  #ikHeader .ik-h-brand-text strong { font-size: 18px; }
  #ikHeader .ik-h-tagline { display: none; }
  #ikHeader .ik-h-divider { display: none; }
  #ikHeader .ik-h-navigation, #ikHeader .ik-h-nav { display: contents; }
  #ikHeader .ik-h-mobile-toggle {
    display: flex; grid-column: 3; grid-row: 1;
    width: 42px; height: 42px;
    align-items: center; justify-content: center;
    background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.2);
    border-radius: 10px; color: #fff;
  }
  #ikHeader .ik-h-burger { display: flex; flex-direction: column; gap: 5px; }
  #ikHeader .ik-h-burger i { width: 20px; height: 2px; background: #fff; }
  #ikHeader .ik-h-login { grid-column: 2; grid-row: 1; height: 42px; padding: 0 15px; font-size: 11px; }
  #ikHeader .ik-h-menu {
    grid-column: 1 / -1; grid-row: 2;
    display: flex; flex-direction: column; gap: 2px; width: 100%;
    max-height: 0; overflow: hidden; opacity: 0;
    background: rgba(10,35,62,.98); border-radius: 12px; margin-top: 0;
    transition: all .3s ease;
  }
  #ikHeader.ik-menu-open .ik-h-menu {
    max-height: 600px; opacity: 1; margin-top: 10px; padding: 10px;
  }
  #ikHeader .ik-h-item { width: 100%; }
  #ikHeader .ik-h-link { width: 100%; justify-content: flex-start; font-size: 14px; }
  #ikHeader .ik-h-dropdown-parent::after { display: none; }
  #ikHeader .ik-h-dropdown {
    position: static; width: 100%; box-shadow: none; background: transparent;
    padding: 0 0 0 15px; display: none;
  }
  #ikHeader .ik-h-dropdown-parent.is-open > .ik-h-dropdown { display: block; }
  #ikHeader .ik-h-dropdown-link { padding: 8px; }
}