/* Comptoir Auto V4.2 — Lot 1 : responsive mobile et navigation */
.ca-icon{width:21px;height:21px;flex:none;display:inline-block;vertical-align:middle}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;flex:none}
.nav button .nav-icon .ca-icon{width:20px;height:20px}
.mobile-nav,.mobile-drawer,.mobile-drawer-backdrop{display:none}
html,body{max-width:100%;overflow-x:clip}
.layout,main,.view,.page-head{min-width:0}
img,video,canvas{max-width:100%}
@media(max-width:760px){
 :root{--mobile-nav-h:68px}
 .topbar{height:64px;min-height:64px;padding:0 13px;gap:8px}
 .logo{min-width:0;gap:8px;white-space:normal}
 .logo-mark{width:34px;height:34px;flex:none}
 .logo-name{font-size:18px;white-space:nowrap}
 .logo small{font-size:8px;letter-spacing:.055em;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .top-actions{gap:5px;flex:none}
 .top-actions .icon-btn{width:36px;height:36px;display:grid;place-items:center}
 .top-actions .icon-btn .ca-icon{width:19px;height:19px}
 .layout{display:block;min-width:0}
 .sidebar{display:none!important}
 main{width:100%;min-width:0;padding:19px 13px calc(var(--mobile-nav-h) + 30px + env(safe-area-inset-bottom))}
 .page-head{gap:12px;flex-wrap:wrap}
 .page-head h1{font-size:clamp(25px,7vw,33px)}
 .page-head>*{max-width:100%}
 .stats,.listing-grid{min-width:0}
 .stats>*{min-width:0}
 .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -5px 24px rgba(21,53,46,.09);padding:5px 4px calc(5px + env(safe-area-inset-bottom));min-height:var(--mobile-nav-h)}
 .mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font:600 10px Inter,Arial,sans-serif;padding:5px 0;touch-action:manipulation}
 .mobile-nav button .ca-icon{width:22px;height:22px}
 .mobile-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-nav button.active{color:var(--pine);background:var(--paper)}
 .mobile-nav button.active:before{content:'';position:absolute;top:0;width:28px;height:2px;background:var(--gold)}
 .mobile-drawer-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:85;background:rgba(8,25,20,.48)}
 .mobile-drawer{display:flex;flex-direction:column;position:fixed;z-index:90;bottom:0;left:0;right:0;max-height:min(80dvh,650px);overflow-y:auto;transform:translateY(110%);visibility:hidden;transition:transform .24s ease,visibility .24s ease;background:var(--panel);border-radius:16px 16px 0 0;padding:17px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px rgba(0,0,0,.16)}
 .mobile-drawer.open{transform:translateY(0);visibility:visible}
 .mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;font-family:Fraunces,Georgia,serif;font-size:20px;color:var(--pine)}
 .mobile-drawer-head button{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:8px;display:grid;place-items:center}
 .mobile-drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .mobile-drawer-links button{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:13px 10px;color:var(--pine);font-size:12px;font-weight:600}
 .mobile-drawer-links button.active{border-color:var(--gold);background:#f5edd6}
 .mobile-drawer-links button[hidden]{display:none}
 .mobile-drawer-links .ca-icon{width:19px;height:19px}
 .auth-card{max-width:calc(100vw - 24px)}
 input,textarea,select{max-width:100%;min-width:0}
 .form .two{grid-template-columns:1fr}
 .modal,.modal-card,[role="dialog"]{max-width:100vw}
}
@media(max-width:380px){.logo small{max-width:140px}.top-actions .icon-btn{width:33px;height:33px}.mobile-nav button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mobile-drawer{transition:none!important}}