/* Comptoir Auto V4.2 Lot 3 — finitions non intrusives */
:root{--ca-ease:cubic-bezier(.22,1,.36,1);--ca-motion:220ms}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible{outline:3px solid var(--gold,#b79b4a);outline-offset:3px}
button:not(:disabled),a{transition:background-color var(--ca-motion) ease,color var(--ca-motion) ease,border-color var(--ca-motion) ease,box-shadow var(--ca-motion) ease}
button:disabled{cursor:not-allowed;opacity:.62}
@media(hover:hover) and (pointer:fine){button:not(:disabled):hover{filter:brightness(.97)}.card:hover,.vehicle-card:hover{box-shadow:0 9px 24px rgba(23,48,40,.08)}}
button:not(:disabled):active{transform:scale(.985)}
.view.active{animation:ca-view-in 250ms var(--ca-ease) both}
@keyframes ca-view-in{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.modal.show .modal-box{animation:ca-modal-in 230ms var(--ca-ease) both}
@keyframes ca-modal-in{from{opacity:.6;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.toast.show{animation:ca-toast-in 230ms var(--ca-ease) both}
@keyframes ca-toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.mobile-drawer{transition:transform 240ms var(--ca-ease),opacity 240ms ease}
.ca-lightbox:not([hidden]) .ca-lightbox-photo{animation:ca-photo-in 180ms ease both}
@keyframes ca-photo-in{from{opacity:.7}to{opacity:1}}
/* Empêche les contenus longs de forcer le défilement horizontal. */
.view,.modal-box,.page-head{min-width:0}
.view p,.view h1,.view h2,.view h3,.modal-box p{overflow-wrap:anywhere}
img{max-width:100%}
@media(max-width:760px){
 .modal-box{width:min(100%,560px);max-height:calc(100dvh - 20px)}
 .modal-head button,.mobile-drawer button,.mobile-nav button{min-height:44px}
 input,select,textarea{max-width:100%;min-width:0}
 .toast{max-width:calc(100vw - 28px)}
}
@media(prefers-reduced-motion:reduce){
 :root{--ca-motion:0ms}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}
