:root{--primary:#ef2b50;--dark:#222;--gray:#777;--light:#f5f5f5;--border:#e0e0e0;--blue:#005eff}
*{box-sizing:border-box} body{margin:0;font-family:Vazir,IRANSansX,system-ui}

.full-width-header{width:100%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}
.top-link-login{
  border: 1px solid #e0e0e0;
    background: #fff;
    color: black;
    width: 100%;
    height: 183%;
    display: flex
;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
    text-decoration: none;
}

body{
  font-family: Vazir, IRANSansX, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-feature-settings: "locl" 1; /* اعداد فارسی */
  overflow-x: hidden !important;
}
html{
  overflow-x: hidden !important;
}

/* پهن‌تر کردن جستجو در هدر */
.main-header .search-container{ max-width:1200px }




/* Top bar */
.top-bar{background:var(--light);border-bottom:1px solid var(--border);padding:8px 0}
.top-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 15px;gap:10px}
.top-links{display:flex;gap:25px;flex-wrap:wrap; align-items: center;}
.top-link{color:var(--dark);text-decoration:none;font-size:15px}
.top-link:hover{color:var(--primary)}
.support-info{font-size:13px;color:var(--gray);font-weight:900}
.support-number{color:var(--primary);margin-right:5px}
.top-controls{display:flex;align-items:center;gap:10px}
.chip{background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}
.chip:hover{filter:brightness(1.05)}
.top-controls .sep{width:1px;height:16px;background:#e0e0e0}

/* Main header */
.main-header{max-width:1345px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:15px;gap:15px;position:relative}
.logo-container{display:flex;align-items:center;gap:10px}
.logo-img{height:40px}
.logo-title{font-size:18px;font-weight:700;color:var(--dark)}
.logo-subtitle{font-size:12px;color:var(--gray)}

/* Search */
.search-container{flex:1;max-width:600px;margin:0 30px}
.search-box{background:var(--light);border-radius:30px;border:1px solid var(--border);transition:.2s;position:relative}
.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(239,43,80,.1)}
.search-input{flex:1;border:0;background:transparent;padding:10px 15px;outline:0;font-size:14px}
.search-btn{background:none;border:0;padding:0 15px;cursor:pointer;color:var(--gray)}
.search-suggest{position:absolute;inset-inline:0;top:105%;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);display:none;overflow:hidden;z-index:10}
.search-suggest.is-open{display:block}
.search-suggest a{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:#222;border-bottom:1px solid #f5f5f5}
.search-suggest a:hover{background:#f9fafb}

/* Actions */
.action-buttons{display:flex;gap:15px;position:relative}
.action-btn{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:8px;font-size:14px;cursor:pointer;transition:.2s}
.category-btn{background:var(--primary) !important;color:#fff !important;border:0}
.cart-btn{background:#fff;color:var(--dark);border:1px solid var(--border)}
.action-btn:hover{transform:translateY(-2px)}

/* Mega menu (نسخه‌ی خودت) */
.mega-menu{display:none;position:absolute;top:100%;right:0;width:1000px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15);border-radius:8px;z-index:999;padding:25px;margin-top: 5px;}
.category-btn-container:hover .mega-menu{display:block;animation:fadeIn .25s}
.category-btn-container .mega-menu.open{display:block} /* برای موبایل با کلیک */
.mega-menu-container{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.mega-menu-column h4{font-size:16px;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid var(--primary);color:var(--dark)}
.mega-menu-column a{display:flex;align-items:center;gap:10px;color:var(--gray);text-decoration:none;padding:8px 0}
.mega-menu-column a:hover{color:var(--blue);padding-right:10px}
.mega-menu-column i{color:var(--primary);font-size:14px}

/* Quick icons + cart */
.quick-icons{    display: flex
;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: 2s;
  }
.qi{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:#222;background:#fff}
.qi:hover{transform:translateY(-2px);transition:.2s}
.cart-wrap{position:relative}
.cart-count{background:var(--primary);color:#fff;border-radius:999px;padding:0 6px;margin-inline-start:6px;font-size:12px}

/* Mini cart */
.mini-cart{position:absolute;inset-inline-end:0;top:89%;width:320px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);display:none}
.cart-wrap:hover .mini-cart{display:block;animation:fadeIn .2s}
.mini-head{padding:10px 12px;border-bottom:1px solid #eee;font-weight:900}
.mini-items{max-height:260px;overflow:auto}
.mini-item{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid #f3f3f3}
.mini-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}
.mi-meta b{display:block}
.mi-remove{margin-inline-start:auto;border:0;background:transparent;font-size:18px;cursor:pointer}
.mini-foot{padding:10px 12px;border-top:1px solid #eee}
.mini-actions{display:flex;gap:8px;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;text-decoration:none}
.btn.primary{background:var(--primary);color:#fff}
.btn.ghost{background:#fff;border:1px solid #e0e0e0}

/* USP */
.usp-bar{background:#fafafa;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
.usp-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 12px}
.usp{display:flex;gap:8px;align-items:center;justify-content:center;color:#333}

/* Dark mode */
:root{color-scheme:light dark}
:root[data-theme="dark"] .full-width-header{background:#0b1220;color:#e7edf7}
:root[data-theme="dark"] .top-bar{background:#101a36;border-color:#223}
:root[data-theme="dark"] .top-link{color:#cfe3ff}
:root[data-theme="dark"] .mega-menu,.search-suggest,.mini-cart{background:#101a36;color:#e7edf7;border-color:#223}
:root[data-theme="dark"] .qi,.btn.ghost{background:#101a36;border-color:#223;color:#e7edf7}
:root[data-theme="dark"] .btn.primary{background:#7c3aed}

/* ریسپانسیو */
@media (max-width:1024px){
  .mega-menu{width:800px;right:auto;left:50%;transform:translateX(-50%)}
  .mega-menu-container{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .top-container{flex-direction:column;gap:10px;padding:10px}
  .top-links{gap:15px;flex-wrap:wrap;justify-content:center}
  .main-header{flex-wrap:wrap}
  .search-container{order:3;width:100%;margin:10px 0 0}
  .action-buttons{margin-right:auto}
  .mega-menu{width:90%;right:auto;left:50%;transform:translateX(-50%)}
  .mega-menu-container{grid-template-columns:1fr}
  .usp-in{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .usp-in{grid-template-columns:1fr}
}

@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}


/* در موبایل */
/* -------- Mobile rules: hide mega menu + certain items, show only hamburger -------- */
@media (max-width: 768px){
  /* Do NOT show the mega menu on mobile */
  .category-btn-container:hover .mega-menu,
  .mega-menu{ display: none !important; }

  /* Hide these in mobile */
  .top-links,               /* we’ll show them inside the drawer instead */
  .top-link.login,          /* registration/login */
  .support-info,            /* support phone */
  .quick-icons,             /* ❤️ ⇄ 👤 */
  .cart-wrap                /* cart button + mini-cart */
  { display: none !important; }

  /* Make the category button act as the hamburger trigger */
  .category-btn{
    background:#fff;
    color:var(--dark);
    border:1px solid var(--border);
    min-width:44px;
  }
  .lang-curr{
  display: none;
}
}


/* -------- Mobile Drawer (off-canvas) -------- */
.mobile-drawer{
  position: fixed;
  inset: 0 0 0 auto;
  width: 85vw;
  max-width: 380px;
  background: #fff;
  color:#222;
  box-shadow: -12px 0 30px rgba(0,0,0,.15);
  transform: translateX(100%);
  transition: transform .25s ease;
  z-index: 1101;
  display: flex;
  flex-direction: column;
}
.mobile-drawer.is-open{ transform: translateX(0) }
:root[data-theme="dark"] .mobile-drawer{
  background:#101a36; color:#e7edf7; box-shadow: -12px 0 30px rgba(0,0,0,.45);
}

.drawer-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid #eaeaea; font-weight:900;
}
:root[data-theme="dark"] .drawer-header{ border-color:#223 }

.drawer-close{
  background:transparent; border:0; font-size:22px; cursor:pointer;
  line-height:1; padding:6px; border-radius:10px;
}

.drawer-body{ padding:10px 12px; overflow:auto }
.drawer-nav{ display:flex; flex-direction:column; gap:6px; }
.drawer-nav a{
  display:block; padding:12px 12px; text-decoration:none; color:#222;
  border:1px solid #eaeaea; border-radius:12px; background:#fff;
}
.drawer-nav a:hover{ background:#f9fafb }
:root[data-theme="dark"] .drawer-nav a{
  color:#e7edf7; background:#0c1530; border-color:#223;
}

/* Backdrop */
.drawer-backdrop{
  position: fixed; inset: 0; background: rgba(0,0,0,.45);
  opacity:0; pointer-events:none; transition:opacity .2s ease; z-index:1100;
}
.drawer-backdrop.is-active{ opacity:1; pointer-events:auto }

/* Focus visibility */
.mobile-drawer :where(a,button):focus-visible{
  box-shadow: 0 0 0 3px rgba(0,110,255,.25);
}

/* Lock scroll when drawer open */
body.no-scroll{ overflow:hidden }


/* --- Fix: نمایش آیکن ورود/ثبت‌نام در موبایل، مخفی‌کردن بقیه لینک‌ها --- */
@media (max-width: 768px){
  /* دیگه کل top-links رو مخفی نکن! فقط آیتم‌ها به‌جز login پنهان بشن */
  .top-links { display: flex !important; align-items: center; gap: 8px; }
  .top-links a:not(.login){ display: none !important; }

  /* خود دکمه‌ی ورود/ثبت‌نام به‌صورت آیکن */
  .top-link.login{
    position: relative;
    display: grid !important;
    place-items: center;
    width: 38px; height: 38px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#fff; color:#222;
    font-size:0; /* متن رو مخفی می‌کنه */
  }
  .top-link.login::before{
    content:"\f007"; /* fa-user */
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:16px;
    line-height:1;
  }

  /* تم تیره هماهنگ */
  :root[data-theme="dark"] .top-link.login{
    background:#101a36; color:#e7edf7; border-color:#223;
  }
}


  body{
      font-feature-settings: "locl" 1; /* enables Persian digit substitution */
      overflow-x: hidden !important;

  }

  /* lock scroll + hide everything except the splash (once it exists) */
  html.azade-lock, body.azade-lock { overflow:hidden }
  body.azade-hidden > *:not(#azadeSplash){ visibility:hidden !important }
  /* solid brand background to avoid white flash before splash CSS loads */



.search-btn svg{
  display: none !important;
}


/* فشرده‌سازی ردیف اصلی هدر */
.main-header{
  padding: 8px 8px;           /* قبلاً 15px بود */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;  
           /* از رفتن به خط بعد جلوگیری می‌کند */
}

/* دکمه‌ها کمی جمع‌وجورتر */
.main-header .action-btn{ padding: 8px 12px; line-height: 1.2; }

/* باکس جستجو کمی کم‌ارتفاع‌تر */
.main-header .search-input{ padding: 8px 12px; }
.main-header .search-box{ border-radius: 30px; }

/* آیکن‌های سریع کمی کوچک‌تر */
.quick-icons .qi{ width: 36px; height: 36px; }

/* اگر المنتور Margin پیش‌فرض روی ویجت‌ها گذاشته، این صفرش می‌کند */
.main-header .elementor-widget{ margin: 0 !important; }



/* ==== Azade Header — unify sizes ==== */
:root{
  --az-btn-h: 44px;      /* ارتفاع واحد همه دکمه‌ها و آیکن‌ها */
  --az-btn-px: 16px;     /* padding افقی واحد */
  --az-btn-radius: 12px; /* گردی گوشه واحد */
  --az-btn-fs: 14px;     /* فونت واحد دکمه‌ها */
}

/* دکمه‌های اکشن (دسته‌بندی، سبد، ورود/ثبت‌نام) هم‌قد و هم‌پدینگ */
.main-header .action-btn,
.main-header .category-btn,
.main-header .cart-btn,
.main-header .btn,
.main-header .btn.ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:var(--az-btn-h) !important;
  padding-inline:var(--az-btn-px) !important;
  border-radius:var(--az-btn-radius) !important;
  font-size:var(--az-btn-fs) !important;
  line-height:1 !important;
}

/* آیکن داخل دکمه‌ها فاصله یکنواخت */
.main-header .action-btn i,
.main-header .btn i{ margin-inline-start:6px }

/* باکس جستجو هم‌قد دکمه‌ها */
.main-header .search-box{
  height:var(--az-btn-h) !important;
  border-radius:var(--az-btn-radius) !important;
}
.main-header .search-input{
  height:calc(var(--az-btn-h) - 2px) !important;
  padding:0 12px !important;
}
.main-header .search-btn{ height:100% !important; }

/* آیکن‌های سریع هم مربعِ هم‌قد */
.quick-icons .qi{
  width:var(--az-btn-h) !important;
  height:var(--az-btn-h) !important;
  line-height:1 !important;
}

/* اختلاف ارتفاع ناشی از مارجین پیش‌فرض المنتور را صفر کن */
.main-header .elementor-widget{ margin:0 !important; }

/* استایل‌های پایه که ممکنه تفاوت ایجاد کنن */
.main-header .cart-btn{ background:#fff; border:1px solid var(--border); }
.main-header .category-btn{ border:0; } /* رنگ/پس‌زمینه از تنظیماتت میاد */




/* --- header & dropdowns always on top --- */
.full-width-header{ position: sticky; top: 0; z-index: 9999; }  /* خود هدر بالاتر از همه */
.main-header{ position: relative; z-index: 9999; }

/* والدهای دراپ‌داون‌ها باید استکینگ‌کانتکست داشته باشند */
.category-btn-container,
.cart-wrap,
.search-box{ position: relative; z-index: 10000; }

/* خود دراپ‌داون‌ها از همه بالاتر باشند */
.category-btn-container .mega-menu,
.cart-wrap .mini-cart,
.search-box .search-suggest{
  z-index: 10001 !important;
}

/* جلوگیری از بریده‌شدن توسط والدهای المنتور */
.elementor-section,
.elementor-container,
.elementor-column{
  overflow: visible !important;
}

/* اگر جایی رو تم‌ات transform داده (ایجاد استکینگ‌کانتکست)، این کمک می‌کند */
.full-width-header,
.main-header,
.category-btn-container,
.cart-wrap{ transform: none !important; }







/* ====== Cart pill (دکمه بالای سبد) ====== */
.cart-btn{
  background:#fff; border:1px solid #e9ecf3; color:#0b1220;
  height:44px; padding:0 14px; border-radius:14px; display:inline-flex; gap:10px; align-items:center;
  box-shadow:0 6px 20px rgba(2,6,23,.06);
}
.cart-btn .cart-count,
.cart-count{
  background:#ef2b50; color:#fff; min-width:30px; height:30px; display:inline-grid; place-items:center;
  border-radius:999px; font:900 14px/1 Vazir,system-ui; box-shadow:0 10px 20px rgba(239,43,80,.35)
}

/* ====== Mini-cart container ====== */
.cart-wrap{ position:relative }
.cart-wrap:hover .mini-cart{ display:block }
.mini-cart{
  right:-61%;
  position:absolute; inset-inline-end:0; top:calc(100% + 0px);
  width:420px; max-height:75vh; display:none; overflow:hidden;
  background:#fff; color:#0b1220; border:1px solid #eef1f5; border-radius:18px;
  box-shadow:0 30px 60px rgba(2,6,23,.2); z-index:10010; animation:mc-fade .18s ease-out;
}
@keyframes mc-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Header */
.mini-cart .mini-head{
  position:sticky; top:0; z-index:2; background:#0f1830; color:#fff;
  padding:12px 16px; font:900 16px/1 Vazir,system-ui; border-bottom:1px solid #1c2a59;
  display:flex; align-items:center; justify-content:space-between;
}

/* List area */
.mini-cart .mini-items{ max-height:calc(75vh - 160px); overflow:auto; scrollbar-width:thin; scrollbar-color:#dfe5ff transparent }
.mini-cart .mini-items::-webkit-scrollbar{ width:8px } 
.mini-cart .mini-items::-webkit-scrollbar-thumb{ background:#dfe5ff; border-radius:8px }

/* ====== Woo mini-cart items ====== */
.mini-cart .woocommerce-mini-cart{ list-style:none; margin:0; padding:10px 12px }
.mini-cart .woocommerce-mini-cart li{
  background:#f9fafc; border:1px solid #edf1f5; border-radius:16px;
  padding:12px; margin:10px 0; display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center;
}

/* product image on the right (RTL) */
.mini-cart .woocommerce-mini-cart li a img,
.mini-cart .mini-item img{
  width:72px; height:72px; object-fit:cover; border-radius:12px; box-shadow:0 6px 16px rgba(2,6,23,.12);
  grid-column:2; grid-row:1 / span 3;
}

/* title */
.mini-cart .woocommerce-mini-cart li a:not(.remove){
  grid-column:1; color:#0b1220; text-decoration:none; font-weight:900; line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}

/* remove button */
.mini-cart .woocommerce-mini-cart li a.remove,
.mini-cart .mi-remove{
  position:absolute; inset-inline-end:6px; top:6px;
  width:26px; height:26px; display:grid; place-items:center; border-radius:8px;
  background:#ef2b50 !important; color:#fff !important; text-decoration:none; line-height:1; font-weight:900;
  box-shadow:0 8px 16px rgba(239,43,80,.35);
}

/* quantity block (if inputs exist) */
.mini-cart .qty-wrap{
  grid-column:1; display:inline-flex; align-items:center; gap:10px; margin-top:6px;
}
.mini-cart .qty-box{
  background:#fff; border:1px solid #e9edf3; border-radius:12px; height:38px; display:inline-flex; align-items:center; gap:10px; padding:0 10px;
}
.mini-cart .qty-box button{
  width:28px; height:28px; display:grid; place-items:center; border:0; background:#f1f4fa; border-radius:8px; cursor:pointer; font-weight:900;
}
.mini-cart .qty-box input.qty{
  width:30px; text-align:center; border:0; background:transparent; font-weight:900; color:#0b1220;
}

/* price block */
.mini-cart .price-line{ grid-column:1; display:flex; align-items:center; gap:10px; margin-top:6px }
.mini-cart .price-now{ font:900 18px/1 Vazir,system-ui; color:#0b1220 }
.mini-cart .price-old{ color:#9aa3b2; text-decoration:line-through; font-weight:800 }
.mini-cart .off-badge{
  background:#ef2b50; color:#fff; font-weight:900; border-radius:10px; padding:3px 8px; font-size:12px;
}

/* ====== Footer ====== */
.mini-cart .mini-foot{
  position:sticky; bottom:0; z-index:2; background:#fff; border-top:1px solid #eef1f5; padding:12px;
}
.mini-cart .total{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; color:#677086; font-weight:900;
}
.mini-cart .total b{ color:#0b1220; font-size:22px }
.mini-cart .mini-actions{ display:flex; gap:10px }
.mini-cart .btn{ flex:1; height:48px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-weight:900 }
.mini-cart .btn.primary{ background:#ef2b50; color:#fff; border:0; box-shadow:0 14px 28px rgba(239,43,80,.35) }
.mini-cart .btn.primary:hover{ filter:brightness(1.05) }
.mini-cart .btn.ghost{ background:#fff; border:1px solid #e9edf3; color:#0b1220 }

/* Empty state */
.mini-cart .woocommerce-mini-cart__empty-message{ text-align:center; padding:26px; color:#677086 }

/* Mobile */
@media (max-width:480px){
  .mini-cart{ width:92vw; inset-inline:4vw auto }
}


/* دکمه حذف: ضربدر قرمز */
.mini-cart .woocommerce-mini-cart li { position:relative }
.mini-cart .woocommerce-mini-cart li a.remove{
  position:absolute; inset-inline-end:8px; top:8px;
  width:26px; height:26px; display:grid; place-items:center;
  border-radius:8px; background:#ef2b50 !important; color:#fff !important;
  text-decoration:none; font-weight:900; line-height:1;
  box-shadow:0 10px 20px rgba(239,43,80,.35);
}
.mini-cart .woocommerce-mini-cart li a.remove:hover{ filter:brightness(1.06) }





.wc-forward{
  display: none !important;
}