/* ===== Contra header (RTL) ===== */
:root{
  --contra-header-h: 64px;
  --contra-bg: #0f0f0f;
  --contra-fg: #fff;
  --contra-accent: #ff8a00;
  --contra-muted: rgba(255,255,255,.6);
}
.contra-header{position:relative; z-index:1100; background:var(--contra-bg); color:var(--contra-fg);}
.contra-header .auto-container{max-width:1200px;}
.contra-bar{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px;
  height:var(--contra-header-h);
}
.contra-brand{justify-self:end; display:inline-flex; align-items:center;}
.contra-brand img{height:34px; width:auto; display:block;}

.contra-nav{justify-self:center;}
.contra-menu{display:flex; gap:24px; list-style:none; margin:0; padding:0;}
.contra-menu > li{position:relative;}
.contra-menu > li > a,
.contra-menu > li > button.sub-toggle{
  font-size:14px; color:var(--contra-fg); text-decoration:none; padding:8px 2px; background:none; border:0; cursor:pointer;
}
.contra-menu > li.current > a,
.contra-menu > li > a:hover,
.contra-menu > li > button.sub-toggle:hover{color:var(--contra-accent);}

/* زیرمنو دسکتاپ */
.contra-menu .sub-menu{
  position:absolute; top:100%; inset-inline-end:0; min-width:200px;
  background:#1b1b1b; border:1px solid rgba(255,255,255,.08);
  padding:8px 0; display:none; text-align:right;
}
.contra-menu .has-sub:hover > .sub-menu{display:block;}
.contra-menu .sub-menu a{display:block; padding:10px 16px; color:var(--contra-fg); text-decoration:none;}
.contra-menu .sub-menu a:hover{background:rgba(255,255,255,.06); color:var(--contra-accent);}

/* مگامنو دسکتاپ */
.contra-menu .has-mega{position:relative;}
.contra-menu .has-mega .mega{
  position:absolute; top:100%; inset-inline-end:0;
  background:#1b1b1b; border:1px solid rgba(255,255,255,.08);
  display:none; padding:18px; min-width:720px; text-align:right;
  grid-gap:24px; grid-template-columns:repeat(4,minmax(0,1fr)); display:grid;
}
.contra-menu .has-mega:hover .mega{display:grid;}
.contra-menu .mega h3{margin:0 0 10px; font-size:13px; color:var(--contra-accent);}
.contra-menu .mega a{display:block; padding:6px 0; color:var(--contra-fg); text-decoration:none; font-size:13px;}
.contra-menu .mega a:hover{color:var(--contra-accent);}

.contra-actions{justify-self:start; display:flex; align-items:center; gap:10px;}
.search-btn,
.hamburger{width:38px; height:38px; border:0; background:transparent; color:var(--contra-fg); cursor:pointer; display:inline-flex; align-items:center; justify-content:center;}
.search-btn:hover{color:var(--contra-accent);}
.hamburger{display:none;} /* فقط موبایل */

.hamburger span{display:block; width:22px; height:2px; background:var(--contra-fg); margin:3px 0; transition:transform .25s, opacity .25s;}
.hamburger.is-open span:nth-child(1){transform:translateY(5px) rotate(45deg);}
.hamburger.is-open span:nth-child(2){opacity:0;}
.hamburger.is-open span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}

/* پنل جست‌وجو */
.contra-search-panel{
  position:absolute; inset-inline-start:10px; top:calc(var(--contra-header-h) + 8px);
  background:#1b1b1b; border:1px solid rgba(255,255,255,.1);
  padding:10px; border-radius:6px; display:none; z-index:1110;
}
.contra-search-panel.is-open{display:block;}
.search-form{display:flex; align-items:center; gap:8px;}
.search-form input{width:220px; background:#0f0f0f; color:#fff; border:1px solid rgba(255,255,255,.15); padding:8px 10px; outline:none;}
.search-form button{height:34px; width:38px; border:0; background:var(--contra-accent); color:#000; cursor:pointer;}

/* دراور موبایل */
.contra-drawer{
  position:fixed; top:var(--contra-header-h); inset-inline:0;
  background:var(--contra-accent); transform:translateY(-100%);
  transition:transform .3s ease; z-index:1099; border-bottom:1px solid rgba(0,0,0,.15);
}
.contra-drawer.is-open{transform:translateY(0);}
.drawer-nav ul{list-style:none; margin:0; padding:8px 0;}
.drawer-nav > ul > li > a,
.drawer-nav > ul > li > button.drawer-sub-toggle{
  display:block; padding:14px 18px; text-decoration:none; color:#000; font-weight:600; background:transparent; border:0; width:100%; text-align:right; cursor:pointer;
  border-bottom:1px solid rgba(0,0,0,.1);
}
.drawer-nav a.is-active{color:#111;}
.drawer-nav .has-sub .sub{display:none; background:rgba(0,0,0,.06);}
.drawer-nav .has-sub.open .sub{display:block;}
.drawer-nav .sub a{padding:12px 28px; font-weight:500;}

/* ریسپانسیو */
@media (max-width:991.98px){
  .contra-nav{display:none;}           /* منوی دسکتاپ مخفی */
  .hamburger{display:inline-flex;}     /* همبرگر نمایش */
  .contra-bar{gap:12px;}
  .contra-brand img{height:32px;}
}
@media (max-width:575.98px){
  :root{ --contra-header-h: 58px; }
  .search-form input{width:180px;}
}

/* جلوگیری از تداخل با سوییچر رنگ قالب */
.color-palate{z-index:1200;}
/* ===== Centered nav in header-style-four (RTL) ===== */

/* خط پایه: ساختار فلکسی برای سه تکه: لوگو | منو (وسط) | آیکن‌ها */
.main-header.header-style-four .header-lower .main-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* ترتیب RTL: لوگو راست، منو وسط (گسترش‌پذیر)، باکس جست‌وجو چپ */
.main-header.header-style-four .logo-box{ order:1; }
.main-header.header-style-four .nav-outer{ 
  order:2; 
  flex:1 1 auto; 
  display:flex; 
  align-items:center; 
  justify-content:center;    /* خود nav وسط باکس قرار گیرد */
}
.main-header.header-style-four .outer-box{ 
  order:3; 
  margin-inline-start:auto;  /* بچسبد به لبه چپ در RTL */
}

/* خود UL منو را وسط‌چین و از حالت float خارج کنیم */
.main-header.header-style-four .main-menu .navbar-collapse{
  flex:1 1 auto;             /* اجازه بدهد پهن شود */
}
.main-header.header-style-four .main-menu .navigation{
  display:flex;
  justify-content:center;    /* آیتم‌ها دقیقاً وسط هدر */
  align-items:center;
  gap:28px;                  /* فاصله بین آیتم‌ها؛ دلخواه */
  float:none !important;     /* خنثی‌سازی استایل‌های قدیمی */
  margin:0 auto;
  padding:0;
  text-align:center;
}
.main-header.header-style-four .main-menu .navigation > li{
  float:none;                /* خنثی‌سازی float راست قالب */
}
.main-header.header-style-four .main-menu .navigation > li > a{
  padding:8px 1px;          /* کمی جمع‌وجورتر */
  display:block;
}

/* آیکن همبرگری بوت‌استرپ (در موبایل) سمت چپ بماند */
.main-header.header-style-four .navbar-header{
  display:flex;
  align-items:center;
}
.main-header.header-style-four .navbar-toggler{
  margin:0;
}

/* ——— رفتار موبایل: منو ستونی و تمام‌عرض، دیگر مرکز لازم نیست ——— */
@media (max-width: 991.98px){
  .main-header.header-style-four .nav-outer{
    justify-content:flex-start;  /* در موبایل نیازی به مرکز نیست */
  }
  .main-header.header-style-four .main-menu .navigation{
    display:block;
    text-align:right;            /* RTL */
  }
  .main-header.header-style-four .main-menu .navigation > li{
    width:100%;
  }
  .main-header.header-style-four .main-menu .navigation > li > a{
    padding:12px 16px;
  }
}