/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
/* Style du conteneur principal */
/* Conteneur principal */
#gare-paris-container,
#paris-gare-container {
    margin-top: 20px;
    margin-bottom: 30px; /* Ajoute une marge en bas pour espacer des autres blocs */
    font-family: "Manrope", sans-serif;
    background-color: #F5F5F5; /* Fond par défaut du bloc */
    padding: 20px; /* Ajoute de l'espace intérieur */
    border-radius: 8px; /* Coins arrondis */
    transition: background-color 0.3s ease; /* Transition douce pour les interactions */
}

/* Interaction au survol ou au clic */
#gare-paris-container:hover,
#paris-gare-container:hover,
#gare-paris-container:focus-within,
#paris-gare-container:focus-within {
    background-color: #000000; /* Fond noir lors du survol ou clic */
}

/* Label principal */
#gare-paris-label,
#paris-gare-label {
    font-size: 16px;
    font-weight: 600;
    color: #000000; /* Texte noir par défaut */
    display: block;
    margin-bottom: 8px;
    transition: color 0.3s ease; /* Transition douce pour la couleur */
}

/* Changement de couleur du titre au survol ou clic */
#gare-paris-container:hover #gare-paris-label,
#paris-gare-container:hover #paris-gare-label,
#gare-paris-container:focus-within #gare-paris-label,
#paris-gare-container:focus-within #paris-gare-label {
    color: #F5F5F5; /* Texte devient blanc sur fond noir */
}

/* Dropdown (select) */
#gare_paris_selection,
#paris_gare_selection {
    width: 100%;
    padding: 15px;
    font-size: 14px;
    border: 1px solid #000000; /* Bordure noire */
    border-radius: 4px;
    background-color: #F5F5F5; /* Fond du dropdown */
    color: #000000; /* Texte noir */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

#gare_paris_selection:focus,
#paris_gare_selection:focus {
    border-color: #000000; /* Bordure noire persistante */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Légère ombre noire */
    outline: none;
}

/* Champ texte pour "Autre" */
#gare-paris-autre-field,
#paris-gare-autre-field {
    margin-top: 15px;
}

#gare-paris-autre-label,
#paris-gare-autre-label {
    font-size: 14px;
    font-weight: 500;
    color: #000000; /* Texte noir */
    display: block;
    margin-bottom: 6px;
}

#gare_paris_autre,
#paris_gare_autre {
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    border: 1px solid #000000; /* Bordure noire */
    border-radius: 4px;
    background-color: #F5F5F5; /* Fond clair */
    color: #000000; /* Texte noir */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

#gare_paris_autre:focus,
#paris_gare_autre:focus {
    border-color: #000000; /* Bordure noire persistante */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Légère ombre noire */
    outline: none;
}

/* Bouton Panier */
#Panier {
    margin-top: 20px; /* Espace entre le bouton et le dropdown */
    padding: 15px 20px; /* Améliore le style du bouton */
    font-size: 16px;
    font-weight: 600;
    background-color: #000000; /* Fond noir */
    color: #F5F5F5; /* Texte blanc */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Change la couleur du bouton au survol */
#Panier:hover {
    background-color: #F5F5F5; /* Fond clair au survol */
    color: #000000; /* Texte noir */
    border: 1px solid #000000; /* Ajoute une bordure noire */
}


/*cartflow */
#billing_delivery_date {
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 14px;
    width: 100%;
}