/*
Theme Name: PROSHOP ENTERPRISE MAX FINAL
Theme URI: https://example.com
Author: ProShop
Description: Safe base rebuild (modular inc/*)
Version: 1.0.0
Text Domain: proshop-enterprise-max
*/
:root{ --ps-orange:#ff7a00; --ps-text:#111; --ps-bg:#fff; }
html.ps-dark{ --ps-text:#eaecef; --ps-bg:#0f1115; }

/* Base surfaces */
:root{
  --ps-card:#ffffff;
  --ps-border:rgba(0,0,0,.08);
  --ps-muted:rgba(17,17,17,.6);
  --ps-shadow:0 14px 40px rgba(0,0,0,.08);
}
html.ps-dark{
  --ps-card:#151a22;
  --ps-border:rgba(255,255,255,.10);
  --ps-muted:rgba(234,236,239,.65);
  --ps-shadow:0 14px 40px rgba(0,0,0,.35);
}
body{ background:var(--ps-bg); color:var(--ps-text); }
a{ color:inherit; }
.site-header{ background:#fff; border-bottom:1px solid rgba(0,0,0,.08); }
html.ps-dark .site-header{ background:#0f1115; border-bottom-color:rgba(255,255,255,.08); }

.ps-icon-btn{ width:44px;height:44px;border-radius:999px;border:1px solid rgba(0,0,0,.12); background:#fff; display:inline-flex; align-items:center; justify-content:center; position:relative; }
html.ps-dark .ps-icon-btn{ background:#0f1115; border-color:rgba(255,255,255,.12); }
.ps-badge{ position:absolute; top:-6px; left:-6px; min-width:22px; height:22px; padding:0 6px; border-radius:999px; background:var(--ps-orange); color:#fff; font-weight:800; font-size:12px; display:flex; align-items:center; justify-content:center; }
.ps-search-btn{ background:var(--ps-orange); border:none; color:#000; font-weight:800; border-radius:12px; padding:10px 18px; }
.ps-header-tabs .nav-link{ text-decoration:none !important; border-bottom:none !important; font-weight:800; color:inherit; }
.ps-header-tabs .nav-link.active{ color:inherit; }
/* features */
.ps-feature-icon{ width:44px;height:44px; flex:0 0 44px; display:flex; align-items:center; justify-content:center; }
.ps-feature-icon svg{ display:block; }
@media (max-width: 767.98px){
  .ps-feature{ flex-direction:column; align-items:center; text-align:center; }
  .ps-feature-icon{ margin:0 auto 8px auto; }
  .ps-feature-content h6, .ps-feature-content p{ text-align:center; }
}
/* floating theme toggle */
.ps-theme-toggle{
  position:fixed; right:16px; top:50%; transform:translateY(-50%);
  width:48px;height:48px;border-radius:999px;border:1px solid rgba(0,0,0,.12);
  background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.12); z-index:9999;
  display:flex;align-items:center;justify-content:center;
}
html.ps-dark .ps-theme-toggle{ background:#0f1115; border-color:rgba(255,255,255,.12); color:#eaecef; }

/* offcanvas menu tabs */
.ps-offcanvas-tabs .nav-link{font-weight:800;border:0;border-bottom:2px solid transparent;border-radius:0;padding:.75rem 1rem;color:inherit;}
.ps-offcanvas-tabs .nav-link.active{border-bottom-color:var(--ps-orange);}
.ps-offcanvas-body{padding-top:0;}
.ps-offcanvas-menu .nav a{text-decoration:none !important; font-weight:700;}
.ps-offcanvas-menu .nav a:hover{opacity:.85;}

:root{ --ps-orange:#ff7a00; }
.ps-btn-orange{ background:var(--ps-orange); border-color:var(--ps-orange); color:#fff; font-weight:800; border-radius:12px; padding:.8rem 1.25rem; }
.ps-btn-orange:hover{ filter:brightness(.95); }
.ps-search-btn{ background:var(--ps-orange); border:0; color:#000; font-weight:800; border-radius:12px; padding:.6rem 1.1rem; }
.ps-desktop-tabs{ white-space:nowrap; }
.ps-desktop-menu .nav a{ font-weight:700; text-decoration:none !important; }
@media (max-width: 991.98px){
  .ps-desktop-tabs{ display:none !important; }
}


/* === STEP1 MENUS === */
.ps-desktop-menus{
  margin-right:16px;
}
.ps-desktop-menus .menu{
  display:flex;
  gap:24px;
}
.ps-desktop-menus .sub-menu{
  display:none;
  position:absolute;
  background:#fff;
  min-width:220px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
@media(min-width:992px){
  .ps-desktop-menus li:hover>.sub-menu{
    display:block;
  }
}

/* Mobile dropdown */
@media(max-width:991px){
  .menu-item-has-children>.sub-menu{display:none;}
  .menu-item-has-children.ps-open>.sub-menu{display:block;}
  .ps-sub-arrow{margin-left:8px;cursor:pointer;}
}

/* ===== ZITA FEATURES FINAL ===== */
.zita-features{background:#f7f7f7;padding:40px 0}
.zita-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.zita-feature{display:flex;align-items:center;gap:15px}
.zita-feature .icon{font-size:32px;color:#ff5a00}
.zita-feature h4{font-size:16px;margin:0}
.zita-feature p{margin:4px 0 0;font-size:14px;color:#888}
@media(max-width:768px){
.zita-features-grid{grid-template-columns:1fr;text-align:center}
.zita-feature{flex-direction:column}
}

/* REMOVE OLD THEME FEATURES COMPLETELY */
.features, .feature-box, .services, .services-section {
  display:none !important;
}

/* HEADER ICONS ONE ROW + CENTER LOGO */
.site-header .order-1,
.site-header .order-3 {
  display:flex;
  gap:10px;
  white-space:nowrap;
}
.site-header .site-logo {
  text-align:center;
}
.site-header i {
  font-size:16px;
}

/* ZITA FEATURES MOBILE STYLE (ICON TOP, TEXT CENTER) */
.zita-feature {
  flex-direction:column;
  text-align:center;
}
.zita-feature .icon {
  margin-bottom:10px;
}

/* HEADER ONE ROW ICONS + CENTER LOGO */
.site-header *{flex-wrap:nowrap!important}
.site-header i{font-size:14px}
.site-logo{text-align:center;margin:auto}

/* MOVE DARK MODE BUTTON RIGHT */
.dark-mode-toggle{margin-left:auto}

/* FINAL ICON SIZE FIX */
.zita-feature .icon{
  font-size:28px;
  line-height:1;
}

.site-header i,
.site-header svg{
  font-size:14px;
  width:14px;
  height:14px;
}

/* HARD STOP HORIZONTAL SCROLL */
html,body{
  overflow-x:hidden;
}

/* HEADER FINAL GRID FIX */
.site-header .container{
  max-width:100%;
  padding:0 16px;
}
.ps-header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
}
.ps-header-inner > *{
  min-width:0;
}
.site-header .order-1,
.site-header .order-3{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
  white-space:nowrap;
}
.site-header .site-logo{
  text-align:center;
}
.site-header button,
.site-header .search-btn{
  min-width:max-content;
}
html,body{overflow-x:hidden}

/* ===============================
   FORCE FULL WIDTH HOME (FINAL)
================================ */
.home .container,
.home .container-fluid,
.home [class*="container"]{
  max-width:100vw!important;
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:20px!important;
  padding-right:20px!important;
}

.site-header .container{
  max-width:100vw!important;
  width:100vw!important;
}

html,body{overflow-x:hidden!important}

/* ===============================
   Product Card (matches screenshot)
================================ */
.ps-product-card{
  background:var(--ps-card);
  border:1px solid var(--ps-border);
  border-radius:26px;
  overflow:hidden;
  box-shadow:var(--ps-shadow);
  display:flex;
  flex-direction:column;
  height:100%;
}
.ps-product-media{
  position:relative;
  background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.00));
}
html.ps-dark .ps-product-media{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.00));
}
.ps-product-media img{
  width:100%;
  height:220px;
  object-fit:contain;
  display:block;
  padding:26px 26px 14px 26px;
}
.ps-sale-badge{
  position:absolute;
  top:14px;
  left:14px;
  background:var(--ps-orange);
  color:#fff;
  font-weight:800;
  font-size:13px;
  padding:6px 12px;
  border-radius:999px;
}
.ps-product-body{
  padding:20px 20px 18px 20px;
}
.ps-product-title{
  font-size:20px;
  line-height:1.25;
  font-weight:900;
  margin:0 0 10px 0;
}
.ps-product-title a{ text-decoration:none; }
.ps-product-title a:hover{ opacity:.9; }
.ps-product-price{
  font-size:18px;
  font-weight:900;
  margin-bottom:14px;
}
.ps-product-price del{ opacity:.55; font-weight:700; margin-right:8px; }
.ps-product-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-bottom:16px;
}
.ps-action{
  width:54px;
  height:54px;
  border-radius:999px;
  border:1px solid var(--ps-border);
  background:var(--ps-card);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.ps-action:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 26px rgba(0,0,0,.10);
}
html.ps-dark .ps-action:hover{ box-shadow:0 10px 26px rgba(0,0,0,.45); }

.ps-buy-now{
  display:block;
  width:100%;
  text-align:center;
  background:var(--ps-orange);
  color:#fff;
  border-radius:16px;
  padding:14px 16px;
  font-weight:900;
  text-decoration:none;
}
.ps-buy-now:hover{ filter:brightness(.95); color:#fff; }

/* Quick view sizes */
.ps-qv-media{
  background:var(--ps-card);
  border:1px solid var(--ps-border);
  border-radius:24px;
  overflow:hidden;
}
.ps-qv-media img{ display:block; width:100%; height:320px; object-fit:contain; padding:26px; }

.ps-size-btn{
  border:1px solid var(--ps-border);
  background:var(--ps-card);
  color:var(--ps-text);
  border-radius:14px;
  padding:10px 14px;
  font-weight:800;
  min-width:54px;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.ps-size-btn:hover{ transform:translateY(-1px); }
.ps-size-btn.active{
  background:rgba(255,122,0,.14);
  border-color:rgba(255,122,0,.45);
}

/* Toast */
.ps-toast{
  background:var(--ps-card);
  border:1px solid var(--ps-border);
  color:var(--ps-text);
  border-radius:16px;
  padding:12px 14px;
  margin-top:10px;
  box-shadow:var(--ps-shadow);
  transform:translateY(8px);
  opacity:0;
  transition:all .18s ease;
  font-weight:700;
}
.ps-toast.show{ transform:translateY(0); opacity:1; }

/* Hero */
.ps-hero{
  padding:50px 0;
  background:radial-gradient(1000px 400px at 15% 10%, rgba(255,122,0,.18), transparent 60%),
             radial-gradient(800px 380px at 85% 0%, rgba(0,0,0,.06), transparent 55%);
}
html.ps-dark .ps-hero{
  background:radial-gradient(1000px 400px at 15% 10%, rgba(255,122,0,.18), transparent 60%),
             radial-gradient(800px 380px at 85% 0%, rgba(0,0,0,.55), transparent 55%);
}
.ps-hero-card{
  background:var(--ps-card);
  border:1px solid var(--ps-border);
  border-radius:32px;
  box-shadow:var(--ps-shadow);
  overflow:hidden;
}
.ps-hero-inner{ padding:34px; }
.ps-hero h1{ font-size:44px; font-weight:1000; line-height:1.05; margin:0 0 14px 0; }
.ps-hero p{ color:var(--ps-muted); font-size:18px; margin:0 0 18px 0; }
.ps-hero-cta{ display:flex; gap:12px; flex-wrap:wrap; }
.ps-hero-cta .btn{ border-radius:16px; font-weight:900; padding:12px 18px; }
.ps-hero-media{ padding:18px 22px 22px 22px; }
.ps-hero-media img{ width:100%; height:340px; object-fit:contain; display:block; }
@media (max-width: 991.98px){
  .ps-hero h1{ font-size:36px; }
  .ps-hero-media img{ height:280px; }
}

/* Variation selects to buttons (single product) */
.variations select{ display:none !important; }
.ps-variation-buttons{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 0 0; }
.ps-variation-buttons .ps-var-btn{
  border:1px solid var(--ps-border);
  background:var(--ps-card);
  color:var(--ps-text);
  border-radius:14px;
  padding:10px 14px;
  font-weight:900;
  min-width:70px;
}
.ps-variation-buttons .ps-var-btn.active{
  background:rgba(255,122,0,.14);
  border-color:rgba(255,122,0,.45);
}

/* ===============================
   HERO (Sneaker-style)
================================ */
.ps-hero{
  position:relative;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(255,122,0,.14), rgba(0,0,0,0));
  border:1px solid var(--ps-border);
  overflow:hidden;
}
html.ps-dark .ps-hero{
  background:linear-gradient(135deg, rgba(255,122,0,.20), rgba(0,0,0,0));
}
.ps-hero-inner{ padding:44px 28px; }
@media(min-width:992px){ .ps-hero-inner{ padding:68px 56px; } }
.ps-hero-kicker{ color:var(--ps-muted); font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.85rem; }
.ps-hero-title{ font-weight:900; letter-spacing:-.02em; line-height:1.05; font-size: clamp(2rem, 3.6vw, 3.4rem); margin:10px 0 12px; }
.ps-hero-sub{ color:var(--ps-muted); max-width:48ch; font-size:1.05rem; }
.ps-hero-cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }
.ps-hero-cta .btn{ border-radius:14px; font-weight:800; padding:.9rem 1.2rem; }
.ps-hero-media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.ps-hero-media img{
  width:100%;
  max-width:520px;
  filter: drop-shadow(0 28px 50px rgba(0,0,0,.18));
}

/* ===============================
   PRODUCT CARD (screenshot style)
================================ */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(1, minmax(0,1fr)) !important;
  gap:22px;
  padding:0;
  margin:0;
}
@media(min-width:576px){
  .woocommerce ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
}
@media(min-width:992px){
  .woocommerce ul.products{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; }
}
.woocommerce ul.products li.product{ list-style:none; margin:0 !important; width:100% !important; }

.ps-product-card{
  background:var(--ps-card);
  border:1px solid var(--ps-border);
  border-radius:26px;
  box-shadow:var(--ps-shadow);
  overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease;
}
.ps-product-card:hover{ transform:translateY(-2px); }
.ps-product-media{ position:relative; aspect-ratio: 4 / 3; background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,0)); display:flex; align-items:center; justify-content:center; }
html.ps-dark .ps-product-media{ background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)); }
.ps-product-media img{ width:100%; height:100%; object-fit:contain; padding:18px; }
.ps-sale-badge{
  position:absolute; top:14px; left:14px;
  background:var(--ps-orange);
  color:#fff;
  border-radius:999px;
  font-weight:900;
  font-size:.78rem;
  padding:8px 12px;
}
.ps-product-body{ padding:18px 18px 16px; }
.ps-product-title{ font-size:1.05rem; font-weight:900; line-height:1.25; margin:0 0 10px; }
.ps-product-title a{ text-decoration:none; }
.ps-product-price{ font-weight:900; font-size:1.05rem; }
.ps-product-price del{ opacity:.55; font-weight:800; margin-right:6px; }
.ps-product-actions{ display:flex; gap:12px; justify-content:center; padding:14px 0 12px; }
.ps-action{
  width:46px; height:46px;
  border-radius:16px;
  border:1px solid var(--ps-border);
  background:var(--ps-card);
  display:inline-flex; align-items:center; justify-content:center;
  transition:transform .12s ease, filter .12s ease;
}
.ps-action:hover{ transform:translateY(-1px); filter:brightness(.98); }
.ps-buy-now{
  display:block;
  text-align:center;
  background:var(--ps-orange);
  color:#fff;
  border-radius:18px;
  padding:14px 16px;
  text-decoration:none;
  font-weight:900;
}
.ps-buy-now:hover{ filter:brightness(.95); color:#fff; }

/* Quick View */
.ps-qv-media{ border:1px solid var(--ps-border); border-radius:22px; background:linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0)); overflow:hidden; }
html.ps-dark .ps-qv-media{ background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)); }
.ps-qv-media img{ display:block; width:100%; height:auto; object-fit:contain; padding:18px; }

/* Size buttons (creative) */
.ps-size-btn{
  border:1px solid var(--ps-border);
  background:var(--ps-card);
  color:var(--ps-text);
  border-radius:14px;
  padding:10px 14px;
  font-weight:900;
  min-width:54px;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}
.ps-size-btn:hover{ transform:translateY(-1px); }
.ps-size-btn.active{
  background:rgba(255,122,0,.14);
  border-color:rgba(255,122,0,.55);
}

/* Toast */
.ps-toast{
  background:var(--ps-card);
  border:1px solid var(--ps-border);
  color:var(--ps-text);
  padding:12px 14px;
  border-radius:16px;
  box-shadow:var(--ps-shadow);
  opacity:0;
  transform:translateY(8px);
  transition:opacity .15s ease, transform .15s ease;
  margin-top:10px;
  max-width:320px;
  font-weight:700;
}
.ps-toast.show{ opacity:1; transform:translateY(0); }

/* Compare page cards */
.ps-compare-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:992px){ .ps-compare-grid{ grid-template-columns:repeat(2,1fr); } }
.ps-compare-card{ background:var(--ps-card); border:1px solid var(--ps-border); border-radius:22px; padding:16px; box-shadow:var(--ps-shadow); }


/* ===== MOBILE MENU SUB ARROW ===== */
.mobile-menu li.menu-item-has-children>a{
  display:flex;
  align-items:center;
}
.mobile-menu li.menu-item-has-children>a:after{
  content:"▾";
  margin-left:auto;
  font-size:22px;
}
@media(min-width:992px){
  .main-nav li{position:relative}
  .main-nav li ul.sub-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.3s;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    min-width:220px;
    z-index:99;
  }
  .main-nav li:hover>ul.sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
}

/* REMOVE HOME PLACEHOLDER */
.home .site-main>.container.py-5:first-child{display:none!important}

/* ZITA TEXT FIX */
.zita-feature h4,
.zita-feature p{display:block!important;opacity:1!important}

/* ===============================
   FINAL FIX – HEADER ONLY FULL WIDTH
================================ */

/* رجع كل الصفحات Container طبيعي */
.site-main .container,
.site-main [class*="container"]{
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* الهيدر فقط Full Width */
.site-header,
.site-header .container{
  max-width:100vw!important;
  width:100vw!important;
  margin:0!important;
  padding-left:20px!important;
  padding-right:20px!important;
}

/* منع أي badge أو floating buttons */
.search-badge,
.category-badge,
.floating-search,
.floating-category,
.floating-cart{
  display:none!important;
}

/* خلي Zita Features بس */
.ps-features,
.features-section,
.home-placeholder,
.site-main>.container.py-5{
  display:none!important;
}

/* Zita Features text visible */
.zita-feature h4,
.zita-feature p{
  display:block!important;
  opacity:1!important;
}

/* ===============================
   HEADER ICONS SPACING FIX
================================ */
.site-header .order-1,
.site-header .order-3{
  gap:14px!important;
}
.site-header .menu-toggle,
.site-header .hamburger{
  margin-left:8px!important;
}

/* ===============================
   MOBILE SUBMENU ARROW FIX
================================ */
.mobile-menu li.menu-item-has-children>a{
  display:flex;
  align-items:center;
}
.mobile-menu li.menu-item-has-children>a:after{
  content:"▾";
  margin-left:auto;
  font-size:26px;
  line-height:1;
}

/* ===============================
   ZITA TEXT FORCE SHOW
================================ */
.zita-feature h4,
.zita-feature p{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}

/* ===============================
   REMOVE WP DEFAULT WIDGETS UI
================================ */
.widget,
.widget-area,
.sidebar,
#secondary,
aside{
  display:none!important;
}

/* FINAL MERGED FIXES */
.site-header,.site-header .container{max-width:100vw!important;width:100vw!important;margin:0!important}
.ps-header-inner{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center}
.ps-primary-menu,.ps-secondary-menu{justify-self:center!important}
.ps-mobile-menu-toggle{display:flex!important}
.menu-item-has-children>a{display:flex;align-items:center}
.menu-item-has-children>a:after{content:"▾";margin-left:auto;font-size:22px}
@media(min-width:992px){.menu-item-has-children:hover>.sub-menu{display:block;opacity:1;visibility:visible}}
.zita-feature h4,.zita-feature p{display:block!important;opacity:1!important}
.widget,.sidebar,aside,#secondary{display:none!important}

/* ===== FINAL MOBILE HEADER LAYOUT (FORCED) ===== */
.site-header .container{padding-left:8px!important;padding-right:8px!important}
.site-header .d-flex.align-items-center.justify-content-between.gap-3.flex-wrap{flex-wrap:nowrap!important}
.site-header .order-1{gap:8px!important}
.ps-icon-btn{width:44px;height:44px;font-size:18px}
.ps-search-btn{padding:10px 14px!important;font-size:14px!important;border-radius:18px!important;white-space:nowrap}
.ps-burger-btn{display:inline-flex!important}

/* Move everything slightly toward left to free space for burger */
.site-header .order-1{margin-left:-4px!important}

/* Dark mode button move to left side (dotted circle area) */
.ps-theme-toggle{left:16px!important;right:auto!important}

/* Zita features text always visible */
.zita-feature .text h4, .zita-feature .text p{display:block!important;opacity:1!important;visibility:visible!important}
.zita-feature .text h4{margin:10px 0 6px!important}
.zita-feature .text p{margin:0!important}

/* Submenu arrow for mobile menu: bigger + end of row */
.ps-offcanvas-menu .menu-item-has-children>a,
.mobile-menu .menu-item-has-children>a{display:flex!important;align-items:center!important}
.ps-offcanvas-menu .menu-item-has-children>a:after,
.mobile-menu .menu-item-has-children>a:after{content:"▾";margin-left:auto!important;font-size:26px!important;line-height:1}

/* Remove WP widgets completely (double safety) */
.widget, .widget-area, .sidebar, #secondary, aside{display:none!important}

/* === FIXED SINGLE MENU TOGGLE === */
header, .site-header {width:100%;max-width:100%;}
.site-header .container{max-width:100%!important;}
.menu-toggle{font-size:26px;background:none;border:none;color:#fff;cursor:pointer;}
.menu-wrapper{display:none;width:100%;}
.menu-wrapper.active{display:block;}
header,nav{overflow:visible;}

/* === SAFE BURGER ONLY === */
.ps-burger{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0}
.ps-burger span{width:26px;height:2px;background:#111;transition:.3s}
.ps-burger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.ps-burger.active span:nth-child(2){opacity:0}
.ps-burger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

@media(max-width:991px){
 body.menu-open .main-navigation{display:block}
 .main-navigation{display:none}
}

/* ===== Pro Max additions ===== */

/* Menus (ensure not hidden) */
.main-navigation ul,
.secondary-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
}
.d-lg-flex .main-navigation ul,
.d-lg-flex .secondary-navigation ul{ display:flex; gap:18px; align-items:center; }
.main-navigation a,
.secondary-navigation a{ text-decoration:none !important; font-weight:800; opacity:.9; }
.main-navigation a:hover,
.secondary-navigation a:hover{ opacity:1; }

/* Category showcase */
.ps-cat-showcase{ border-radius:26px; background:var(--ps-card); border:1px solid var(--ps-border); box-shadow:var(--ps-shadow); overflow:hidden; }
.ps-cat-media img{ width:100%; height:auto; display:block; object-fit:cover; }
html.ps-dark .ps-cat-showcase{ box-shadow:0 14px 40px rgba(0,0,0,.45); }

/* Featured Category: single-product slider (like screenshot) */
.ps-cat-img img{ width:100%; height:auto; object-fit:contain; display:block; }
.ps-cat-slider{ position:relative; }
.ps-cat-slider-viewport{ overflow:hidden; }
.ps-cat-track{ display:flex; transition:transform .35s ease; will-change:transform; }
.ps-cat-slide{ flex:0 0 100%; max-width:100%; }
.ps-cat-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px; height:44px;
  border-radius:16px;
  border:1px solid var(--ps-border);
  background:var(--ps-card);
  display:flex; align-items:center; justify-content:center;
  z-index:2;
}
.ps-cat-nav:hover{ filter:brightness(.98); }
.ps-cat-nav.prev{ left:-6px; }
.ps-cat-nav.next{ right:-6px; }
@media(max-width:991.98px){
  .ps-cat-nav.prev{ left:10px; }
  .ps-cat-nav.next{ right:10px; }
}

/* Tabbed products section (screenshot style) */
.ps-tabs{ padding-top:8px; }
.ps-tabs-nav{ display:flex; justify-content:center; gap:38px; font-weight:1000; margin-bottom:26px; }
.ps-tab{ border:0; background:none; font-size:18px; font-weight:1000; opacity:.9; }
.ps-tab.active{ color:var(--ps-orange); opacity:1; }
.ps-mini-card{ position:relative; background:var(--ps-card); border:1px solid var(--ps-border); border-radius:16px; overflow:hidden; padding:0; box-shadow:0 8px 22px rgba(0,0,0,.05); }
.ps-mini-media{ height:220px; background:rgba(0,0,0,.02); display:flex; align-items:center; justify-content:center; }
.ps-mini-media img{ max-width:100%; max-height:100%; object-fit:contain; }
.ps-mini-body{ position:relative; padding:18px 18px 20px 18px; }
.ps-mini-title{ font-weight:700; color:var(--ps-text); margin-bottom:10px; max-width:75%; }
.ps-mini-price{ font-weight:900; color:var(--ps-orange); }
.ps-mini-cart{ position:absolute; right:18px; top:18px; width:46px; height:46px; border-radius:999px; border:0; background:var(--ps-orange); color:#fff; display:flex; align-items:center; justify-content:center; }
.ps-mini-cart:hover{ filter:brightness(.95); }

/* Brands marquee */
.ps-brands{ background:#2b2b2f; border-radius:32px; padding:56px 20px; overflow:hidden; }
.ps-brands-inner{ max-width:1100px; margin:0 auto; text-align:center; }
.ps-brands-title{ font-size:56px; font-weight:1000; letter-spacing:-1px; margin:0 0 38px 0; color:#f5f5f5; }
.ps-brands-title .ps-orange{ color:var(--ps-orange); }
.ps-brand-track{ width:100%; overflow:hidden; }
.ps-brand-row{ display:flex; align-items:center; gap:70px; width:max-content; animation:ps-marquee 22s linear infinite; padding:10px 0; }
.ps-brand-item img{ height:80px; width:auto; opacity:1; filter:none; }
.ps-brand-item img:hover{ opacity:1; filter:none; }
@keyframes ps-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media(max-width:767.98px){
  .ps-brands-title{ font-size:34px; }
  .ps-brand-item img{ height:80px; width:auto; opacity:1; filter:none; }
  .ps-brand-row{ gap:42px; animation-duration:18s; }
}

/* Toast */
.ps-toast{ background:var(--ps-card); border:1px solid var(--ps-border); padding:12px 14px; border-radius:14px; box-shadow:var(--ps-shadow); margin-top:10px; transform:translateY(10px); opacity:0; transition:.25s ease; }
.ps-toast.show{ transform:translateY(0); opacity:1; }

/* ================================
   Compare (Cards / Table)
   ================================ */
.ps-compare-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:20px;
}
.ps-compare-table table{ min-width: 800px; }

/* Make Compare page mount keep spacing even when JS hydrates */
#psComparePage:empty{ min-height:120px; }

/* ================================
   Tabbed Products: mobile 2 columns (Bootstrap col-12 override)
   ================================ */
@media (max-width: 767.98px){
  .tabbed-products-section .col-12,
  .ps-tab-pane .col-12{
    flex:0 0 50% !important;
    max-width:50% !important;
  }
}

/* ================================
   Mini cart (offcanvas)
   ================================ */
#psCart .woocommerce-mini-cart{ list-style:none; padding:0; margin:0; }
#psCart .woocommerce-mini-cart-item{ display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--ps-border); }
#psCart .woocommerce-mini-cart-item:last-child{ border-bottom:0; }
#psCart .woocommerce-mini-cart-item img{ width:64px; height:64px; object-fit:cover; border-radius:14px; }
#psCart .woocommerce-mini-cart__total{ margin-top:14px; font-weight:900; }
#psCart .woocommerce-mini-cart__buttons{ display:flex; gap:10px; margin-top:14px; }
#psCart .woocommerce-mini-cart__buttons a{ flex:1; text-align:center; }

/* ================================
   Burger menu sections (Primary/Secondary)
   ================================ */
.ps-burger-sections{ display:flex; flex-direction:column; gap:18px; }
.ps-burger-title{ font-weight:900; letter-spacing:.2px; margin-bottom:8px; }
.ps-burger-divider{ height:1px; background:var(--ps-border); opacity:.9; }

/* ================================
   Custom Cart + Checkout pages
   Shortcodes: [ps_cart] / [ps_checkout]
   ================================ */
.ps-page-title{ font-weight:900; letter-spacing:-.3px; }
.ps-card{ background:var(--ps-card); border:1px solid var(--ps-border); border-radius:18px; box-shadow:var(--ps-shadow); }
.ps-card-title{ font-weight:900; }
.ps-sticky{ position:sticky; top:18px; }

.ps-empty-state{ background:var(--ps-card); border:1px dashed var(--ps-border); border-radius:18px; padding:34px 22px; text-align:center; }
.ps-empty-icon{ font-size:40px; line-height:1; }

.ps-cart-items{ display:flex; flex-direction:column; gap:14px; }
.ps-cart-row{ display:flex; justify-content:space-between; gap:14px; padding:14px; border:1px solid var(--ps-border); border-radius:16px; }
.ps-cart-left{ display:flex; gap:14px; min-width:0; }
.ps-cart-thumb{ width:78px; height:78px; border-radius:16px; object-fit:cover; }
.ps-cart-meta{ min-width:0; }
.ps-cart-name a{ color:inherit; text-decoration:none; font-weight:800; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ps-cart-right{ display:flex; align-items:center; gap:12px; }
.ps-cart-subtotal{ font-weight:900; white-space:nowrap; }
.ps-remove{ color:#111; text-decoration:none; display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:12px; border:1px solid var(--ps-border); }
.ps-remove:hover{ background:#f2f2f2; }

.ps-qty .quantity{ margin:0; }
.ps-qty input.qty{ width:70px; padding:8px 10px; border-radius:12px; border:1px solid var(--ps-border); }

.ps-coupon{ display:flex; gap:10px; flex-wrap:wrap; }
.ps-coupon input{ padding:10px 12px; border-radius:12px; border:1px solid var(--ps-border); min-width:200px; }

.ps-summary-line{ display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--ps-border); }
.ps-summary-line:last-of-type{ border-bottom:0; }
.ps-summary-total{ display:flex; justify-content:space-between; padding-top:14px; font-weight:900; font-size:18px; }

.ps-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ps-form-grid .form-row-wide{ grid-column:1 / -1; }
.ps-form-grid .form-row-first,
.ps-form-grid .form-row-last{ grid-column:auto; }

.ps-checkout-wrap .woocommerce-input-wrapper input,
.ps-checkout-wrap .woocommerce-input-wrapper select,
.ps-checkout-wrap .woocommerce-input-wrapper textarea{
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid var(--ps-border);
}

@media (max-width: 991.98px){
  .ps-sticky{ position:static; }
}

@media (max-width: 575.98px){
  .ps-cart-row{ flex-direction:column; }
  .ps-cart-right{ justify-content:space-between; }
  .ps-form-grid{ grid-template-columns:1fr; }
}

/* Ultimate Patch: Ultra Compare + Footer Builder + Burger Tabs + Cart/Checkout Fix */

/* ProShop V6: QuickView BuyNow + Compare Badge + Cart Refresh */

/* V7 FINAL CLEAN: Footer WhatsApp icon-only + Tabs inline + Forced Cart/Checkout */

/* V8 PHP NATIVE compare sticky + diff */
.ps-compare-sticky thead th{position:sticky;top:0;z-index:5;background:#0b0b0b;color:#fff}
.ps-compare-sticky .ps-sticky-col{position:sticky;left:0;z-index:6;background:#fff}
.ps-compare-sticky thead .ps-sticky-col{background:#0b0b0b;color:#fff}
.ps-diff td,.ps-diff th{background:#fff8e1}

/* =========================
   PROSHOP V9 FINAL
   ========================= */

/* V9: Show Compare on mobile (override any d-none) */
@media (max-width: 991px){
  a[data-ps-compare-go], a.ps-compare-go, .ps-compare-go, .ps-compare, a[href*="/compare/"]{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

/* V9: Hide header desktop menu (exists in burger already) */
@media (min-width: 992px){
  nav.main-navigation, .main-navigation{
    display:none !important;
  }
}

/* V9: If cart offcanvas has duplicate bottom buttons, hide the bottom set safely */
#psCart .ps-cart-bottom-actions,
#psCart .mini-cart-footer,
#psCart .ps-cart-actions-bottom{
  display:none !important;
}

/* V9: Remove duplicate submenu toggles (keep the last one) */
.menu-item-has-children > button.submenu-toggle:first-of-type,
.menu-item-has-children > .submenu-toggle:first-of-type{
  display:none !important;
}

/* V9: submenu toggle position */
.menu-item-has-children{position:relative}
.menu-item-has-children > button.submenu-toggle,
.menu-item-has-children > .submenu-toggle{
  position:absolute;right:8px;top:50%;transform:translateY(-50%)
}

/* =========================
   V11 CLEAN
   ========================= */

/* V11: show Compare on mobile */
@media (max-width: 991px){
  a[data-ps-compare-go],
  a.ps-compare-go,
  .ps-compare-go,
  .ps-compare,
  a[href*="/compare/"]{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

/* V11: remove duplicate submenu toggle (keep last) + position */
.menu-item-has-children{position:relative}
.menu-item-has-children > button.submenu-toggle:first-of-type,
.menu-item-has-children > .submenu-toggle:first-of-type{display:none !important}
.menu-item-has-children > button.submenu-toggle,
.menu-item-has-children > .submenu-toggle{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
}

/* V11: hide duplicate bottom cart buttons if template renders two sets */
#psCart .mini-cart-footer,
#psCart .ps-cart-actions-bottom,
#psCart .ps-cart-bottom-actions{display:none !important;}


/* V13 submenu fix */
.menu-item-has-children .sub-menu{

display:none;

}

.menu-item-has-children.open .sub-menu{

display:block;

}


/* V14 ULTIMATE */
.menu-item-has-children .sub-menu{display:none}
.menu-item-has-children.open .sub-menu{display:block}

/* PROSHOP V16 ULTIMATE */


/* ============================
   PROSHOP V21 CSS
   ============================ */

/* Customizer edit shortcuts can block clicks */
.customize-partial-edit-shortcut,
.customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut *{
  pointer-events:none !important;
}

/* Burger submenu open/close */
#psBurger .menu-item-has-children{position:relative}
#psBurger .menu-item-has-children > .ps-sub-arrow{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
  z-index:3;
}
#psBurger .menu-item-has-children .sub-menu,
#psBurger .menu-item-has-children .sub-menu,
#psBurger .menu-item-has-children .sub-menu{display:none}
#psBurger .menu-item-has-children.open > .sub-menu{display:block}

/* Compare: prevent page scroll, only container scroll */
body.page-template-compare, body.page-id-compare{overflow-x:hidden}
@media(max-width:768px){
  .ps-compare-table-wrapper{max-width:100vw;overflow-x:auto;-webkit-overflow-scrolling:touch}
}


/* ============================
   PROSHOP V22 MENU
   ============================ */

/* Desktop: open submenu on hover (main header menus) */
@media(min-width:992px){
  .site-header .menu-item-has-children:hover > .sub-menu{display:block !important;}
  .site-header .menu-item-has-children > .sub-menu{display:none;}
}

/* Burger: hide big arrow on desktop/customizer preview widths, show only on mobile */
@media(min-width:992px){
  #psBurger .ps-sub-arrow{display:none !important;}
}

/* Mobile: small arrow is the toggle, bigger tap area */
@media(max-width:991px){
  #psBurger .ps-sub-arrow{
    display:inline-flex !important;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    font-size:22px;
    cursor:pointer;
  }
  #psBurger .menu-item-has-children.open > .sub-menu{display:block !important;}
  #psBurger .menu-item-has-children > .sub-menu{display:none;}
}

.ps-tab-panel{display:none;} .ps-tab-panel.active{display:block;}
.ps-tab-panel{display:none}.ps-tab-panel.active{display:block}

/* Tabs Ultimate AJAX */
.ps-tab-panel.is-loading{position:relative;min-height:180px;}
.ps-tab-panel.is-loading:after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.7);}
.ps-tab-panel.is-loading:before{content:'Loading...';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-weight:600;}
.ps-tabs-error{padding:16px;border:1px solid #ddd;border-radius:12px;background:#fafafa;}

/* === Tabbed Products (Builder) === */
.ps-tabs-section .ps-tabs-nav{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.ps-tabs-section .ps-tab-btn{
  border:2px solid #1e73ff; /* blue */
  background:#fff;
  color:#1e73ff;
  padding:10px 16px;
  border-radius:12px;
  font-weight:600;
  cursor:pointer;
  transition:all .15s ease;
}
.ps-tabs-section .ps-tab-btn:hover{
  border-color:#ff7a00; /* orange */
  color:#ff7a00;
}
.ps-tabs-section .ps-tab-btn.is-active{
  background:#ff7a00;
  border-color:#ff7a00;
  color:#fff;
}
.ps-tabs-section .ps-tab-panel{display:none;}
.ps-tabs-section .ps-tab-panel.is-active{display:block;}

.ps-tabs-section ul.products.ps-tabs-products{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
}
.ps-tabs-section ul.products.ps-tabs-products > li.product{
  width: calc(25% - 13.5px);
  margin:0 !important;
}
@media (max-width: 991px){
  .ps-tabs-section ul.products.ps-tabs-products > li.product{
    width: calc(50% - 9px);
  }
}



.custom-submenu-arrow{
cursor:pointer;
margin-left:8px;
font-size:12px;
}
.submenu-open > .sub-menu{
display:block !important;
}
.sub-menu{
display:none;
}


/* === FINAL TRUE STABLE: Tabbed Products buttons responsive === */
.ps-tabbed-products .ps-tabs-nav{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  justify-content:center !important;
}
.ps-tabbed-products .ps-tab-btn{
  flex:1 1 0 !important;
  min-width:0 !important;
  white-space:nowrap !important;
}

/* Make tab products match other sections (Woo columns grid) */
.ps-tabbed-products ul.products.columns-4 li.product{
  width:auto;
}

/* Featured Category: show ONE product (slider) */
.ps-cat-carousel .ps-cat-slide{ display:none !important; }
.ps-cat-carousel .ps-cat-slide.is-active{ display:block !important; }
.ps-cat-carousel .products.columns-1{ margin:0 !important; }
.ps-cat-carousel .products.columns-1 li.product{ width:100% !important; max-width:100% !important; }


/* PATCH V3 Featured Category real slider */
.ps-cat-carousel { position:relative; overflow:hidden; }
.ps-cat-carousel .woocommerce { position:relative; }
.ps-cat-carousel .ps-cat-slide { display:none; }
.ps-cat-carousel .ps-cat-slide.is-active { display:block; }
.ps-cat-carousel .products { margin:0 !important; }
.ps-cat-carousel .products li.product { width:100% !important; max-width:100% !important; }

/* Fix adjacent image cropping */
.ps-cat-img img {
  width:100%;
  height:auto !important;
  object-fit:contain !important;
}

/* Footer remove categories list */
footer ul.psf-cats { display:none !important; }

/* Submenu arrow universal fix */
.menu-item-has-children > a .ps-sub-arrow {
  margin-left:6px;
  cursor:pointer;
}
.menu-item-has-children.ps-open > .sub-menu {
  display:block !important;
}

/* ==============================
   FINAL MENU FIX: remove all duplicate arrows, use ONE toggle button
   ============================== */

/* Remove any pseudo arrows */
.menu-item-has-children > a:after,
.ps-offcanvas-menu .menu-item-has-children > a:after,
#psBurger .menu-item-has-children > a:after,
#psBurger .cat-parent > a:after{
  content: none !important;
}

/* Unified toggle button */
#psBurger li.menu-item-has-children,
#psBurger li.cat-parent,
.ps-offcanvas-menu li.menu-item-has-children{
  position: relative;
}

#psBurger li.menu-item-has-children > a,
#psBurger li.cat-parent > a,
.ps-offcanvas-menu li.menu-item-has-children > a{
  padding-right: 44px !important;
}

#psBurger .ps-sub-toggle,
.ps-offcanvas-menu .ps-sub-toggle{
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border: 1px solid var(--ps-border, #e9e9e9);
  background: transparent;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
}

#psBurger li.open > .ps-sub-toggle span,
.ps-offcanvas-menu li.open > .ps-sub-toggle span{
  transform: rotate(180deg);
  display: inline-block;
}

/* Hide submenus by default, show only when open */
#psBurger li.menu-item-has-children > .sub-menu,
#psBurger li.cat-parent > ul.children,
#psBurger li.cat-parent > .children,
.ps-offcanvas-menu li.menu-item-has-children > .sub-menu{
  display: none !important;
}

#psBurger li.open > .sub-menu,
#psBurger li.open > ul.children,
.ps-offcanvas-menu li.open > .sub-menu{
  display: block !important;
}

/* ==============================
   FINAL FEATURED CATEGORY FIX: always ONE product card + arrows
   ============================== */

.ps-cat-carousel .ps-cat-slide{ display:none !important; }
.ps-cat-carousel .ps-cat-slide.is-active{ display:block !important; }

/* Force 1 column even if Woo theme overrides */
.ps-cat-carousel ul.products,
.ps-cat-carousel ul.products.columns-1,
.ps-cat-carousel ul.products.columns-2,
.ps-cat-carousel ul.products.columns-3,
.ps-cat-carousel ul.products.columns-4{
  display:block !important;
}

.ps-cat-carousel ul.products > li.product{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  margin:0 !important;
}

/* Keep arrows clickable and visible */
.ps-cat-carousel .ps-cat-nav{
  z-index: 5;
}


/* ===== MOBILE HEADER FORCE FIX ===== */
@media (max-width:768px){

.ps-logo,.site-title,.navbar-brand{
font-size:16px !important;
max-width:120px !important;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.ps-burger,button[aria-controls="psBurger"]{
display:flex !important;
visibility:visible !important;
opacity:1 !important;
}

.ps-nav,.navbar-collapse{
display:none !important;
}

.ps-header-inner,.ps-header{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
}

}

/* ===== BRAND SIZE + COLOR FIX ===== */
.ps-brand-track img{
filter:none !important;
-webkit-filter:none !important;
opacity:1 !important;
max-height:110px !important;
width:auto !important;
}

/* SPEED CONTROL SUPPORT */
.ps-brand-track{
animation-timing-function:linear !important;
animation-iteration-count:infinite !important;
}



/* Professional Brands */
.ps-brands{background:#fff;overflow:hidden;}
.ps-brand-track{display:flex;gap:40px;will-change:transform;}
.ps-brand-track img{height:70px;width:auto;object-fit:contain;}
@media(max-width:768px){.ps-brand-track img{height:55px;}}

/* PRO MAX PERFECT BRANDS */
.ps-brands{background:#fff;overflow:hidden;position:relative;}
.ps-brand-track{display:flex;gap:40px;width:max-content;animation:ps-marquee linear infinite;}
.ps-brand-track img{height:60px;width:auto;flex-shrink:0;}
@keyframes ps-marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@media(max-width:768px){.ps-brand-track{animation-duration:18s;}}
@media(min-width:769px){.ps-brand-track{animation-duration:25s;}}

/* PERFECT COMPARE MOBILE */
@media(max-width:768px){
.compare-list{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.compare-list table{width:max-content;}
html,body{overflow-x:hidden;}
}