.elementor-7936 .elementor-element.elementor-element-12b88bc3{--display:flex;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-7936 .elementor-element.elementor-element-12b88bc3:not(.elementor-motion-effects-element-type-background), .elementor-7936 .elementor-element.elementor-element-12b88bc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.paris-centrale-driver.com/wp-content/uploads/2026/01/paris-scaled.jpg");background-position:center center;background-size:cover;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-12b88bc3 *//* Import Inter au cas où elle n'est pas déjà là */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

/* Ciblage ultra-précis pour forcer le style */
.btn.btn-primary.estimate_vehicles {
    /* Force la police Inter */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase; /* Optionnel : pour un look plus pro */
    letter-spacing: 0.5px;
    
    /* Fond Noir & Texte Blanc */
    background-color: #000000 !important;
    color: #ffffff !important;
    
    /* Reset des bordures par défaut de Bootstrap/Thèmes */
    border: 2px solid #000000 !important;
    padding: 12px 25px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none !important;
}

/* Effet au Survol (Hover) - Passage au ROUGE */
.btn.btn-primary.estimate_vehicles:hover {
    background-color: #ff0000 !important; /* Rouge vif */
    border-color: #ff0000 !important;
    color: #ffffff !important;
    transform: translateY(-2px); /* Petit effet de levier */
    box-shadow: 0 5px 15px rgba(255, 0, 0, 0.3); /* Lueur rouge */
}

/* État Actif (quand on clique) */
.btn.btn-primary.estimate_vehicles:active {
    transform: translateY(0);
    background-color: #cc0000 !important; /* Rouge plus sombre au clic */
}



/* 1. Import de la police (si pas déjà fait) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* 2. On force Inter sur le conteneur et TOUS ses descendants */
.tabs-type, 
.tabs-type *,
form.svt, /* Remplace par la classe réelle de ton formulaire si différente */
.svt-form-container {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* 3. Ciblage spécifique des éléments de formulaire pour éviter les héritages capricieux */
.tabs-type input, 
.tabs-type select, 
.tabs-type textarea, 
.tabs-type button,
.tabs-type label {
    font-family: 'Inter', sans-serif !important;
}

/* 4. Rappel pour ton bouton spécifique (Noir -> Rouge) */
.btn.btn-primary.estimate_vehicles {
    font-family: 'Inter', sans-serif !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    transition: background 0.3s ease;
}

.btn.btn-primary.estimate_vehicles:hover {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

/* 1. On force Inter sur tout l'emballage du formulaire et son contenu */
.qodef-form-wrapper, 
.qodef-form-wrapper *,
.tabs-type, 
.tabs-type * {
    font-family: 'Inter', sans-serif !important;
}

/* 2. On peaufine l'intérieur de qodef-form-wrapper pour un look propre */
.qodef-form-wrapper input, 
.qodef-form-wrapper select, 
.qodef-form-wrapper textarea {
    font-family: 'Inter', sans-serif !important;
    /* Optionnel : On peut harmoniser les bordures avec ton thème Noir/Rouge */
    border: 1px solid #ddd;
    transition: border-color 0.3s ease;
}

/* 3. Focus sur les champs : petit rappel du rouge au clic */
.qodef-form-wrapper input:focus, 
.qodef-form-wrapper select:focus {
    border-color: #ff0000 !important;
    outline: none;
}

/* 4. Ton bouton spécial reste le roi du formulaire */
.btn.btn-primary.estimate_vehicles {
    font-family: 'Inter', sans-serif !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
}

.btn.btn-primary.estimate_vehicles:hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}
/* Ciblage par ID et par classe pour l'input d'adresse */
#sivtcStartingAddress, 
.pac-target-input {
    font-family: 'Inter', sans-serif !important;
    background-color: #ffffff !important; /* Fond blanc pour la lisibilité de l'adresse */
    color: #000000 !important;           /* Texte noir */
    border: 2px solid #000000 !important; /* Bordure noire pour rappeler le bouton */
    padding: 12px !important;
    height: auto !important;
}

/* Effet au focus sur l'adresse (on rappelle le rouge) */
#sivtcStartingAddress:focus, 
.pac-target-input:focus {
    border-color: #ff0000 !important; /* Bordure rouge quand on tape l'adresse */
    outline: none !important;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.2) !important;
}

/* ASTUCE EXPERT : Forcer la police Inter même dans la liste de 
   suggestions Google qui apparaît sous l'input 
*/
.pac-container, 
.pac-item, 
.pac-item-query {
    font-family: 'Inter', sans-serif !important;
}

/* 1. Groupe Départ & Destination + Classes Google */
#sivtcStartingAddress, 
#sivtcDestinationAddress,
.sivtcDestinationAddress,
.pac-target-input {
    font-family: 'Inter', sans-serif !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    padding: 12px 15px !important;
    height: 45px !important; /* Ajuste la hauteur si besoin */
    border-radius: 4px; /* Un léger arrondi pour le look moderne */
    transition: all 0.3s ease !important;
}

/* 2. État Focus (quand l'utilisateur clique dedans) */
#sivtcStartingAddress:focus, 
#sivtcDestinationAddress:focus,
.pac-target-input:focus {
    border-color: #ff0000 !important; /* Transition vers ton rouge */
    outline: none !important;
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.15) !important;
}

/* 3. On harmonise les icônes et suggestions Google Maps en Inter */
.pac-container, 
.pac-item, 
.pac-item-query,
.pac-matched {
    font-family: 'Inter', sans-serif !important;
}

/* 4. Force la couleur du texte saisi (parfois gris par défaut) */
input#sivtcDestinationAddress::placeholder {
    font-family: 'Inter', sans-serif !important;
    color: #999 !important;
}

/* Ciblage des champs Heure et Minute par ID et Classe */
#sivtcPickupTime, 
#sivtcPickupMinute,
.form-control#sivtcPickupTime,
.form-control#sivtcPickupMinute {
    font-family: 'Inter', sans-serif !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    height: 45px !important;
    padding: 0 10px !important;
    font-weight: 500 !important;
    border-radius: 4px;
    appearance: none; /* Supprime le style par défaut sur certains navigateurs */
    transition: all 0.3s ease;
}

/* État Focus : Passage au Rouge */
#sivtcPickupTime:focus, 
#sivtcPickupMinute:focus {
    border-color: #ff0000 !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.15) !important;
}

/* On force aussi la police Inter pour les options à l'intérieur du menu déroulant */
#sivtcPickupTime option, 
#sivtcPickupMinute option {
    font-family: 'Inter', sans-serif !important;
    background-color: #ffffff;
    color: #000000;
}

/* Ciblage universel de tous les champs de formulaire */
.form-control, 
select.form-control, 
textarea.form-control, 
input[type="text"].form-control {
    /* Force la police Inter */
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    
    /* Style Noir & Blanc */
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    
    /* Structure */
    height: 48px !important; /* Un peu plus généreux pour le confort */
    padding: 10px 15px !important;
    border-radius: 4px !important;
    box-shadow: none !important; /* Supprime l'ombre bleue par défaut de Bootstrap */
    transition: all 0.25s ease-in-out !important;
}

/* État Focus : L'éclat ROUGE */
.form-control:focus {
    border-color: #ff0000 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    outline: none !important;
    /* Petite lueur subtile pour le côté premium */
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.1) !important;
}

/* Style des Placeholders (le texte d'indication gris) */
.form-control::placeholder {
    font-family: 'Inter', sans-serif !important;
    color: #999999 !important;
    opacity: 1;
}

/* Ciblage des classes active pour le départ et l'arrivée */
.tabs-address-start-1.letters.active,
.tabs-address-end-1.letters.active {
    /* Force la police Inter */
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important; /* On met en gras pour que ça se voie bien */
    
    /* Couleurs : Fond Noir, Texte Blanc par défaut */
    background-color: #000000 !important;
    color: #ffffff !important;
    
    /* Forme : On s'assure que ce soit un cercle parfait si c'est une lettre seule */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #000000 !important;
    
    transition: all 0.3s ease;
}

/* Effet au survol : On passe au Rouge */
.tabs-address-start-1.letters.active:hover,
.tabs-address-end-1.letters.active:hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    cursor: pointer;
    transform: scale(1.1); /* Petit effet de zoom */
}





/* 1. Largeur 50% sur Desktop */
@media (min-width: 992px) {
    .col-md-6.sivtc-left-container.sivtc-tabs-0 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }
}

/* 2. On cible précisément les textes SANS toucher aux icônes (balises <i>, <span> d'icônes) */
.sivtc-left-container.sivtc-tabs-0,
.sivtc-left-container.sivtc-tabs-0 p,
.sivtc-left-container.sivtc-tabs-0 label,
.sivtc-left-container.sivtc-tabs-0 input,
.sivtc-left-container.sivtc-tabs-0 select,
.sivtc-left-container.sivtc-tabs-0 textarea,
.sivtc-left-container.sivtc-tabs-0 button,
.sivtc-left-container.sivtc-tabs-0 a,
.sivtc-left-container.sivtc-tabs-0 .tabs-type-1 {
    font-family: 'Inter', sans-serif !important;
}

/* 3. Sécurité supplémentaire : On rend leur police aux icônes */
.sivtc-left-container.sivtc-tabs-0 [class*="sivtc-icon"], 
.sivtc-left-container.sivtc-tabs-0 [class*="fa-"], 
.sivtc-left-container.sivtc-tabs-0 i {
    font-family: 'sivtc-icons', 'FontAwesome', sans-serif-static !important; /* On restaure la police d'icônes */
    font-style: normal;
}/* End custom CSS */