/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Author: Nolwenn Barmoy - CIDELEC
Description: Thème enfant de Hello Elementor pour CIDELEC.
*/


/* ------------------------ /
/ Boutons de changement de langue (français/anglais) */
#btn-fr,
#btn-en {
    cursor: pointer;
    background-color: transparent;
    color: #0050a3;
    border: 2px solid #0050a3;
    padding: 0.5em 1em;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

/* États : survol ou bouton actif */
#btn-fr:hover,
#btn-en:hover,
#btn-fr.active,
#btn-en.active {
    background-color: #0050a3;
    color: #fff;
}

/* ------------------------ /
/ Personnalisation du Flip Box Elementor */
.elementor-flip-box__back .elementor-flip-box__layer__overlay {
    background: linear-gradient(180deg, rgba(0, 90, 150, 0) 0%, rgba(0, 90, 150, 1) 100%);
}
.elementor-flip-box__layer,
.elementor-flip-box__layer__overlay {
    border-radius: 0 200px 0 0;
}

/* ------------------------ /
/ Icônes personnalisées sur les accordeons Elementor */
#accordeon-performance summary,
#accordeon-disponibilite summary,
#accordeon-travail-equipe summary,
#accordeon-innovation summary,
#accordeon-singularite summary,
#accordeon-savoir-faire summary {
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 24px;
}

/* Accueil des images SVG comme icônes d’entête d’accordéon */
#accordeon-performance summary { background-image: url(https://cidelec-preprod.net/wp-content/uploads/2024/03/icon-performance.svg); }
#accordeon-disponibilite summary { background-image: url(https://cidelec-preprod.net/wp-content/uploads/2024/03/icon-disponibilite.svg); }
#accordeon-travail-equipe summary { background-image: url(https://cidelec-preprod.net/wp-content/uploads/2024/03/icon-travail-dequipe.svg); }
#accordeon-innovation summary { background-image: url(https://cidelec-preprod.net/wp-content/uploads/2024/03/icon-innovation.svg); }
#accordeon-singularite summary { background-image: url(https://cidelec-preprod.net/wp-content/uploads/2024/03/icon-singularite.svg); }
#accordeon-savoir-faire summary { background-image: url(https://cidelec-preprod.net/wp-content/uploads/2024/03/icon-savoir-faire.svg); }

/* ------------------------ /
/ Styles adaptés au plugin WP File Download */
.wpfd_downloadlink,
.wpfd_previewlink {
    font-size: 18px !important;
    border-radius: 0 24px 0 0 !important;
    padding: 8px !important;
    height: auto !important;
    border: 1px var(--e-global-color-primary) !important;
}

.wpfdcategory {
    background-color: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}

.wpfdcategory span {
    color: white !important;
    font-size: 18px;
}

/* ------------------------ /
/ Styles complémentaires pour l’arbre de fichiers */
.jaofiletree .directory a {
    font-size: 18px;
    font-family: var(--e-global-typography-primary-font-family) !important;
}

#et-boc .wpfd-content .wpfdcategory, .wpfd-content .wpfdcategory {
    flex: none !important;
    min-width: auto !important;
}

#et-boc .wpfd-content .wpfdcategory > span, .wpfd-content .wpfdcategory > span {
    width: 100% !important;
    max-width: unset !important;
    overflow: visible !important;
}

/* ------------------------ /
/* Style pour les champs invalides et messages d'erreur elementor */
.elementor-field-required.elementor-error input {
    border: 2px solid red !important;
}

.elementor-message.elementor-message-danger {
    color: red;
    font-size: 0.9em;
    margin-top: 5px;
    display: block;
}

.elementor-field-error{
    color: red;
    font-size: 16px;
}


/* ------------------------ /
/ Ajouter ici tous les styles à portée globale nécessaires à la cohérence graphique du site. */

/* Fin de fichier style.css */