/*
Theme Name: Omoda Jaecoo
Theme URI: https://omodajaecoo.tn/
Description: Divi Child Theme
Author: Mohamed Habib Mesbah
Author URI: https://www.linkedin.com/in/mohamed-habib-mesbah/
Template: Divi
Version: Updated for Divi 5
*/

/*****Add any custom CSS below this line*****/

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #201e1f;
    z-index: 100000;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
} 

.preloader .sprite {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px;
    background-image : url(../../uploads/2025/05/favicon.png);
	background-size: contain;
}

* {
	margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    word-wrap: break-word;
	font-smooth: auto;
}

::placeholder {
	opacity: 1;
	color: #999;
}

input:focus::placeholder {
  opacity:0;
}

select option {
	background-color: #1c1a1b !important;
}

.et-pb-contact-message {
	text-align: center;
	padding: 2em 0;
}

@media all and (min-width: 1405px) {
/*** MEGA MENU ***/

#top-menu li li a {
    width: 400px;
}

.nav li ul {
    width: 420px;
}

/* Cache le sous-menu par défaut */
.mega-menu .sub-menu {
  display: none !important;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Affiche le sous-menu uniquement au hover */
.mega-menu:hover .sub-menu {
  display: flex !important;
  visibility: visible;
  opacity: 1;
}

#top-menu li.mega-menu>ul {
	display: flex;
	padding: 0;
}
.omoda-items {
	flex: 2;
	background-color: rgba(32,30,31,.6);
}
.jaecoo-items {
	flex: 3;
	background-color: rgba(13,15,14,.6);
}
.omoda-items>a, .jaecoo-items>a {margin-top:30px}
.omoda-items>ul, .jaecoo-items>ul {
	display: flex !important;
	background: rgba(0,0,0,0) !important;
	margin-bottom: 30px
}
.omoda-items>ul a, .jaecoo-items>ul a {
	padding: 100px 0 0 !important;
	text-align: center;
}
.c5, .e5, .j5, .j7, .j8 {position: relative}
.c5:before {background: url(../../uploads/2025/05/c5_2.webp)}
.e5:before {background: url(../../uploads/2025/05/e5_2.webp)}
.j5:before {background: url(../../uploads/2025/05/j7_2.webp)}
.j7:before {background: url(../../uploads/2025/05/j7_2.webp)}
.j8:before {background: url(../../uploads/2025/05/j8_2.webp)}
.c5:before, .e5:before, .j5:before, .j7:before, .j8:before {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 80%;
	height: 100%;
	position: absolute;
	left: 10%;
	top: 0;
	transition: all .3s ease-out;
}
.c5:hover:before, .e5:hover:before, .j5:hover:before, .j7:hover:before, .j8:hover:before {
	transform: scale(.9)
}
}
/*** DIVI TORQUE CAROUSEL ***/
.dtq-image-subtitle {
	text-transform: math-auto;
}

/*** BREADCRUMB ***/
.breadcrumb_oj a {
	color: white !important;
}
.breadcrumb_oj span {
	font-size: 14px;
	margin: 0 .4em;
}

/*** GOOGLE MAPS ***/
.google-maps {
        position: relative;
        padding-bottom: 56.25%; 
        height: 0;
        overflow: hidden;
    }
.full-google-maps {
        position: relative;
        padding-bottom: 50vh; 
        height: 0;
        overflow: hidden;
    }    
.google-maps iframe, .full-google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }