@import "../../../atlanta/assets/css/style.min.css";

/* Your CSS code goes here
-------------------------------------- */
/* Land Rover */
@font-face {
    font-family: 'Land-Rover';
    src: url('/wp-content/uploads/2026/04/LandRoverWeb-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Outfit */
@font-face {
    font-family: 'Outfit';
    src: url('/wp-content/uploads/2026/04/Outfit-VariableFont_wght.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Volvo */
@font-face {
    font-family: 'Volvo';
    src: url('/wp-content/uploads/2026/04/volvo-novum-medium.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* JLR */
@font-face {
    font-family: 'JLR';
    src: url('/wp-content/uploads/2026/04/JLREmeric-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
body, body p {font-family:"Outfit", Sans-serif;font-weight:400;/*color:#0A2B3D */;}
h1, h2, h3 {/*font-family:"Outfit", Sans-serif !important;font-weight:400;color:#0A2B3D ;*/}
body {
  /* Pour Chrome, Safari et les navigateurs basés sur WebKit */
  -webkit-font-smoothing: antialiased;
  
  /* Pour Firefox */
  -moz-osx-font-smoothing: grayscale;
}

.font-landrover { font-family: 'Land-Rover', sans-serif !important; }
.font-outfit { font-family: 'Outfit', sans-serif !important; }
.font-volvo { font-family: 'Volvo', sans-serif !important; }
.font-jlr { font-family: 'JLR', sans-serif !important; }
@media (min-width: 1280px) {
    .container {
      max-width:100%;
		/* On garantit la marge de sécurité de 40px sur les côtés pour mobile/tablette */
/* La marge s'adapte : minimum 40px, idéalement 5% de la largeur, pas de maximum */
    margin-left: auto;
    margin-right: auto;
 /*   padding-left: clamp(50px, 5vw, 100px);
    padding-right: clamp(50px, 5vw, 100px);*/
    
    /* On s'assure que le padding ne s'ajoute pas à la largeur totale */
    box-sizing: border-box;
    }
	.post-type-archive-vehicule #primary .container, .vehicule-template-default #primary .container {
	padding-left: clamp(50px, 5vw, 100px);
    padding-right: clamp(50px, 5vw, 100px);
	}
}

@media (min-width: 1981px) {
    .post-type-archive-vehicule #primary .container, .vehicule-template-default .container:first-child {
        max-width: 1600px !important;
        margin: 0 auto !important;
    }
}
#header, .sticky-header {
	max-width:100%;
	margin:auto;
	z-index: 1000;
    padding-left: calc((100% - 1440px) / 2);
    padding-right: calc((100% - 1440px) / 2);
    position: relative;
}
.sf-menu a, .mobile-menu a {
	font-family:"Outfit", Sans-serif !important;
	font-weight:400;color:#0A2B3D ;
	font-size:16px;
}
.v-menu {
  position: relative;
  /* Autres styles de l'élément */
}

.v-menu::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px; /* Hauteur de la barre */
  background: linear-gradient(to right, blue, #0A2B3D, red); /* Couleur de la barre */
  transition: width 2s; /* Durée de l'apparition graduelle */
}

.v-menu:hover::after {
  width: 100%;
}
#sidebar ul.wpc-filters-list-264  li {
    list-style-image: none !important;
}
.sf-menu>li>.sub-menu {
    margin-top: -20px;
}

.sub-menu> .sf-menu li {
	padding: 5px 0;
}
#header.logo-left .logo .navbar-toggle {
    float: right;
    background: white;
}
#header {
	background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.85),
    rgba(255, 255, 255, 0)
)
}
@media (max-width:767px){
#header.logo-left .logo .navbar-toggle, .sticky-header.logo-left .logo .navbar-toggle {
	background:white;
	}
.post-type-archive-vehicule #header.logo-left .logo .navbar-toggle, .sticky-header.logo-left .logo .navbar-toggle { 
	width:12%;}
}
#footer a, #copyright {font-family:"Outfit", Sans-serif !important;font-weight:400;}

ul.wpc-filters-list-264 {
	overflow: hidden !important;
}
.zoom {
  cursor: zoom-in;
 transition: transform 0.2s ease;
}

.zoom.zoomed {
  transform: scale(2); /* Ajustez la valeur selon vos besoins */
  cursor: zoom-out;
}

/* Conteneur de l'image pour maintenir la taille */
.image-link {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3; /* Définit un format rectangulaire standard automobile */
    background-color: #f0f0f0; /* Couleur de fond en attendant l'image */
    overflow: hidden;
    position: relative;
}

/* On force l'image à remplir ce conteneur quoi qu'il arrive */
.image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* L'image remplit l'espace sans être déformée */
}

.cf-turnstile {
    order: 999;
}
.wpcf7-form {
    display: flex;
    flex-direction: column;
}
.home .container_grid {
	border: 1px solid rgba(0,0,0,0.5);
}
.sf-menu span {
	background: #ffffff90;
    padding: 5px 10px;
    border-radius: 10px;
}
.type-vehicule button,.type-vehicule  input[type=submit] {
    background-color: #0A2B3D;
    outline: 0;
}
.type-vehicule button:focus,.type-vehicule button:hover,.type-vehicule  input[type=submit]:focus {
    background-color: #777777;
    outline: 0;
}
#slider2.container {
	padding:0 !important;
}
#copyright {
    background-color: #0a2b3d !important;
    color: #fff !important;
    font-weight: normal;
    font-size: 12px;
    line-height: 60px;
}
#copyright a {
    color: #ffffff98 !important;
}
#header.logo-left .logo, .sticky-header.logo-left .logo {
  float: left;
  width: 30%;
}
@media (min-width: 768px) {
header.logo-left .nav-main {
  float: right;
  width: 69%;
}
}
@media (max-width: 767px) {
    .logo-img a > img {
       
        height: auto; /* Conserve les proportions du logo sans le déformer */
    }
.navbar-collapse.in {
    overflow-y: auto;
    background: #ffffff;
    top: 10px;
    padding-top: 5px;
	}
    #header.logo-left .logo .navbar-toggle, .sticky-header.logo-left .logo .navbar-toggle {
        background: transparent;
    }
#header.logo-left .logo, .sticky-header.logo-left .logo {
    float: none;
    width: initial;
}	
}