/* ════════════════════════════════════════════════════════════════════════════
   ZK EVENT — responsive.css : breakpoints laptop / tablette / mobile
   Charger APRÈS tous les autres CSS pour que les overrides aient priorité.
   ════════════════════════════════════════════════════════════════════════════ */

/* === Petits laptops (≤1280px) === */
@media (max-width:1280px){
  .adm-sidebar{width:200px;}
  .dash-sidebar{width:230px;}
  .card-body{padding:18px;}
  .adm-content-area,.dash-content-area{padding:18px 16px 50px;}
  #standTypeGrid{grid-template-columns:repeat(2,1fr)!important;}
}

/* === Tablettes paysage (≤1024px) === */
@media (max-width:1024px){
  .adm-sidebar{width:74px;}
  .adm-nav-label,.sidebar-brand-text{display:none!important;}
  .adm-nav-item{padding:11px 6px;flex-direction:column;gap:3px;font-size:9px;text-align:center;border-left:none;border-right:3px solid transparent;}
  .adm-nav-item.active{border-right-color:var(--orange);}
  .dash-sidebar{width:210px;}
  .fgrid{grid-template-columns:1fr 1fr;gap:11px;}
  .facade-grid{grid-template-columns:repeat(2,1fr);}
  .reg-table,.suivi-table,.fact-table{display:block;overflow-x:auto;}
  .lnd-salon-card{max-width:300px;}
}

/* === Tablette portrait (≤900px) === */
@media (max-width:900px){
  .adm-layout,.dash-layout,.dash-wrap{flex-direction:column;}
  .adm-sidebar,.dash-sidebar{width:100%!important;height:auto!important;position:sticky;top:62px;flex-direction:row;overflow-x:auto;overflow-y:hidden;}
  .adm-nav,.dash-sidebar nav{flex-direction:row!important;flex-wrap:nowrap;overflow-x:auto;}
  .adm-nav-item,.nav-item{white-space:nowrap;flex-direction:row!important;font-size:11px;padding:9px 12px;}
  .adm-nav-label,.nav-item span{display:inline!important;}
  .adm-sidebar-footer,.sidebar-footer{display:none!important;}
  .fgrid{grid-template-columns:1fr;}
  .lnd-salons{flex-direction:column;align-items:center;}
  .profile-hero{flex-direction:column;text-align:center;}
}

/* === Mobile (≤640px) === */
@media (max-width:640px){
  .card-body{padding:14px 12px;}
  .card-header{padding:14px;flex-direction:column;text-align:center;}
  .lnd-logo{width:160px;}
  .lnd-salon-card{width:100%;max-width:380px;}
  .navb{flex-direction:column-reverse;gap:8px;}
  .navb .btn{width:100%;}
  .modal-box{margin:6px;max-width:calc(100vw - 12px);}
  .modal-actions{flex-direction:column;}
  .modal-actions button{width:100%;}
  .facade-grid{grid-template-columns:1fr 1fr;}
  .adm-badge-wrap{width:100%;}
  .reg-table,.suivi-table,.fact-table{font-size:11px;}
}

/* === Très petits écrans (≤400px) === */
@media (max-width:400px){
  .lnd-logo{width:130px;}
  .modal-body{padding:14px;}
  .reg-table th,.reg-table td,.suivi-table th,.suivi-table td{padding:7px 8px;font-size:10.5px;}
}

/* === Touch zones ≥38px + désactivation zoom iOS sur input === */
@media (hover:none) and (pointer:coarse){
  button,.btn,.nav-item,.adm-nav-item{min-height:38px;}
  input,select,textarea{font-size:16px!important;}
}

/* === Fix universel : grids inline 3+ colonnes → s'adaptent === */
@media (max-width:1024px){
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important;}
}
@media (max-width:768px){
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,1fr)!important;}
}
@media (max-width:560px){
  [style*="grid-template-columns:repeat(2"],
  [style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important;}
}