/* =============================================================
   MANIZ — هدر/فوتر/منوی همبرگری مشترکِ «پنل مشتری عادی»
   این فایل عیناً همان استایل هدر و فوتر پنل مشتری عادی (index.php /
   dashboard.php و ...) است که این‌جا برای استفاده‌ی پنل مشتری عمده
   کپی شده تا هدر/فوتر مشتری عمده هم دقیقاً همون گرافیک رو داشته باشه،
   بدون این‌که به assets/css/wholesale-panel.css (استایل سایدبار و
   کارت‌های داخلی پنل عمده) دست بزنیم.
   لود می‌شود توسط: includes/wholesale_site_header.php (و صفحاتی که
   آن را include می‌کنند).
   ============================================================= */

/* ===== HEADER / MOBILE MENU (یکسان با index.php) ===== */
/* HEADER - SLIMMER */
header{position:fixed; top:0; left:0; width:100%; z-index:1000; height:var(--header-h);
  background:transparent; transition:background .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;}
header{background:rgba(247,243,237,.92); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 2px 20px rgba(11,41,71,.06); -webkit-transform:translateZ(0); transform:translateZ(0); will-change:transform;}
html, body{overscroll-behavior-y:none;}
.header-inner{max-width:1180px; margin:auto; height:100%; display:flex; align-items:center; justify-content:space-between; padding:0 16px; gap:6px; direction:rtl;}
@media(min-width:768px){.header-inner{padding:0 24px;}}
.brand{display:flex; align-items:center; gap:8px; flex-shrink:1; min-width:0;}
.brand img{height:42px; width:63px; object-fit:contain; border-radius:8px; flex-shrink:0;}
@media(min-width:768px){.brand img{height:50px; width:75px;}}
.brand-text{display:flex; flex-direction:row; align-items:baseline; flex-wrap:wrap; gap:4px; line-height:1.2; min-width:0;}
.brand-text .brand-name{font-family:"Mikhak",sans-serif; font-size:16px; font-weight:900; color:#fff; transition:color .35s; letter-spacing:.2px; white-space:nowrap;}
.brand-text .brand-tag{font-family:"Mikhak",sans-serif; font-size:9px; font-weight:400; color:rgba(255,255,255,.75); transition:color .35s; letter-spacing:.1px; margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:38vw;}
header .brand-text .brand-name{color:var(--navy);}
header .brand-text .brand-tag{color:var(--muted);}
@media(min-width:768px){.brand-text .brand-name{font-size:19px;} .brand-text .brand-tag{font-size:11px; max-width:280px;}}
.header-actions{display:flex; gap:12px; align-items:center; font-size:16px;}
.header-actions a{color:#fff; transition:color .35s; position:relative;}
header .header-actions a{color:var(--navy);}
.header-actions a:hover{color:var(--gold) !important;}
.account-wrap{position:relative;}
.account-link{display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; padding:6px 12px; border-radius:20px; border:1px solid rgba(255,255,255,.35); white-space:nowrap; background:none; cursor:pointer; font-family:inherit; color:var(--navy);}
header .account-link{border-color:rgba(11,41,71,.18);}
.account-link i{font-size:15px;}
.account-link .account-name{max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.account-dropdown{display:none; position:absolute; top:calc(100% + 10px); right:0; background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(11,41,71,.2); padding:8px; min-width:170px; z-index:60; text-align:right;}
.account-dropdown.open{display:flex; flex-direction:column; gap:2px;}
.account-dropdown-name{font-weight:800; font-size:12.5px; color:var(--navy); padding:8px 10px 10px; border-bottom:1px solid rgba(178,138,82,.22); margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.account-dropdown a{display:flex; align-items:center; gap:8px; padding:9px 10px; border-radius:9px; font-size:12.5px; font-weight:600; color:var(--navy) !important;}
.account-dropdown a:hover{background:rgba(178,138,82,.12); color:var(--gold-dark) !important;}
.account-dropdown a i{color:var(--gold-dark); font-size:13px; width:14px; text-align:center;}
@media(max-width:600px){
  .account-link{padding:0; border:none; font-size:17px;}
  .account-link .account-name{display:none;}
  .account-dropdown{right:-8px;}
}
.cart-count{position:absolute; top:-5px; right:-7px; background:var(--gold); color:#fff; border-radius:50%; font-size:9px; padding:1px 5px; min-width:16px; text-align:center; font-weight:700;}
.desktop-menu{display:none; gap:2px; align-items:center;}
@media(min-width:992px){.desktop-menu{display:flex;}}
.nav-sep{width:1px; align-self:stretch; margin:0 4px; background:rgba(11,41,71,.12);}
header .nav-sep{background:rgba(11,41,71,.15);}
.lang-switcher{display:flex; gap:4px; margin-right:8px; padding-right:8px; border-right:1px solid rgba(11,41,71,.12);}
.lang-switcher a{padding:5px 8px; font-size:11px; font-weight:700; border-radius:8px; color:var(--muted);}
.lang-switcher a.active{background:var(--navy); color:#fff;}
header .lang-switcher a.active{color:#fff;}
.desktop-menu a{font-weight:500; padding:6px 10px; font-size:12px; transition:.3s; border-radius:20px; color:#fff; white-space:nowrap; letter-spacing:.3px;}
header .desktop-menu a{color:var(--navy);}
.desktop-menu a:hover{color:var(--gold) !important; background:rgba(178,138,82,.08);}
.menu-btn{font-size:19px; cursor:pointer; padding:2px 6px; color:#fff; transition:color .35s;}
header .menu-btn{color:var(--navy);}
@media(min-width:992px){.menu-btn{display:none;}}

/* MOBILE MENU */
.mobile-menu{position:fixed; top:0; right:-100%; width:270px; max-width:80%; height:100vh; height:100dvh; background:var(--bg); box-shadow:-4px 0 30px rgba(11,41,71,.18); padding:18px 18px calc(18px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; gap:8px; z-index:2000; transition:right .3s ease; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; font-family:"Mikhak",sans-serif; direction:rtl;}
.mobile-menu.open{right:0;}
.mobile-menu .mm-header{display:flex; align-items:center; justify-content:space-between; gap:8px; padding-bottom:12px; margin-bottom:6px; border-bottom:1px solid rgba(178,138,82,.25);}
.mobile-menu .mm-header img{height:38px; width:57px; object-fit:contain; border-radius:7px;}
.mobile-menu .mm-header span{font-size:14px; font-weight:900; color:var(--navy);}
.mobile-menu a{display:flex; align-items:center; gap:8px; padding:9px 10px; border-radius:12px; font-weight:600; font-size:12.5px; transition:.25s; color:var(--navy);}
.mobile-menu a i{color:var(--gold); font-size:13px; width:16px; text-align:center;}
.mobile-menu a:hover{color:#fff; background:var(--gold); padding-right:14px;}
.mobile-menu a:hover i{color:#fff;}
.mobile-menu .close-btn{cursor:pointer; font-size:18px; color:var(--navy); padding:4px 8px; border-radius:8px; transition:.25s; flex-shrink:0;}
.mobile-menu .close-btn:hover{background:rgba(178,138,82,.12); color:var(--gold);}
.mobile-menu .cat-title{font-weight:900; color:var(--gold); margin-top:10px; font-size:11px; letter-spacing:.5px; padding:0 10px;}
.mobile-menu .lang-switcher-mobile{display:flex; gap:10px; justify-content:center; padding:2px 2px 14px; margin-bottom:8px; border-bottom:1px solid rgba(178,138,82,.22);}
.mobile-menu .lang-switcher-mobile a{width:38px; height:38px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; border-radius:50%; font-weight:800; font-size:10.5px; background:rgba(11,41,71,.05); color:var(--navy); border:1px solid rgba(11,41,71,.1); transition:.2s;}
.mobile-menu .lang-switcher-mobile a.active{background:var(--navy); color:#fff; border-color:var(--navy);}
.mobile-menu .mm-divider{height:1px; background:rgba(178,138,82,.4); margin:0 6px;}

/* ===== FOOTER (یکسان با index.php) ===== */
/* FOOTER */
footer{padding:36px 16px 90px; background:var(--navy); color:#b7c2cf; margin-top:60px;}
@media(min-width:768px){footer{padding:56px 20px 90px;}}
.footer-grid{display:grid; grid-template-columns:1fr; gap:22px; max-width:1180px; margin:auto;}
@media(min-width:480px){.footer-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:768px){.footer-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:30px 24px;}}
.footer-grid h4{color:#fff; margin-bottom:10px; font-size:15px;}
.footer-grid a{display:block; color:#b7c2cf; padding:4px 0; transition:.3s; font-size:13px;}
.footer-grid a:hover{color:var(--gold); padding-right:5px;}
.newsletter-bar{max-width:1180px; margin:0 auto 34px; background:linear-gradient(135deg, rgba(212,180,138,.14), rgba(255,255,255,.04)); border:1px solid rgba(212,180,138,.3); border-radius:var(--radius); padding:22px 24px; display:flex; flex-wrap:wrap; align-items:center; gap:18px; justify-content:space-between; box-sizing:border-box; position:relative; overflow:hidden;}
.newsletter-bar::before{content:''; position:absolute; inset:0; background:radial-gradient(circle at 90% 10%, rgba(212,180,138,.18), transparent 55%); pointer-events:none;}
.newsletter-text{display:flex; align-items:center; gap:14px; color:#fff; min-width:0; position:relative; z-index:1;}
.newsletter-text i{font-size:20px; color:var(--navy); flex-shrink:0; width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,var(--gold-light),var(--gold)); display:flex; align-items:center; justify-content:center; box-shadow:0 6px 16px rgba(178,138,82,.35);}
.newsletter-text h4{font-size:14.5px; margin-bottom:3px;}
.newsletter-text p{font-size:12px; color:#b7c2cf;}
.newsletter-form{display:flex; gap:8px; flex:1 1 260px; max-width:420px; min-width:0; width:100%; box-sizing:border-box; position:relative; z-index:1;}
.newsletter-form input{flex:1; min-width:0; width:100%; padding:12px 16px; border-radius:12px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.08); color:#fff; font-family:inherit; font-size:13px; direction:ltr; text-align:right; box-sizing:border-box;}
.newsletter-form input::placeholder{color:#8a97a6;}
.newsletter-form button{background:linear-gradient(135deg,var(--gold),var(--gold-dark)); color:#fff; border:none; border-radius:12px; padding:0 20px; font-weight:700; font-size:13px; cursor:pointer; white-space:nowrap; flex-shrink:0; font-family:inherit; transition:.25s; display:flex; align-items:center; gap:6px; box-sizing:border-box;}
.newsletter-form button:hover{filter:brightness(1.08); transform:translateY(-1px);}
.newsletter-msg{width:100%; font-size:12px; margin-top:-4px; position:relative; z-index:1;}
@media(max-width:600px){
  .newsletter-bar{flex-direction:column; align-items:stretch; text-align:center; padding:14px 12px; gap:10px; border-radius:16px;}
  .newsletter-text{flex-direction:column; text-align:center; gap:6px;}
  .newsletter-text i{width:36px; height:36px; font-size:14px; margin:0 auto;}
  .newsletter-text h4{font-size:12.5px;}
  .newsletter-text p{font-size:11px;}
  .newsletter-form{display:block; max-width:200px; width:200px; flex:none; margin:0 auto;}
  .newsletter-form input{display:block; flex:none; width:200px; max-width:200px; text-align:center; padding:0 8px; font-size:11px; height:30px; line-height:30px; border-radius:8px; margin:0 auto 6px;}
  .newsletter-form button{display:block; flex:none; width:200px; max-width:200px; text-align:center; padding:0; font-size:11px; height:30px; line-height:30px; border-radius:8px; margin:0 auto;}
  .newsletter-form button i{margin-left:4px;}
}
.footer-logo{display:flex; align-items:center; gap:10px; margin-bottom:12px;}
.footer-logo img{height:48px; width:72px; object-fit:contain; border-radius:9px;}
.footer-logo span{font-family:"Mikhak",sans-serif; font-weight:900; font-size:19px; color:#fff;}
.contact-line{display:flex; align-items:center; gap:7px; font-size:12.5px; margin-top:6px; color:#b7c2cf;}
.contact-line i{color:var(--gold); width:14px;}
.footer-badges{display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; align-items:center;}
.footer-badges div{background:#fff; border:1px solid rgba(255,255,255,.14); border-radius:10px; padding:6px 12px; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:6px; color:var(--navy); height:52px; box-sizing:border-box;}
.footer-badges div i{color:var(--gold-dark); font-size:16px;}
.footer-badges .enamad-badge{padding:4px;}
.footer-badges .enamad-badge img{height:44px; width:auto; display:block;}
.footer-bottom{text-align:center; padding-top:22px; border-top:1px solid #1c3a5c; margin-top:22px; font-size:13px;}
@media(min-width:768px){.footer-bottom{padding-top:30px; margin-top:30px;}}

/* ===== BACK TO TOP (یکسان با index.php) ===== */
.back-top{position:fixed; bottom:72px; left:16px; width:44px; height:44px; background:var(--navy); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; box-shadow:0 4px 20px rgba(0,0,0,.2); z-index:1100; opacity:0; pointer-events:none; transition:.3s;}
.back-top.show{opacity:1; pointer-events:auto;}
@media(min-width:768px){.back-top{bottom:80px; left:20px; width:50px; height:50px;}}