/* Allo Limousines 1.31.13 — responsive final
   Ne change pas la maquette : fixe uniquement ordre, largeur et breakpoints. */

html,body{direction:ltr!important;max-width:100%;overflow-x:hidden!important}
body{min-width:320px}
main{width:100%;min-width:0;overflow-x:clip}
img,video,svg{max-width:100%;height:auto}
.al-container{min-width:0}

/* Header : desktop >=1280, tablette/mobile <1280 */
@media (min-width:1280px){
  .al-header-inner{width:min(1460px,calc(100% - 40px))!important;display:flex!important;align-items:center!important;gap:20px!important}
  .al-logo{order:1!important;flex:0 0 auto!important}
  .al-nav{order:2!important;display:flex!important;flex:1 1 auto!important;justify-content:center!important;min-width:0!important}
  .al-head-actions{order:3!important;display:flex!important;flex:0 0 auto!important}
  .al-menu-btn{display:none!important}
  .al-drawer{display:none!important}
}
@media (min-width:768px) and (max-width:1279px){
  .al-header-inner{width:calc(100% - 28px)!important;min-height:76px!important;display:flex!important;align-items:center!important}
  .al-logo{order:1!important;margin-right:auto!important}
  .al-nav{display:none!important}
  .al-head-actions{order:2!important;margin-left:auto!important}
  .al-head-actions .al-lang,.al-head-actions .al-phone,.al-head-actions .al-book-top{display:none!important}
  .al-menu-btn{display:grid!important}
}
@media (max-width:767px){
  .al-header-inner{width:calc(100% - 24px)!important;min-height:70px!important;display:flex!important;align-items:center!important}
  .al-logo{order:1!important;margin-right:auto!important;max-width:150px!important}
  .al-logo img{max-width:145px!important;height:auto!important}
  .al-nav{display:none!important}
  .al-head-actions{order:2!important;margin-left:auto!important}
  .al-head-actions .al-lang,.al-head-actions .al-phone,.al-head-actions .al-book-top{display:none!important}
  .al-menu-btn{display:grid!important;min-width:44px!important;min-height:44px!important}
  .al-drawer{max-height:calc(100svh - 70px)!important;overflow:auto!important}
}

/* Hero : contenu puis image, jamais inversé */
.al-hero-grid,.home-hero-grid{direction:ltr!important}
.al-hero-copy,.home-hero-copy{order:1!important}
.al-hero-media,.home-hero-media{order:2!important}
@media (max-width:1023px){
  .al-hero-grid,.home-hero-grid{grid-template-columns:1fr!important}
  .al-hero-copy,.home-hero-copy{width:100%!important}
  .al-hero-media,.home-hero-media{width:100%!important;min-height:320px!important}
}
@media (max-width:560px){
  .al-hero-media,.home-hero-media{min-height:260px!important}
}

/* Grilles publiques */
@media (min-width:1280px){
  .vehicle-grid-pro.is-home{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:768px) and (max-width:1279px){
  .vehicle-grid-pro,.al-editorial-grid,.al-blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:767px){
  .vehicle-grid-pro,.al-editorial-grid,.al-blog-card-grid,.al-catalog-grid,.al-event-grid{grid-template-columns:1fr!important}
  .al-section{padding-left:0!important;padding-right:0!important}
  input,select,textarea{font-size:16px!important;max-width:100%!important}
  table{max-width:none}
}

/* Footer */
@media (min-width:1100px){
  .al-footer-main{grid-template-columns:1.3fr repeat(4,minmax(0,1fr))!important}
}
@media (min-width:700px) and (max-width:1099px){
  .al-footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:699px){
  .al-footer-main{grid-template-columns:1fr!important}
}