/*
Theme Name: MAVIDIVA Fashion
Theme URI: https://mavidiva.com
Description: MAVIDIVA Fashion - Mode Élégante au Maroc
Author: MAVIDIVA
Version: 4.0
*/
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --gold:#c9a84c;--gold-light:#e0c268;--black:#0a0a0a;--black2:#121212;--black3:#1a1a1a;
  --gray:#a0a0a0;--border:#2a2a2a;--white:#f5f5f5;--footer-bg:#0a0a0a;--footer-border:#1e1e1e;
  --header-bg:rgba(10,10,10,0.92);--header-text:#f5f5f5;
  --menu-bg:#0f0f0f;--menu-btn-bg:#c9a84c;--menu-btn-text:#000;
  --menu-btn-inactive-bg:#1c1c1c;--menu-btn-inactive-text:#aaa;
  --marquee-bg:#121212;--marquee-color:#c9a84c;--marquee-speed:28s;
  --card-bg:#1a1a1a;--card-border:#2a2a2a;--card-radius:16px;
  --name-color:#f5f5f5;--price-color:#c9a84c;
  --btn-cart-bg:transparent;--btn-cart-border:#c9a84c;--btn-cart-text:#fff;
  --btn-buy-bg:#c9a84c;--btn-buy-text:#000;
  --filter-active-bg:#c9a84c;--filter-active-text:#000;
  --filter-inactive-bg:transparent;--filter-inactive-text:#a0a0a0;
  --features-bg:#000;--features-title:#fff;--features-desc:rgba(255,255,255,.7);
  --desc-color:#ffffff;
}
html{touch-action:manipulation;}
body{background:var(--black);color:var(--white);font-family:'Montserrat',sans-serif;overflow-x:hidden;-webkit-text-size-adjust:100%;}
/* prevent body scroll when modal open */
body.modal-open{overflow:hidden;position:fixed;width:100%;}
img{max-width:100%;height:auto;}

/* PRELOADER */
#preloader{position:fixed;inset:0;background:#2f333c;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s;}
#preloader.done{opacity:0;pointer-events:none;visibility:hidden;}
.pre-logo img{height:130px;animation:pulse 1.2s infinite;}
.pre-bar{width:240px;height:2px;background:#2a2a2a;border-radius:2px;overflow:hidden;margin-top:20px;}
.pre-fill{width:0%;height:100%;background:var(--gold);animation:loadBar 1.4s ease forwards;}
@keyframes loadBar{to{width:100%;}} @keyframes pulse{0%,100%{opacity:.6;transform:scale(.98);}50%{opacity:1;transform:scale(1.02);}}

/* HEADER */
header{position:sticky;top:0;z-index:1000;background:var(--header-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);}
.header-inner{max-width:1400px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;}
.logo-link img{height:48px;display:block;}
.hdr-left,.hdr-right{display:flex;align-items:center;gap:16px;}

/* RTL mobile header: logo on right, hamburger on left */
[dir="rtl"] .header-inner{flex-direction:row-reverse;}
/* In RTL mobile: hamburger stays on right (natural), user icon on left */
[dir="rtl"] .hdr-left { order: 3; }
[dir="rtl"] .logo-link { order: 2; }
[dir="rtl"] .hdr-right { order: 1; }

/* Drawer hidden on desktop - prevent it being triggered */
@media(min-width:1025px){
  #drawer-overlay{display:none!important;}
  #side-drawer{display:none!important;}
}
.ham-btn{width:26px;height:18px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:0;}
.ham-btn span{display:block;width:100%;height:2px;background:var(--header-text);transition:.25s;border-radius:2px;}
.ham-btn:hover span{background:var(--gold);}

/* USER BUTTON */
.user-dd-wrap{position:relative;}
.hdr-user-btn{background:none;border:none;color:var(--header-text);cursor:pointer;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;transition:.2s;padding:6px 10px;border-radius:30px;}
.hdr-user-btn:hover{color:var(--gold);background:rgba(201,168,76,.1);}
.user-name-txt{display:none;}
.user-dropdown{position:absolute;top:calc(100%+8px);right:0;width:230px;background:#1e1e1e;border-radius:16px;border:1px solid #2c2c2c;opacity:0;visibility:hidden;transition:.2s;z-index:200;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);}
.user-dd-wrap.open .user-dropdown{opacity:1;visibility:visible;}
.udd-header{padding:14px 16px;border-bottom:1px solid #2c2c2c;text-align:center;}
.udd-name{font-size:13px;font-weight:700;color:#fff;}
.udd-email{font-size:11px;color:#888;margin-top:2px;}
.udd-btn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;background:none;border:none;color:#ddd;cursor:pointer;font-size:13px;text-align:left;transition:.15s;font-family:'Montserrat',sans-serif;}
.udd-btn:hover{background:#2c2c2c;color:var(--gold);}
.udd-btn svg{width:15px;height:15px;flex-shrink:0;}
.udd-divider{height:1px;background:#2c2c2c;}

/* HERO */
.hero-banner{position:relative;width:100%;background:#0a0a0a;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;}
@media(min-width:1025px){.hero-banner{height:85vh;max-height:800px;}.hero-btn-wrapper{margin-bottom:60px;}.hero-cta{padding:14px 36px;font-size:14px;}}
@media(min-width:769px)and(max-width:1024px){.hero-banner{aspect-ratio:4/3;}.hero-btn-wrapper{margin-bottom:45px;}.hero-cta{padding:12px 30px;font-size:13px;}}
@media(max-width:768px){.hero-banner{aspect-ratio:3/4;}.hero-btn-wrapper{margin-bottom:30px;}.hero-cta{padding:10px 24px;font-size:12px;}}
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;}
.hero-mobile{display:none;}.hero-desktop{display:block;}
@media(max-width:768px){.hero-mobile{display:block;}.hero-desktop{display:none;}}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.1) 100%);z-index:2;}
.hero-btn-wrapper{position:relative;z-index:3;text-align:center;width:100%;}
.hero-cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#0a0a0a;border-radius:50px;font-weight:700;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s;border:none;cursor:pointer;text-decoration:none;}
.hero-cta:hover{background:var(--gold);transform:translateY(-3px);}

/* MARQUEE */
.marquee-strip{background:var(--marquee-bg);padding:12px 0;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.marquee-track{display:flex;gap:40px;white-space:nowrap;animation:marqueeScroll var(--marquee-speed,28s) linear infinite;}
@keyframes marqueeScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.mq-item{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px;font-weight:500;color:var(--marquee-color);}
.mq-dot{width:4px;height:4px;background:var(--marquee-color);border-radius:50%;}

/* FILTER BAR */
#products{margin-top:0;padding-top:0;}
#products .section-inner{padding-top:20px!important;padding-bottom:50px!important;}
.section-inner{max-width:1400px;margin:0 auto;padding:50px 20px;}
.filter-bar{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap;width:100%;padding:14px 16px;overflow:hidden;}
.fbtn{background:var(--filter-inactive-bg);border:1px solid var(--border);border-radius:40px;color:var(--filter-inactive-text);cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap;padding:clamp(6px,1.5vw,10px) clamp(10px,3vw,22px);font-size:clamp(10px,2.5vw,13px);flex:1;max-width:110px;text-align:center;font-family:'Montserrat',sans-serif;}
.fbtn.active,.fbtn:hover{background:var(--filter-active-bg);border-color:var(--filter-active-bg);color:var(--filter-active-text);}

/* PRODUCTS GRID */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:20px;}
@media(max-width:600px){.products-grid{grid-template-columns:repeat(2,1fr);gap:12px;}}
.prod-card{background:var(--card-bg);border-radius:var(--card-radius);overflow:hidden;transition:.25s;cursor:pointer;border:1px solid var(--card-border);}
.prod-img-wrap{position:relative;aspect-ratio:3/4;overflow:hidden;}
.prod-img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.prod-card:hover .prod-img{transform:scale(1.04);}
.prod-badge{position:absolute;top:10px;left:10px;background:var(--gold);color:#000;font-size:9px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;}
.prod-body{padding:14px;}
.prod-name{font-weight:600;margin-bottom:8px;font-size:14px;line-height:1.3;color:var(--name-color);}
@media(max-width:600px){.prod-name{font-size:12px;}}
.prod-price-row{display:flex;gap:8px;align-items:baseline;margin-bottom:12px;flex-wrap:wrap;}
.prod-price{color:var(--price-color);font-weight:700;font-size:15px;}
.prod-old-price{text-decoration:line-through;font-size:11px;color:gray;}
.prod-actions{display:flex;gap:8px;justify-content:center;}
.btn-cart{background:var(--btn-cart-bg);border:1px solid var(--btn-cart-border);padding:9px 0;border-radius:40px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s;color:var(--btn-cart-text);font-family:'Montserrat',sans-serif;flex:1;text-align:center;}
.btn-cart:hover{background:var(--btn-cart-border);color:#000;}
.btn-buy{background:var(--btn-buy-bg);border:1px solid var(--btn-buy-bg);padding:9px 0;border-radius:40px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s;color:var(--btn-buy-text);font-family:'Montserrat',sans-serif;flex:1;text-align:center;}
.btn-buy:hover{opacity:.85;}
@media(max-width:600px){.btn-cart,.btn-buy{padding:7px 0;font-size:10px;}}

/* ============================================================
   PRODUCT DETAIL MODAL - REDESIGNED WITH ZOOM + SHARE
   ============================================================ */
#prod-modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:3500;
  opacity:0;visibility:hidden;transition:.25s;
  display:flex;align-items:flex-end;justify-content:center;
  /* prevent background scroll */
  overscroll-behavior:contain;
}
#prod-modal-overlay.open{opacity:1;visibility:visible;}
@media(min-width:769px){#prod-modal-overlay{align-items:center;}}

.prod-modal{
  background:#111;border-radius:24px 24px 0 0;
  width:100%;max-height:92vh;overflow-y:auto;
  padding:0;position:relative;animation:slideUp .3s ease;
  overscroll-behavior:contain;
}
@media(min-width:769px){.prod-modal{border-radius:24px;max-width:900px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;}}
@keyframes slideUp{from{transform:translateY(40px);opacity:0;}to{transform:translateY(0);opacity:1;}}

/* Modal layout: image left, info right */
.pm-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:500px;flex:1;min-height:0;}
@media(max-width:768px){.pm-inner{grid-template-columns:1fr;}}

/* Image column */
.pm-img-col{display:flex;flex-direction:column;position:relative;overflow:hidden;}
@media(min-width:769px){.pm-img-col{height:88vh;overflow:hidden;}}
@media(max-width:768px){.pm-img-col{height:70vw;min-height:620px;overflow:hidden;}}

/* Gallery — flex:1 so it fills remaining space leaving room for thumbs */
.pm-gallery{
  position:relative;
  flex:1;
  min-height:0;
  overflow:hidden;
  background:#1a1a1a;
  cursor:zoom-in;
  touch-action:pinch-zoom;
  width:100%;
}
.pm-gallery img{
  width:100%;
  height:100%!important;
  object-fit:cover;
  display:block;
  transition:transform .3s ease;
  position:absolute;
  inset:0;
}
.pm-gallery video{
  width:100%;height:100%;
  object-fit:contain;
  background:#000;
  cursor:pointer;
}
.pm-gallery.zoomed{cursor:zoom-out;}
.pm-gallery.zoomed img{transform:scale(2);transform-origin:var(--ox,50%) var(--oy,50%);}

/* CLOSE button - top-right of image column */
.pm-close-btn{
  position:absolute;top:12px;right:12px;z-index:10;
  background:rgba(0,0,0,.6);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;width:36px;height:36px;border-radius:50%;
  cursor:pointer;font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:.2s;
  /* Masquer quand vidéo active */
  pointer-events:auto;
}
.pm-close-btn:hover{background:rgba(201,168,76,.3);border-color:var(--gold);color:var(--gold);}
.pm-close-btn.hide-on-video{display:none;}

/* SHARE button - below close button */
.pm-share-btn{
  position:absolute;top:56px;right:12px;z-index:10;
  background:rgba(0,0,0,.6);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;width:36px;height:36px;border-radius:50%;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:.2s;
}
.pm-share-btn:hover{background:rgba(201,168,76,.3);border-color:var(--gold);color:var(--gold);}
.pm-share-btn svg{width:16px;height:16px;}
.pm-share-btn.hide-on-video{display:none;}

/* Nav arrows for image swipe */
.pm-nav-btn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  background:rgba(0,0,0,.55);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;width:34px;height:34px;border-radius:50%;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:.2s;font-size:18px;
}
.pm-nav-btn:hover{background:var(--gold);color:#000;border-color:var(--gold);}
.pm-nav-prev{left:10px;}
.pm-nav-next{right:52px;}

/* Thumbnails */
.pm-thumbs{display:flex;gap:8px;padding:10px 14px;overflow-x:auto;overflow-y:hidden;background:#0f0f0f;max-height:90px;align-items:center;flex-shrink:0;}
.pm-thumbs::-webkit-scrollbar{height:3px;}
.pm-thumbs::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px;}
.pm-thumb{width:64px;height:64px;min-width:64px;border-radius:8px;overflow:hidden;cursor:pointer;flex-shrink:0;border:2px solid transparent;transition:.15s;}
.pm-thumb.active,.pm-thumb:hover{border-color:var(--gold);}
/* Override global img{height:auto} inside thumbnails */
.pm-thumb img{width:100%;height:100%!important;object-fit:cover;display:block;}
.pm-thumb video{width:100%;height:100%;object-fit:cover;}

/* Info column */
.pm-info{display:flex;flex-direction:column;padding:24px 20px;overflow-y:auto;max-height:88vh;}
@media(max-width:768px){.pm-info{max-height:none;}}

.pm-badge{display:inline-block;background:var(--gold);color:#000;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px;align-self:flex-start;}
.pm-name{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;line-height:1.2;margin-bottom:10px;}
.pm-prices{display:flex;gap:12px;align-items:baseline;margin-bottom:16px;}
.pm-price{color:var(--gold);font-size:22px;font-weight:700;}
.pm-old{text-decoration:line-through;color:#666;font-size:14px;}
.pm-desc{font-size:13px;color:var(--desc-color,#ffffff) !important;line-height:1.7;margin-bottom:20px;}.pm-desc *{color:inherit !important;font-family:inherit;font-size:inherit;}
.pm-section-t{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:10px;}
.pm-sizes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:6px;border-radius:8px;transition:outline .2s;}
.pm-colors{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:6px;border-radius:8px;transition:outline .2s;}
.pm-sz{padding:8px 16px;border:1.5px solid var(--border);border-radius:30px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s;background:none;color:var(--white);font-family:'Montserrat',sans-serif;}
.pm-sz.active{border-color:var(--gold);background:rgba(201,168,76,.12);color:var(--gold);}
.pm-colors{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.pm-color{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2.5px solid transparent;transition:.15s;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.3);}
.pm-color.active{border-color:#fff;transform:scale(1.15);}
.pm-actions{display:flex;gap:10px;margin-top:auto;padding-top:16px;}
.pm-actions .btn-cart{flex:1;padding:12px;font-size:13px;}
.pm-actions .btn-buy{flex:1;padding:12px;font-size:13px;}

/* ============================================================
   IMAGE LIGHTBOX (zoom plein écran)
   ============================================================ */
#lightbox-overlay{
  position:fixed;inset:0;z-index:9000;
  background:rgba(0,0,0,.97);
  display:none;align-items:center;justify-content:center;
  touch-action:none;
}
#lightbox-overlay.open{display:flex;}
#lightbox-img{
  max-width:100vw;max-height:100vh;
  object-fit:contain;
  transform-origin:center center;
  transition:transform .15s ease;
  cursor:grab;
  user-select:none;
  -webkit-user-drag:none;
}
#lightbox-img.grabbing{cursor:grabbing;}
.lb-close{
  position:fixed;top:16px;right:16px;z-index:9001;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  color:#fff;width:40px;height:40px;border-radius:50%;
  cursor:pointer;font-size:20px;
  display:flex;align-items:center;justify-content:center;
  transition:.2s;
}
.lb-close:hover{background:var(--gold);color:#000;}
.lb-nav-btn{
  position:fixed;top:50%;transform:translateY(-50%);z-index:9001;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
  color:#fff;width:44px;height:44px;border-radius:50%;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:20px;transition:.2s;
}
.lb-nav-btn:hover{background:var(--gold);color:#000;}
.lb-prev{left:12px;}.lb-next{right:12px;}
.lb-zoom-bar{
  position:fixed;bottom:20px;left:50%;transform:translateX(-50%);
  display:flex;gap:10px;align-items:center;
  background:rgba(0,0,0,.5);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.1);border-radius:50px;
  padding:8px 16px;z-index:9001;
}
.lb-zoom-btn{
  background:none;border:none;color:#fff;font-size:20px;
  cursor:pointer;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;transition:.2s;
}
.lb-zoom-btn:hover{background:rgba(201,168,76,.2);color:var(--gold);}
.lb-zoom-level{color:rgba(255,255,255,.6);font-size:11px;font-family:'Montserrat',sans-serif;min-width:36px;text-align:center;}

/* VIDEO POPUP */
#video-popup-overlay{
  position:fixed;inset:0;z-index:9100;
  background:rgba(0,0,0,.96);
  display:none;align-items:center;justify-content:center;
  padding:20px;
}
#video-popup-overlay.open{display:flex;}
#video-popup-inner{
  position:relative;
  width:95vw;
  max-width:900px;
  background:#000;
  border-radius:16px;
  overflow:hidden;
  transition:max-width .2s,width .2s;
}
#video-popup-video{
  width:100%;
  max-height:88vh;
  display:block;
  object-fit:contain;
  background:#000;
}
.vp-close{
  position:absolute;top:12px;right:12px;z-index:10;
  background:rgba(0,0,0,.7);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;width:38px;height:38px;border-radius:50%;
  cursor:pointer;font-size:18px;
  display:flex;align-items:center;justify-content:center;
  transition:.2s;
}
.vp-close:hover{background:rgba(201,168,76,.4);border-color:var(--gold);color:var(--gold);}
.pm-video-thumb{
  position:relative;
  width:100%;
  height:100%;
  cursor:pointer;
  background:#0a0a0a;
  overflow:hidden;
  aspect-ratio:3/4;
}
.pm-video-thumb video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  pointer-events:none;
  position:absolute;
  inset:0;
}
.pm-video-play-btn{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:68px;height:68px;border-radius:50%;
  background:rgba(201,168,76,.92);
  display:flex;align-items:center;justify-content:center;
  transition:.2s;pointer-events:none;
  box-shadow:0 4px 24px rgba(0,0,0,.6);
  z-index:2;
}
.pm-video-thumb:hover .pm-video-play-btn{
  background:var(--gold);
  transform:translate(-50%,-50%) scale(1.1);
}
.pm-video-play-btn svg{width:28px;height:28px;fill:#000;margin-left:5px;}

/* Badge VIDEO dans les thumbnails */
.pm-thumb-video-badge{
  position:absolute;
  bottom:4px;left:50%;
  transform:translateX(-50%);
  background:rgba(201,168,76,.95);
  color:#000;font-size:8px;font-weight:800;
  padding:2px 6px;border-radius:4px;
  letter-spacing:.5px;
  pointer-events:none;
  z-index:3;
}
/* SHARE TOAST */
.share-toast{
  position:fixed;bottom:80px;left:50%;transform:translateX(-50%);
  background:#1e1e1e;border:1px solid var(--gold);
  padding:10px 20px;border-radius:50px;
  color:var(--gold);font-size:12px;font-weight:600;
  z-index:9500;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap;
}
.share-toast.show{opacity:1;}

/* CART SIDEBAR */
#cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:2900;opacity:0;visibility:hidden;transition:.25s;}
#cart-overlay.open{opacity:1;visibility:visible;}
#cart-sidebar{position:fixed;right:0;top:0;bottom:0;width:min(420px,100vw);background:#111;z-index:3000;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.9,.4,1);display:flex;flex-direction:column;border-left:1px solid var(--border);}
#cart-sidebar.open{transform:translateX(0);}
.cart-head{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);flex-shrink:0;}
.cart-head span{font-weight:700;font-size:16px;}
.cart-head button{background:none;border:none;color:white;font-size:22px;cursor:pointer;}
#cart-list{flex:1;overflow-y:auto;padding:16px;}
#cart-foot{flex-shrink:0;padding:16px;border-top:1px solid var(--border);}
.cart-empty{text-align:center;padding:60px 20px;color:#666;}
.cart-empty p{font-size:13px;margin-top:12px;}
.cart-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #1e1e1e;align-items:center;}
.cart-item-img{width:64px;height:80px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#1a1a1a;}
.cart-item-info{flex:1;}
.cart-item-name{font-size:13px;font-weight:600;margin-bottom:4px;line-height:1.3;}
.cart-item-price{color:var(--gold);font-size:13px;font-weight:700;}
.cart-item-opts{font-size:11px;color:#888;margin-top:2px;}
.cart-item-qty{display:flex;align-items:center;gap:10px;margin-top:8px;}
.qty-btn{background:#2a2a2a;border:none;color:white;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:.2s;}
.qty-btn:hover{background:var(--gold);color:#000;}
.qty-val{font-size:14px;font-weight:600;min-width:20px;text-align:center;}
.cart-remove{background:none;border:none;color:#555;cursor:pointer;font-size:18px;transition:.2s;padding:4px;flex-shrink:0;}
.cart-remove:hover{color:#ff4d4d;}
.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px;}
.cart-total span:last-child{color:var(--gold);font-weight:700;font-size:18px;}
.btn-checkout{background:var(--gold);border:none;padding:14px;border-radius:40px;font-weight:700;width:100%;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:14px;color:#000;}
.btn-checkout:hover{opacity:.9;}
.btn-continue{background:none;border:1px solid #333;padding:11px;border-radius:40px;font-size:13px;color:#aaa;width:100%;cursor:pointer;margin-top:10px;font-family:'Montserrat',sans-serif;}

/* ORDER MODAL */
#order-overlay{position:fixed;inset:0;z-index:4500;visibility:hidden;opacity:0;transition:.25s;background:rgba(0,0,0,.85);display:flex;align-items:flex-end;justify-content:center;}
#order-overlay.open{visibility:visible;opacity:1;}
@media(min-width:600px){#order-overlay{align-items:center;}}
.order-card{background:#111;border-radius:24px 24px 0 0;padding:28px 24px;width:100%;max-width:460px;max-height:92vh;overflow-y:auto;}
@media(min-width:600px){.order-card{border-radius:24px;}}
.order-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;margin-bottom:18px;text-align:center;}
.order-tabs{display:flex;background:rgba(255,255,255,.06);border-radius:50px;padding:4px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);}
.otab{flex:1;padding:9px;border-radius:50px;border:none;background:none;color:rgba(255,255,255,.5);font-size:12px;font-weight:600;cursor:pointer;font-family:'Montserrat',sans-serif;transition:.2s;}
.otab.active{background:var(--gold);color:#000;}
.order-panel{display:none;} .order-panel.active{display:block;}
.order-field{margin-bottom:12px;}
.order-field label{display:block;font-size:11px;color:#888;margin-bottom:5px;letter-spacing:.5px;text-transform:uppercase;}
.order-field input,.order-field textarea,.order-field select{width:100%;background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:10px 14px;color:white;font-size:13px;font-family:'Montserrat',sans-serif;transition:.2s;outline:none;-webkit-appearance:none;}
.order-field select option{background:#111;}
.order-field input:focus,.order-field textarea:focus,.order-field select:focus{border-color:var(--gold);}
.order-summary{background:#1a1a1a;border-radius:10px;padding:14px;margin-bottom:16px;}
.order-summary-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;}
.order-summary-item{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;color:#ccc;}
.order-summary-total{display:flex;justify-content:space-between;font-weight:700;padding-top:10px;border-top:1px solid #2a2a2a;margin-top:6px;color:var(--gold);}
.btn-confirm{background:var(--gold);border:none;padding:14px;border-radius:40px;font-weight:700;width:100%;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:14px;color:#000;}
.btn-cancel-order{background:none;border:1px solid #333;padding:11px;border-radius:40px;font-size:13px;color:#aaa;width:100%;cursor:pointer;margin-top:10px;font-family:'Montserrat',sans-serif;}
.ofield-err{color:#ff8080;font-size:11px;margin-top:8px;display:none;}
.user-info-prefilled{background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.2);border-radius:10px;padding:12px;margin-bottom:14px;font-size:12px;color:#ccc;}
.user-info-prefilled strong{color:var(--gold);}

/* SUCCESS */
#success-overlay{position:fixed;inset:0;z-index:5000;visibility:hidden;opacity:0;transition:.25s;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);padding:20px;}
#success-overlay.show{visibility:visible;opacity:1;}
.success-card{background:#111;border:1px solid var(--border);border-radius:20px;padding:40px 32px;max-width:360px;width:100%;text-align:center;}
.suc-check{width:72px;height:72px;border-radius:50%;background:rgba(201,168,76,.1);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
.suc-check svg{width:32px;height:32px;color:var(--gold);}
.suc-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--white);margin-bottom:8px;}
.suc-order{font-size:14px;font-weight:700;color:var(--gold);margin-bottom:10px;}
.suc-desc{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:22px;}
.suc-btn{padding:12px 30px;background:var(--gold);border:none;border-radius:50px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:var(--black);cursor:pointer;}

/* FEATURES */
.store-features-dark{background:var(--features-bg);padding:50px 20px;}
.features-dark-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}
.feature-dark-box{flex:1 1 200px;min-width:180px;text-align:center;}
.feature-dark-icon{display:flex;justify-content:center;margin-bottom:15px;}
.feature-img{width:50px;height:50px;}
.feature-dark-title{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:700;color:var(--features-title);margin:0 0 6px;}
.feature-dark-desc{font-size:13px;color:var(--features-desc);margin:0;line-height:1.4;}
@media(min-width:769px){.features-dark-container{flex-wrap:nowrap;}}
@media(max-width:768px){.store-features-dark{padding:36px 15px;}.feature-dark-box{flex:1 1 calc(50% - 20px);min-width:140px;}.feature-dark-title{font-size:13px;}.feature-dark-desc{font-size:11px;}.feature-img{width:40px;height:40px;}}

/* FOOTER */
footer{background:var(--footer-bg);border-top:1px solid var(--footer-border);padding:48px 24px 24px;}
.footer-inner{max-width:1400px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-tagline{font-size:13px;color:#aaa;max-width:280px;margin-top:12px;line-height:1.5;}
.footer-socials{display:flex;gap:18px;margin-top:22px;}
.soc-btn{text-decoration:none;} .soc-btn svg{width:20px;height:20px;color:#ccc;transition:.2s;} .soc-btn:hover svg{color:var(--gold);}
.footer-col-title{font-weight:700;letter-spacing:1px;font-size:14px;margin-bottom:14px;display:block;color:var(--gold);}
.footer-links{list-style:none;} .footer-links li{margin-bottom:12px;}
.footer-links a{color:#aaa;text-decoration:none;font-size:13px;transition:.2s;} .footer-links a:hover{color:var(--gold);}
.footer-links span{color:#aaa;font-size:13px;}
.footer-payment{border-top:1px solid var(--border);padding:24px 0;text-align:center;}
.footer-payment-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:block;}
.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:11px;color:#ffffff;}
@media(max-width:760px){.footer-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;text-align:center;}.footer-grid>div:first-child{width:100%;display:flex;flex-direction:column;align-items:center;}.footer-grid>div:nth-child(n+2){flex:1 1 calc(50% - 28px);min-width:140px;text-align:center;}.footer-tagline{max-width:100%;text-align:center;}.footer-socials{justify-content:center;}.footer-bottom{flex-direction:column;text-align:center;gap:8px;}}

/* DRAWER */
#drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:2000;opacity:0;visibility:hidden;transition:.25s;}
#drawer-overlay.open{opacity:1;visibility:visible;}
#side-drawer{position:fixed;left:0;top:0;bottom:0;width:320px;background:var(--menu-bg);z-index:4000;transform:translateX(-100%);transition:transform .3s cubic-bezier(.2,.9,.4,1.1);padding:24px 20px 0 20px;overflow-y:auto;border-right:1px solid #2a2a2a;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;}
[dir="rtl"] #side-drawer.open{transform:translateX(0);}
[dir="rtl"] .cat-group-header{flex-direction:row-reverse;}
#side-drawer.open{transform:translateX(0);}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;}
.drawer-logo img{height:40px;}
.drawer-close{background:none;border:none;font-size:26px;color:white;cursor:pointer;}
.gender-tabs{display:flex;gap:10px;margin-bottom:24px;}
.gtab{flex:1;background:var(--menu-btn-inactive-bg);border:none;padding:12px;border-radius:40px;color:var(--menu-btn-inactive-text);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:13px;transition:.2s;}
.gtab.active{background:var(--menu-btn-bg);color:var(--menu-btn-text);}
.cat-group{margin-bottom:4px;border-bottom:1px solid #1e1e1e;}
.cat-group-header{padding:13px 8px;cursor:pointer;display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#ccc;transition:.15s;}
.cat-group-header:hover{color:var(--gold);}
.cat-items{display:none;padding:0 8px 10px;}
.cat-group.open .cat-items{display:block;}
.cat-group.open .arrow{transform:rotate(90deg);}
.arrow{display:inline-block;transition:transform .2s;}
.cat-item{display:block;padding:9px 12px;color:#999;font-size:13px;text-decoration:none;border-radius:8px;transition:.15s;}
.cat-item:hover{background:#1e1e1e;color:var(--gold);}
.drawer-panel{display:none;} .drawer-panel.active{display:block;}
/* Drawer Bottom: Language + Track */
.drawer-scroll-area{-webkit-flex:1;flex:1;overflow-y:auto;margin:0 -20px;padding:0 20px;-webkit-overflow-scrolling:touch;}
.drawer-bottom{border-top:none;padding-top:8px;padding-bottom:env(safe-area-inset-bottom, 20px);-webkit-flex-shrink:0;flex-shrink:0;}
.drawer-lang-group{margin-bottom:0;border-bottom:none;}
.lang-item{display:flex;align-items:center;gap:10px;padding:10px 12px !important;font-size:13px;}
.lang-item.active-lang{color:var(--gold) !important;}
.lang-flag{font-size:16px;line-height:1;}
.drawer-track-btn{display:flex;align-items:center;gap:9px;margin-top:0;padding:11px 8px;color:#ccc;font-size:12px;font-weight:600;text-decoration:none;border-top:1px solid #1e1e1e;transition:.15s;width:100%;}
.drawer-track-btn:hover{color:var(--gold);}
.drawer-icon-svg{width:18px;height:18px;object-fit:contain;flex-shrink:0;}
.drawer-lang-group .cat-group-header .drawer-icon-svg,
.drawer-track-btn .drawer-icon-svg{width:18px;height:18px;}

/* DRAWER AUTH SECTION */
.drawer-auth-section{padding:6px 0 0;}
.drawer-auth-btn{display:flex;align-items:center;gap:9px;width:100%;padding:11px 8px;font-size:12px;font-weight:600;text-decoration:none;color:#ccc;background:none;border:none;cursor:pointer;transition:.15s;font-family:'Montserrat',sans-serif;letter-spacing:.2px;}
.drawer-auth-btn svg{width:16px;height:16px;flex-shrink:0;opacity:.75;}
.drawer-auth-btn:hover{color:var(--gold);}
.drawer-auth-btn:hover svg{opacity:1;}
.drawer-auth-btn--logout{color:#c0392b;}
.drawer-auth-btn--logout svg{opacity:.8;}
.drawer-auth-btn--logout:hover{color:#e74c3c;}
.drawer-auth-divider{height:1px;background:#1e1e1e;margin:4px 0 8px;}

/* ============================================================
   DESKTOP NAVIGATION — visible only on screens ≥ 1025px
   Mobile & tablet (≤1024px) → hidden, NO changes to their layout
   ============================================================ */
.desktop-nav{display:none;} /* hidden by default (mobile/tablet) */

@media(min-width:1025px){

  /* Hide the old hamburger header on desktop */
  header{display:none;}

  /* Show desktop nav */
  .desktop-nav{
    display:block;
    position:sticky;
    top:0;
    z-index:1000;
    background:var(--header-bg);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border);
  }

  .desktop-nav-inner{
    max-width:1400px;
    margin:0 auto;
    padding:0 28px;
    display:flex;
    align-items:center;
    position:relative;
    height:68px;
  }

  /* Logo */
  .dnav-logo{flex-shrink:0;margin-inline-end:32px;display:flex;align-items:center;}
  .dnav-logo img{height:44px;display:block;}

  /* Menu list — centered between logo and right section */
  .dnav-menu{list-style:none;display:flex;align-items:center;gap:4px;position:absolute;left:50%;transform:translateX(-50%);}

  /* Each nav item */
  .dnav-item{position:relative;}

  /* Nav links */
  .dnav-link{
    display:inline-flex;align-items:center;gap:5px;
    padding:8px 14px;
    color:var(--header-text);
    font-size:13px;font-weight:600;letter-spacing:.4px;
    text-decoration:none;
    background:none;border:none;cursor:pointer;
    font-family:'Montserrat',sans-serif;
    border-radius:8px;
    transition:color .2s,background .2s;
    white-space:nowrap;
  }
  .dnav-link:hover,.dnav-item:hover>.dnav-link{color:var(--gold);background:rgba(201,168,76,.08);}
  .dnav-link--sale{color:#e05252;}
  .dnav-link--sale:hover{color:#ff6b6b;background:rgba(224,82,82,.08);}

  /* Chevron arrow */
  .dnav-arrow{width:13px;height:13px;flex-shrink:0;transition:transform .22s;}
  .dnav-item:hover .dnav-arrow{transform:rotate(180deg);}

  /* ---- Dropdown panel ---- */
  .dnav-dropdown{
    position:absolute;
    top:calc(100% + 6px);
    inset-inline-start:0;
    background:#111;
    border:1px solid #2a2a2a;
    border-radius:16px;
    box-shadow:0 16px 48px rgba(0,0,0,.7);
    display:flex;gap:0;
    opacity:0;visibility:hidden;
    transform:translateY(8px);
    transition:opacity .22s,transform .22s,visibility .22s;
    z-index:2000;
    min-width:680px;
    padding:24px 20px 20px;
    gap:8px;
  }
  .dnav-item:hover .dnav-dropdown{
    opacity:1;visibility:visible;transform:translateY(0);
  }

  /* Dropdown columns */
  .dnav-dd-col{
    flex:1;min-width:130px;
    display:flex;flex-direction:column;gap:2px;
  }
  .dnav-dd-col + .dnav-dd-col{
    border-inline-start:1px solid #2a2a2a;
    padding-inline-start:16px;
  }
  .dnav-dd-title{
    font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
    color:var(--gold);margin-bottom:10px;padding:0 4px;
  }
  .dnav-dd-col a{
    display:block;padding:8px 8px;border-radius:8px;
    color:#ccc;font-size:13px;text-decoration:none;
    transition:.15s;font-family:'Montserrat',sans-serif;
  }
  .dnav-dd-col a:hover{background:#1e1e1e;color:var(--gold);}

  /* Language dropdown (smaller) */
  .dnav-lang-wrap{margin-inline-start:auto;}
  .dnav-lang-btn{gap:6px;}
  .dnav-lang-flag{font-size:16px;line-height:1;}
  .dnav-lang-dd{
    min-width:150px;flex-direction:column;padding:10px;
    inset-inline-start:auto;inset-inline-end:0;
  }
  .dnav-lang-dd a{
    display:flex;align-items:center;gap:8px;
    padding:8px 10px;border-radius:8px;color:#ccc;
    font-size:13px;text-decoration:none;font-family:'Montserrat',sans-serif;transition:.15s;
  }
  .dnav-lang-dd a:hover,.dnav-lang-dd a.active-lang{background:#1e1e1e;color:var(--gold);}

  /* Right section */
  .dnav-right{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-inline-start:auto;}

  /* User dropdown item */
  .dnav-user-item .dnav-dropdown{
    min-width:190px;flex-direction:column;padding:10px;
    inset-inline-start:auto;inset-inline-end:0;
  }
  .dnav-user-item.dnav-force-open .dnav-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
  .dnav-dd-user-link{
    display:flex;align-items:center;gap:9px;
    padding:9px 10px;border-radius:8px;
    color:#ccc;font-size:13px;text-decoration:none;
    font-family:'Montserrat',sans-serif;transition:.15s;
    background:none;border:none;cursor:pointer;width:100%;text-align:left;
  }
  .dnav-dd-user-link:hover{background:#1e1e1e;color:var(--gold);}
  .dnav-dd-logout{color:#e05252;}
  .dnav-dd-logout:hover{color:#ff6b6b !important;background:rgba(224,82,82,.08) !important;}

  /* User button */
  .dnav-user-btn{gap:7px;}
  .dnav-user-btn span{font-size:12px;font-weight:600;white-space:nowrap;}

  /* Cart button */
  .dnav-cart-btn{
    position:relative;
    background:none;border:none;cursor:pointer;
    color:var(--header-text);
    display:flex;align-items:center;justify-content:center;
    padding:8px;border-radius:8px;transition:.2s;
  }
  .dnav-cart-btn:hover{color:var(--gold);background:rgba(201,168,76,.08);}
  .dnav-cart-count{
    position:absolute;top:-3px;inset-inline-end:-3px;
    background:#ff4d4d;color:#fff;font-size:9px;font-weight:700;
    border-radius:50%;width:16px;height:16px;
    display:flex;align-items:center;justify-content:center;
    border:2px solid var(--black);
  }


  /* RTL flip for desktop nav — INSIDE media query for proper specificity */
  [dir="rtl"] .desktop-nav-inner {
    flex-direction: row-reverse;
  }
  [dir="rtl"] .dnav-menu {
    position: static !important;
    left: auto !important;
    transform: none !important;
    flex: 1;
    justify-content: center;
    flex-direction: row;
  }
  [dir="rtl"] .dnav-logo {
    order: 3;
    margin-inline-end: 0;
    margin-inline-start: 0;
    flex-shrink: 0;
  }
  [dir="rtl"] #dnav-menu { order: 2; }
  [dir="rtl"] .dnav-right {
    order: 1;
    flex-shrink: 0;
    flex-direction: row;
  }
  /* RTL: inside dnav-right — Language(rightmost) → Login → Cart(leftmost) */
  [dir="rtl"] .dnav-lang-wrap { order: 1; }
  [dir="rtl"] #dnav-user-item { order: 2; }
  [dir="rtl"] .dnav-cart-btn { order: 3; }

} /* end @media desktop */

/* TOAST */
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#222;padding:12px 28px;border-radius:60px;color:var(--gold);z-index:6000;opacity:0;transition:.2s;pointer-events:none;font-weight:500;font-size:13px;white-space:nowrap;}
.toast.show{opacity:1;bottom:40px;}

/* FLOATING BUTTONS */
#scroll-top-btn,.whatsapp-fab,#float-cart-btn{position:fixed;right:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;}
#scroll-top-btn{bottom:24px;width:48px;height:48px;border-radius:50%;background:rgba(201,168,76,.15);border:1px solid var(--gold)!important;color:var(--gold);display:none;z-index:496;}
.whatsapp-fab{bottom:80px;width:52px;height:52px;border-radius:50%;background:#25d366;box-shadow:0 4px 18px rgba(37,211,102,.48);z-index:498;animation:waPulse 2.2s infinite;}
.whatsapp-fab:hover{transform:scale(1.1);animation:none;}
.whatsapp-fab svg{width:26px;height:26px;fill:#fff;}
.whatsapp-fab.no-scroll{bottom:24px;}
#float-cart-btn{bottom:144px;width:52px;height:52px;border-radius:50%;background:var(--gold);box-shadow:0 4px 18px rgba(201,168,76,.5);display:none;z-index:497;}
#float-cart-btn:hover{transform:scale(1.08);}
#float-cart-btn.no-scroll{bottom:88px;}
#float-cart-count{position:absolute;top:-4px;right:-4px;background:#ff4d4d;color:white;font-size:10px;font-weight:bold;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--black);}
@keyframes waPulse{0%{box-shadow:0 4px 18px rgba(37,211,102,.48),0 0 0 0 rgba(37,211,102,.4);}70%{box-shadow:0 4px 18px rgba(37,211,102,.48),0 0 0 12px rgba(37,211,102,0);}100%{box-shadow:0 4px 18px rgba(37,211,102,.48),0 0 0 0 rgba(37,211,102,0);}}
</style>

/* ===== EXTRA STYLES FOR WORDPRESS ===== */
.pm-opt-label{font-size:11px;font-weight:600;letter-spacing:1px;color:#888;text-transform:uppercase;margin-bottom:8px;}
.pm-opt-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.pm-opt-btn{background:transparent;border:1px solid #3a3a3a;color:#ddd;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'Montserrat',sans-serif;transition:.2s;}
.pm-opt-btn.active,.pm-opt-btn:hover{border-color:var(--gold);color:var(--gold);}
.pm-color-dot{width:28px;height:28px;border-radius:50%;cursor:pointer;border:none;transition:.2s;}
.pm-colors{margin-bottom:16px;}
.pm-sizes{margin-bottom:12px;}
.cart-empty{text-align:center;padding:40px 20px;color:#666;font-size:13px;}
.cart-empty p{margin-top:12px;}
.user-info-prefilled{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:12px;color:#c9a84c;}

/* ===================================================
   ARABIC / RTL FULL SUPPORT
   =================================================== */

/* Arabic font from Google Fonts — loaded dynamically */
[lang="ar"] body,
[dir="rtl"] body {
  font-family: 'Cairo', 'Tajawal', 'Montserrat', sans-serif;
}

/* Core RTL flips */
[dir="rtl"] * { letter-spacing: 0 !important; }
[dir="rtl"] body { text-align: right; }

/* Navigation RTL */
/* Desktop nav: remove relative positioning from menu so flex order works */
[dir="rtl"] .desktop-nav-inner { flex-direction: row-reverse; }
[dir="rtl"] .desktop-nav-inner .dnav-menu {
  position: static !important;
  left: auto !important;
  transform: none !important;
  flex: 1;
  justify-content: center;
}
[dir="rtl"] .dnav-menu { flex-direction: row; }
[dir="rtl"] .dnav-right { flex-direction: row; }
[dir="rtl"] .dnav-dropdown { left: auto; right: 0; text-align: right; }
[dir="rtl"] .dnav-dd-title { text-align: right; }
[dir="rtl"] .dnav-dd-col { text-align: right; }
[dir="rtl"] .dnav-item.has-dropdown .dnav-dropdown { right: 0; left: auto; }
[dir="rtl"] .dnav-lang-dd { right: 0; left: auto; }
/* Arabic reading order: logo RIGHT → menu CENTER → controls LEFT */
[dir="rtl"] .dnav-logo { order: 3; margin-inline-start: 0; margin-inline-end: 0; flex-shrink: 0; }
[dir="rtl"] #dnav-menu { order: 2; margin-inline-end: 0; }
[dir="rtl"] .dnav-right { order: 1; flex-shrink: 0; }

/* Side drawer RTL */
[dir="rtl"] #side-drawer { left: auto; right: 0; transform: translateX(100%); border-right: none; border-left: 1px solid #2a2a2a; }
[dir="rtl"] #side-drawer.open { transform: translateX(0); }
[dir="rtl"] .drawer-close-btn { left: 16px; right: auto; }
[dir="rtl"] .drawer-scroll-area { text-align: right; }
/* Category headers: text on right, arrow on left */
[dir="rtl"] .cat-group-header { flex-direction: row-reverse; justify-content: space-between; }
[dir="rtl"] .cat-group-header span:not(.arrow) { order: 2; }
[dir="rtl"] .cat-group-header .arrow { order: 1; }
[dir="rtl"] .cat-items { text-align: right; }
[dir="rtl"] .cat-item { text-align: right; display: block; }
[dir="rtl"] .gtab { font-family: 'Cairo','Tajawal',sans-serif; }

/* Filter buttons RTL */
[dir="rtl"] .filters-row { flex-direction: row-reverse; }
[dir="rtl"] .fbtn { font-family: 'Cairo','Tajawal',sans-serif; }

/* Product cards RTL */
[dir="rtl"] .prod-name { text-align: right; }
[dir="rtl"] .prod-price { text-align: right; }
[dir="rtl"] .prod-btns { flex-direction: row-reverse; }
[dir="rtl"] .btn-cart, [dir="rtl"] .btn-buy { font-family: 'Cairo','Tajawal',sans-serif; }

/* Product modal RTL */
[dir="rtl"] .pm-close { left: 16px; right: auto; }
/* RTL: full info column direction so labels/text/options all align right */
[dir="rtl"] .pm-info { direction: rtl; text-align: right; }
[dir="rtl"] .pm-name { text-align: right; font-family: 'Cairo','Tajawal',sans-serif; }
[dir="rtl"] .pm-price { text-align: right; }
[dir="rtl"] .pm-desc { text-align: right; }
[dir="rtl"] .pm-opt-label { text-align: right; display: block; }
/* Colors/sizes: start from right in RTL */
[dir="rtl"] .pm-opt-btns { flex-direction: row; justify-content: flex-start; }
[dir="rtl"] .pm-sizes { flex-direction: row; justify-content: flex-start; }
[dir="rtl"] .pm-colors { flex-direction: row; justify-content: flex-start; }
/* Modal action buttons: centered, both equal width, stacked column */
[dir="rtl"] .pm-actions { flex-direction: column; align-items: stretch; }
[dir="rtl"] .pm-actions .btn-buy,
[dir="rtl"] .pm-actions .btn-cart { width: 100%; text-align: center; font-family: 'Cairo','Tajawal',sans-serif; }
[dir="rtl"] .pm-btn-cart, [dir="rtl"] .pm-btn-buy { font-family: 'Cairo','Tajawal',sans-serif; }
[dir="rtl"] .pm-qty-wrap { flex-direction: row-reverse; }

/* Cart RTL */
[dir="rtl"] .cart-drawer { left: auto; right: -420px; }
[dir="rtl"] .cart-drawer.open { right: 0; left: auto; }
[dir="rtl"] .cart-close { left: 16px; right: auto; }
[dir="rtl"] .cart-item { flex-direction: row-reverse; }
[dir="rtl"] .cart-item-info { text-align: right; }
[dir="rtl"] .cart-item-remove { left: 0; right: auto; }
[dir="rtl"] .cart-total-row { flex-direction: row-reverse; }
[dir="rtl"] .cart-title { text-align: right; }

/* Order form RTL */
[dir="rtl"] .order-field label { text-align: right; display: block; }
[dir="rtl"] .order-field input,
[dir="rtl"] .order-field textarea { text-align: right; font-family: 'Cairo','Tajawal',sans-serif; }
[dir="rtl"] .order-summary { text-align: right; }
[dir="rtl"] .order-sum-row { flex-direction: row-reverse; }
[dir="rtl"] .success-card { text-align: right; }

/* Auth form RTL */
[dir="rtl"] .auth-form input { text-align: right; font-family: 'Cairo','Tajawal',sans-serif; }
[dir="rtl"] .auth-form label { text-align: right; display: block; }
[dir="rtl"] .auth-links { text-align: right; }

/* Pre-bar and misc */
[dir="rtl"] .pre-bar { left: auto; right: 0; }
[dir="rtl"] .share-toast { left: 50%; right: auto; }
[dir="rtl"] .toast { left: 50%; right: auto; }

/* Marquee RTL */
[dir="rtl"] .marquee-inner { animation-direction: reverse; }

/* Footer RTL */
[dir="rtl"] footer { text-align: right; }
/* Footer grid RTL - columns stay in HTML order, text aligns right */
[dir="rtl"] .footer-grid { direction: rtl; grid-template-columns: 1fr 1fr 1fr; }
[dir="rtl"] .footer-col-title { text-align: center; display: block; }
[dir="rtl"] .footer-links { list-style: none; text-align: center; }
[dir="rtl"] .footer-links li { text-align: center; }
[dir="rtl"] .footer-links a, [dir="rtl"] .footer-links span { display: block; text-align: center; }
/* Logo/tagline/socials column: centered in RTL, aligned to top */
[dir="rtl"] .footer-grid > div:first-child { text-align: center; display: flex; flex-direction: column; align-items: center; align-self: start; gap: 14px; }
[dir="rtl"] .footer-tagline { text-align: center; margin-top: 0; }
[dir="rtl"] .footer-socials { justify-content: center; flex-direction: row; margin-top: 0; }
/* Footer bottom: rights text RIGHT (جميع الحقوق), country flag LEFT (المغرب) */
/* Footer bottom RTL: حقوق يميناً، المغرب يساراً */
[dir="rtl"] .footer-bottom { flex-direction: row !important; direction: rtl; }
/* Mobile RTL footer */
@media(max-width:760px) {
  [dir="rtl"] .footer-grid > div { text-align: center !important; }
  [dir="rtl"] .footer-grid > div:first-child { align-items: center !important; text-align: center !important; }
  [dir="rtl"] .footer-links { text-align: center !important; }
  [dir="rtl"] .footer-links li, [dir="rtl"] .footer-links a, [dir="rtl"] .footer-links span { text-align: center !important; }
  [dir="rtl"] .footer-col-title { text-align: center !important; width: 100%; }
  [dir="rtl"] .footer-grid > div:last-child { text-align: center !important; }
  [dir="rtl"] .footer-tagline { text-align: center !important; }
  [dir="rtl"] .footer-socials { justify-content: center !important; }
  [dir="rtl"] .footer-bottom { flex-direction: column !important; text-align: center !important; gap: 8px; }
}

/* Drawer RTL: أيقونة ثم نص، المجموعة من اليمين */
/* المشكلة الجذرية: الزر flex يحتاج justify-content:flex-end ليدفع المحتوى لليمين */
/* لكن هذا لا يكفي — نحتاج أن يعرف الزر أن اتجاهه RTL */
[dir="rtl"] .drawer-auth-section {
  direction: rtl;
  text-align: right;
}
[dir="rtl"] .drawer-auth-btn,
[dir="rtl"] a.drawer-auth-btn,
[dir="rtl"] button.drawer-auth-btn {
  direction: rtl;
  flex-direction: row !important;
  justify-content: flex-start !important;
  text-align: right !important;
  width: 100% !important;
  padding-right: 8px !important;
  padding-left: 8px !important;
}
[dir="rtl"] .drawer-track-btn {
  direction: rtl;
  flex-direction: row !important;
  justify-content: flex-start !important;
  text-align: right !important;
}
[dir="rtl"] .drawer-lang-item { flex-direction: row; justify-content: flex-start; }
[dir="rtl"] .drawer-bottom { direction: rtl; }

/* Search RTL */
[dir="rtl"] .search-input { text-align: right; padding-right: 44px; padding-left: 16px; }
[dir="rtl"] .search-icon { right: 14px; left: auto; }

/* Back arrow flip for RTL */
[dir="rtl"] .back-arrow svg,
[dir="rtl"] a svg:first-child { transform: scaleX(-1); }
/* Social media icons should NOT be flipped */
[dir="rtl"] .soc-btn svg,
[dir="rtl"] .footer-socials a svg { transform: scaleX(1) !important; }

/* Scroll-top btn RTL - move to LEFT side */
[dir="rtl"] #scroll-top-btn { left: 20px !important; right: auto !important; }
[dir="rtl"] .whatsapp-fab { left: 20px !important; right: auto !important; }
[dir="rtl"] #float-cart-btn { left: 20px !important; right: auto !important; }
[dir="rtl"] #float-cart-count { right: auto; left: -4px; }

/* Font for all text in Arabic mode */
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] a,
[dir="rtl"] p,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 {
  font-family: 'Cairo', 'Tajawal', 'Montserrat', sans-serif;
}