/*
Theme Name: La chamade
Theme URI:
Description:
Author: Agence la chamade
Author URI: https://agencelachamade.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags:
*/


/* ==========================================================
   ACCESSIBILITÉ ET FOCUS
   ========================================================== */

/*
 * Retire le contour après un clic à la souris,
 * mais le conserve pendant la navigation au clavier.
 */
*:focus:not(:focus-visible) {
    outline: none !important;
}

/*
 * Retire uniquement le contour des onglets ouverts
 * à partir d’une ancre comme #move, #master ou #manage.
 *
 * Ne pas supprimer box-shadow ici : il est utilisé
 * pour l’ombre visuelle des cartes.
 */
.e-n-tab-title:target,
.e-n-tab-title:focus:not(:focus-visible) {
    outline: none !important;
}


.bleu-clair{
	color:#66B8FF !important;
}


/* ==========================================================
   FOND GLOBAL
   ========================================================== */

body {
    background:
        linear-gradient(
            180deg,
            #E7F0FB 0%,
            #FFFFFF 100%
        )
        top center / 100% 400px no-repeat,
        #FFFFFF;
}


/* ==========================================================
   HEADER
   ========================================================== */

header .menu-desktop .e-current a {
    font-weight: bold !important;
}

header .menu-desktop .e-current a::after {
    content: "" !important;
    width: 70px;
    height: 4px;
    background-image: url("/wp-content/uploads/2026/08/indicateur.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat !important;
    position: absolute !important;
    bottom: -14px !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
}

.plus-navigation-wrap .plus-mobile-menu-content {
    background-color: transparent !important;
}


/* ==========================================================
   BOUTONS AVEC FLÈCHE SVG
   ========================================================== */

.bouton-arrow svg {
    margin-left: 0 !important;
    transition: margin-left 0.3s ease-in-out !important;
}

.bouton-arrow:hover svg {
    margin-left: 5px !important;
}

/* Empêche le SVG de disparaître */
.bouton-arrow .elementor-button-icon,
.bouton-arrow .elementor-button-icon svg {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Flèche blanche au focus et pendant le clic */
.bouton-arrow .elementor-button:focus .elementor-button-icon svg path,
.bouton-arrow .elementor-button:focus-visible .elementor-button-icon svg path,
.bouton-arrow .elementor-button:active .elementor-button-icon svg path {
    fill: #FFFFFF !important;
}

.bouton-arrow .elementor-button:focus:not(:focus-visible) {
    outline: none !important;
}


/* ==========================================================
   EFFET SCALE
   ========================================================== */

.scale {
    transition: transform 0.3s ease-in-out;
}

.scale:hover {
    transform: scale(1.05) !important;
}


/* ==========================================================
   BOUTON UNFOLD
   ========================================================== */

.tp-unfold-toggle::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 11px;
    background-image: url("/wp-content/uploads/2026/08/arrow-bottom.svg") !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translate(-50%, 0);
}

.fullview .tp-unfold-toggle::after {
    background-image: url("/wp-content/uploads/2026/08/arrow-top2.svg") !important;
    top: -15px;
}


/* ==========================================================
   BOUTON READ MORE
   ========================================================== */

.read-more .elementor-button-text {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}


/* Icône fichier : état normal */

.read-more .elementor-button .elementor-button-text::before {
    content: "";
    display: inline-block;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    background-image: url("/wp-content/uploads/2026/08/file.svg") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


/* Icône fichier : état blanc */

.read-more .elementor-button:hover .elementor-button-text::before,
.read-more .elementor-button:focus .elementor-button-text::before,
.read-more .elementor-button:focus-visible .elementor-button-text::before,
.read-more .elementor-button:active .elementor-button-text::before {
    background-image: url("/wp-content/uploads/2026/08/file-white.svg") !important;
}


/* Flèche Read more : état normal */

.read-more .elementor-button .elementor-button-text::after {
    content: "";
    display: inline-block;
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-left: 2px;
    background-image: url("/wp-content/uploads/2026/08/read-more.svg") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


/* Flèche Read more : état blanc */

.read-more .elementor-button:hover .elementor-button-text::after,
.read-more .elementor-button:focus .elementor-button-text::after,
.read-more .elementor-button:focus-visible .elementor-button-text::after,
.read-more .elementor-button:active .elementor-button-text::after {
    background-image: url("/wp-content/uploads/2026/08/read-more-white.svg") !important;
}


/* Focus du bouton Read more */

.read-more .elementor-button:focus:not(:focus-visible) {
    outline: none !important;
}

/* Force l’état normal après l’ouverture du PDF */
.read-more .elementor-button.force-normal-state,
.read-more .elementor-button.force-normal-state:hover,
.read-more .elementor-button.force-normal-state:focus,
.read-more .elementor-button.force-normal-state:active {
    color: #151549 !important;
    background-color: transparent !important;
    border-color: #66B8FF !important;
}

/* Icône fichier dans son état normal */
.read-more
.elementor-button.force-normal-state
.elementor-button-text::before {
    background-image:
        url("/wp-content/uploads/2026/08/file.svg") !important;
}

/* Flèche dans son état normal */
.read-more
.elementor-button.force-normal-state
.elementor-button-text::after {
    background-image:
        url("/wp-content/uploads/2026/08/read-more.svg") !important;
}


/* ==========================================================
   BOUTON LOAD MORE
   ========================================================== */

.e-loop__load-more .elementor-button::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 11px;
    background-image: url("/wp-content/uploads/2026/08/arrow-bottom.svg") !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
}


/* ==========================================================
   ONGLETS
   ========================================================== */

.e-n-tab-title {
    max-width: 100% !important;
}

.e-n-tab-title[aria-selected="false"] {
    opacity: 0.3 !important;
    transition: opacity 0.3s ease-in-out !important;
}

.e-n-tab-title[aria-selected="true"] {
    opacity: 1 !important;
    transition: opacity 0.3s ease-in-out !important;
}


/* ==========================================================
   PAGE PRODUCT
   ========================================================== */

.carousel-content {
    display: none !important;
}

.carousel-content.active-content {
    display: flex !important;
}


/* COOKIES */
#cmplz-cookiebanner-container{
	    font-family: "Neuzeit Grotesk", Sans-serif !important;
}




/* ==========================================================
   ORDINATEUR
   ========================================================== */

@media screen and (min-width: 1025px) {

    .e-n-tabs-heading {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 40px !important;
        width: 100% !important;
    }

    .e-n-tabs-heading .e-n-tab-title {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

}


/* ==========================================================
   TABLETTE ET MOBILE
   ========================================================== */

@media screen and (max-width: 1024px) {

    /* Header ouvert */

    .conteneur-header:not(:has(.plus-collapsed)) {
        border-radius: 30px 30px 0 0 !important;
    }

    .plus-mobile-menu.collapse.navbar-collapse.navbar-ex1-collapse.plus-mobile-menu-content.in,
    .plus-mobile-menu.collapse.navbar-collapse.navbar-ex1-collapse.plus-mobile-menu-content {
        top: 37px !important;
    }

    #menu-menu-mobile li:last-child {
        border-radius: 0 0 30px 30px !important;
        padding-bottom: 25px !important;
        background-color: #FFFFFF !important;
    }

    /* Onglets */

    .e-n-tabs-heading {
        padding: 30px 20px !important;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }

    .e-n-tabs-heading .e-n-tab-title {
        width: auto !important;
        max-width: 80vw !important;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

}