/* ═══════════════════════════════════════════
   MAKET AYISYEN — Mobile Responsive
   Ajoute nan tout paj: <link rel="stylesheet" href="css/mobile.css">
   ═══════════════════════════════════════════ */

/* ── GLOBAL ── */
@media(max-width:768px){
  *{-webkit-tap-highlight-color:transparent;}
  body{overflow-x:hidden;}

  /* Nav */
  .nav-inner{padding:0 14px;gap:10px;}
  .nav-links{display:none;}
  .nav-brand img{height:52px!important;}
  .nav-actions{gap:6px;}
  .nav-icon-btn{width:36px;height:36px;}

  /* Hero / Index */
  .hero{padding:60px 16px 32px!important;margin-top:52px!important;}
  .hero-title{font-size:24px!important;}
  .hero-sub{font-size:14px!important;}
  .cards{flex-direction:column!important;align-items:center!important;gap:12px!important;}
  .card{width:100%!important;max-width:340px!important;padding:24px 20px!important;}

  /* Ads */
  .ads-section{margin-top:60px!important;}

  /* Listings */
  .shop-layout{grid-template-columns:1fr!important;padding:16px!important;}
  .sidebar{display:none;}
  .shop-hero{padding:calc(52px + 16px) 14px 20px!important;}
  .search-bar{max-width:100%!important;}
  .cat-pills{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px;}
  .cat-pills::-webkit-scrollbar{display:none;}
  .grid-auto{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;}
  .results-bar{flex-direction:column;align-items:flex-start!important;gap:8px!important;}

  /* Product Cards */
  .product-card{border-radius:12px;}
  .product-img{height:140px!important;}
  .product-name{font-size:12px!important;}
  .product-price{font-size:14px!important;}
  .product-info{padding:8px!important;}

  /* Product Page */
  .prod-layout{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:calc(52px + 12px) 14px 60px!important;
    margin:0!important;
    max-width:100%!important;
  }
  .prod-img-box{position:static!important;border-radius:14px!important;aspect-ratio:1;}

  /* Seller Dashboard */
  .snav{transform:translateX(-100%);transition:transform .3s ease;z-index:200;}
  .snav.open{transform:translateX(0)!important;}
  .smain{margin-left:0!important;}
  .scontent{padding:14px!important;}
  .stat-g{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .acard .table-wrap{overflow-x:auto;}
  .pform{padding:16px!important;}
  .var-header,.variant-row{grid-template-columns:1fr 1fr!important;gap:6px!important;}
  .plan-grid{grid-template-columns:1fr!important;}
  #mob-btn{display:block!important;}

  /* Admin */
  .admin-main{margin-left:0!important;}
  .admin-content{padding:14px!important;}
  .stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .table-wrap{overflow-x:auto;}
  table{min-width:500px;}
  .ac-head{flex-wrap:wrap;gap:8px;}

  /* Store */
  .store-body{grid-template-columns:1fr!important;padding:60px 14px 40px!important;}
  .store-sidebar{position:static!important;}
  .store-inner{padding:0 14px!important;gap:14px!important;}
  .store-avatar{width:72px!important;height:72px!important;font-size:28px!important;border-radius:12px!important;}
  .store-name{font-size:18px!important;}
  .store-stats{flex-wrap:wrap;gap:8px!important;}

  /* Cart */
  .cart-layout{grid-template-columns:1fr!important;padding:calc(52px+12px) 14px 60px!important;}
  .summary-box{position:static!important;}
  .cart-item{gap:10px;}
  .cart-thumb{width:52px!important;height:52px!important;}

  /* Checkout */
  .co-wrap{padding:calc(52px+12px) 14px 60px!important;}
  .co-layout{grid-template-columns:1fr!important;}
  .sum-box{position:static!important;}
  .g2,.g3{grid-template-columns:1fr!important;}
  .pay-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
  .co-progress{gap:0;overflow:hidden;}
  .co-step span{display:none;}
  .co-step-line{flex:1;}

  /* Product Page Tabs */
  .pd-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;}
  .pd-tabs::-webkit-scrollbar{display:none;}
  .pd-tab{white-space:nowrap!important;padding:10px 12px!important;font-size:12px!important;}
  .pd-pay-grid{grid-template-columns:1fr!important;}

  /* Cross sell */
  .cross-sell{margin:0!important;padding:0 14px 60px!important;}
  .cross-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;}

  /* Modals */
  .modal{margin:10px!important;max-width:calc(100vw - 20px)!important;max-height:92vh!important;overflow-y:auto!important;border-radius:16px!important;}
  .modal-overlay{padding:10px!important;align-items:flex-end!important;}
  .panel{border-radius:20px 20px 0 0!important;max-width:100%!important;margin:0!important;}

  /* Admin Sidebar */
  #sidebar-root .admin-sidebar{transform:translateX(-100%);transition:.3s;position:fixed;z-index:200;}
  #sidebar-root .admin-sidebar.open{transform:translateX(0);}

  /* Footer */
  .footer-grid{grid-template-columns:1fr!important;}

  /* Variants buyer */
  .var-options{gap:6px!important;}
  .var-opt-img{width:44px!important;height:44px!important;}

  /* Misc */
  .row2,.row3{grid-template-columns:1fr!important;}
  .btn-block{width:100%;}
  .det-grid{grid-template-columns:1fr!important;}
  .about-panel{padding:28px 20px!important;}
  .a-stats{grid-template-columns:1fr 1fr!important;}
}

/* ── VERY SMALL (≤380px) ── */
@media(max-width:380px){
  .grid-auto{grid-template-columns:1fr!important;}
  .stat-g{grid-template-columns:1fr!important;}
  .pay-grid{grid-template-columns:1fr!important;}
  .product-img{height:160px!important;}
}

/* ── TABLET (769–1024px) ── */
@media(min-width:769px) and (max-width:1024px){
  .grid-auto{grid-template-columns:repeat(5,1fr)!important;}
  .prod-layout{gap:40px!important;padding:calc(52px+32px) 24px 60px!important;}
  .store-body{padding:60px 24px 40px!important;}
  .co-layout{gap:16px!important;}
  .cross-grid{grid-template-columns:repeat(3,1fr)!important;}
  .plan-grid{grid-template-columns:repeat(2,1fr)!important;}
}

/* ── MOB NAV TOGGLE BUTTON ── */
.mob-menu-btn{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  font-size:20px;
  padding:6px;
  color:var(--text);
  line-height:1;
}
@media(max-width:768px){
  .mob-menu-btn{display:flex;align-items:center;justify-content:center;}
}

/* ── SELLER NAV MOBILE OVERLAY ── */
@media(max-width:768px){
  .snav-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    z-index:199;
  }
  .snav-overlay.show{display:block;}
}

/* ── SMOOTH SCROLL ── */
html{scroll-behavior:smooth;}

/* ── TOUCH TARGETS ── */
@media(max-width:768px){
  button,a,.btn{min-height:40px;}
  .nav-icon-btn{min-height:36px;width:36px;height:36px;}
  input,select,textarea{font-size:16px!important;} /* Evite zoom sou iOS */
}

/* ── STICKY BOTTOM CART BAR (mobile sèlman) ── */
@media(max-width:768px){
  .sticky-cart-bar{
    position:fixed;
    bottom:0;left:0;right:0;
    background:#fff;
    border-top:1px solid #e5e5e5;
    padding:10px 16px;
    z-index:100;
    display:flex;
    gap:10px;
    box-shadow:0 -4px 20px rgba(0,0,0,.08);
  }
  .sticky-cart-bar .btn{flex:1;padding:13px;font-size:14px;}
  /* Espas pou sticky bar */
  .prod-layout > div:last-child{padding-bottom:80px;}
}