﻿/* ========== Enhanced Responsive ========== */
/* ---------- PWA install ---------- */
.pwa-banner{
  background:var(--ink-light);color:#fff;padding:10px 16px;display:flex;align-items:center;gap:12px;
  font-size:13.5px;font-weight:600;justify-content:space-between;flex-wrap:wrap;
}
.pwa-banner button{background:var(--brass);color:var(--ink);padding:7px 16px;border-radius:8px;font-weight:800;font-size:13px;}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .stat-row{grid-template-columns:repeat(2,1fr);}
  .grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));}
}

@media (max-width:760px){
  .product-detail{grid-template-columns:1fr;}
  .field-row{grid-template-columns:1fr;}
  .hero h1{font-size:26px;}
  .hero p{font-size:14.5px;}
  .sort-tab{padding:6px 12px;font-size:12px;}
  .store-toolbar-row{gap:8px;}
  .store-h2{font-size:22px;}
  .pcard-img{height:160px;}
  nav.maintabs{display:none;}
  .hamburger{display:flex;}
  .head-actions .curr-toggle{display:none;}
  .cart-btn span.cart-badge{display:flex;}
  .topbar-inner{position:relative;}
  header.topbar{position:relative;}
  .panel{padding:16px;}
  .detail-modal{max-width:100%;margin:10px;}
  .detail-modal-body{padding:16px;}
  .stat-row{grid-template-columns:repeat(2,1fr);}
  .grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  table{font-size:13px;}
  table th,table td{padding:9px 8px;}
  .btn{font-size:14px;padding:10px 16px;}
  .btn-sm{padding:7px 12px;font-size:12.5px;}
  .subtabs{gap:2px;}
  .subtabs button{padding:10px 11px;font-size:13px;}
  .store-banner{height:160px;}
  .store-avatar{width:60px;height:60px;font-size:22px;}
  .store-info .store-name{font-size:18px;}
  .wrap{padding-inline:14px;}
  .hero{padding:32px 0 52px;}
  .search-bar{flex-direction:column;gap:6px;}
  .search-bar input{padding:10px 12px;}
  .cat-row{gap:7px;}
}

@media (max-width:480px){
  .logo-svg-wrap svg{height:28px;width:auto;}
  .logo-sub{display:none !important;}
  .grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .pcard-img{height:120px;}
  .pcard-name{font-size:13.5px;min-height:36px;}
  .price{font-size:14px;}
  .stat-row{grid-template-columns:1fr 1fr;}
  .stat-card .val{font-size:20px;}
  .hero h1{font-size:22px;}
  .checkout-grid{grid-template-columns:1fr !important;}
  .cart-grid{grid-template-columns:1fr !important;}
  .admin-overview-grid{grid-template-columns:1fr !important;}
  /* Cards full width on very small screens */
  .review-card,.panel{padding:13px;}
  .store-banner{height:auto;overflow:visible;}
  .store-header-inner{flex-direction:row;align-items:center;gap:12px;padding:18px 14px 22px;background:rgba(0,0,0,.38);}
  .store-info{min-width:0;flex:1;}
  .store-info .store-name{font-size:17px;}
  .store-pills .store-pill{font-size:11.5px;padding:3px 9px;}
  /* سلة — الملخص فوق المنتجات على الموبايل */
  .cart-summary-panel{order:-1;}
  /* صفحة المتجر */
  .store-page-grid{grid-template-columns:1fr !important;}
}
/* ── فلتر المحافظات ── */
.gov-filter-bar{margin-bottom:18px;background:var(--parchment);border:1.5px solid var(--stone-light);border-radius:14px;padding:12px 16px;}
.gov-filter-label{display:block;font-size:12px;font-weight:800;color:var(--text-soft);margin-bottom:8px;letter-spacing:.3px;}
.gov-chips{display:flex;gap:5px;flex-wrap:wrap;}
.gov-chip{padding:5px 13px;border-radius:999px;font-size:13px;font-weight:700;border:1.5px solid var(--stone-light);background:#fff;color:var(--text-soft);cursor:pointer;transition:.15s;white-space:nowrap;}
.gov-chip.active{border-color:var(--ink);background:var(--ink);color:#fff;}
.gov-chip:not(.active):hover{border-color:var(--brass);color:var(--text);background:var(--parchment-dark);}
.gov-active-label{margin-top:9px;font-size:12.5px;color:var(--text-soft);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.gov-active-label b{color:var(--ink);}
.gov-clear{background:none;border:1px solid var(--stone-light);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:700;cursor:pointer;color:var(--text-soft);}
.gov-clear:hover{border-color:var(--wine);color:var(--wine);}
@media(max-width:640px){
  .gov-filter-bar{padding:10px 12px;}
  .gov-chip{font-size:12px;padding:4px 10px;}
  .gov-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
  .gov-chips::-webkit-scrollbar{height:0;}
  .sort-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;}
  .sort-tabs::-webkit-scrollbar{height:0;}
}
/* ===== Mobile table: scroll + bigger touch targets ===== */
@media (max-width:700px){
  .table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:var(--radius);
  }
  table{min-width:560px;}
  table th,table td{padding:10px 10px;font-size:12.5px;}
  /* hide less important columns on mobile via utility class */
  .col-hide-mobile{display:none;}
  /* admin sellers: stack store/owner info */
  .admin-sellers-table td:first-child{min-width:120px;}
  /* subtabs scroll */
  .subtabs{overflow-x:auto;padding-bottom:2px;}
  .subtabs::-webkit-scrollbar{height:3px;}
}
/* ===== Footer responsive ===== */
footer{padding:24px 0;font-size:12px;}
footer .wrap{display:flex;flex-direction:column;align-items:center;gap:10px;}
@media(max-width:480px){
  footer .wrap{gap:8px;}
  footer{padding:18px 0;}
}
/* ===== Detail modal full-screen on mobile ===== */
@media(max-width:600px){
  .detail-modal-overlay{padding:0;}
  .detail-modal{border-radius:0;min-height:100dvh;display:flex;flex-direction:column;}
  .detail-modal-body{flex:1;overflow-y:auto;}
  .detail-grid{grid-template-columns:1fr 1fr;}
}
/* ===== Hero responsive ===== */
@media(max-width:480px){
  .hero{padding:22px 0 44px;}
  .search-bar{margin:0 10px;}
  .cat-row{padding:16px 0 4px;}
}