/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/
 Description:  Thème enfant de Hello Elementor
 Author:       Enola Numidev
 Author URI:   https://www.tailleurdepierre-bechet.fr/
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Import du style du thème parent */
@import url("../hello-elementor/style.css");

/* General */
::selection {
    background-color: #5D7661;
    color: white;
}

body {
    overflow-x: hidden;
}

header {
    position: sticky;
    width: 100vw;
    z-index: 100;
    max-height: 20vh;
    top: 0;
}

.e-con {
    scroll-margin-top: 10vh;
}

h1 b,
h2 b {
    position: relative;
    font-weight: inherit;
    z-index: 1;
}

.elementor-button-text {
    white-space: nowrap;
}

/* BOUTONS */
.elementor-widget-button .elementor-button,
.wp-block-button {
    --fill: currentColor;

    position: relative;
    z-index: 1;
    isolation: isolate;

    background: transparent;
    transition: color .25s ease;
}

.wp-block-button a:hover {
    background-color: #A3BFA5!important;
}

.wp-block-button a {
    border-radius: 10px 0 10px 0 !important;
    transition: background-color .25s ease;

}

.elementor-widget-button .elementor-button-icon svg {
    transition: transform .35s ease;
}

.elementor-widget-button .elementor-button::before {
    content: "";

    position: absolute;
    inset: 0;

    width: 0;
    height: 101%;
    border-radius: 10px 0 10px 0;

    background: #503D42;

    z-index: -1;
    transition: width .35s ease;
}

/* hover */
.elementor-widget-button .elementor-button:hover::before,
.wp-block-button:hover::before {
    width: 101%;
}

.elementor-widget-button .elementor-button:hover svg {
    transform: translateX(8px);
}

.elementor-widget-button .elementor-button:hover .elementor-button-text,
.elementor-widget-button .elementor-button:focus-visible .elementor-button-text,
.elementor-widget-button .elementor-button:hover .elementor-button-icon,
.elementor-widget-button .elementor-button:focus-visible .elementor-button-icon,
.elementor-widget-button.secondary-button .elementor-button:hover .elementor-button-text,
.elementor-widget-button.secondary-button .elementor-button:focus-visible .elementor-button-text,
.elementor-widget-button.secondary-button .elementor-button:hover .elementor-button-icon,
.elementor-widget-button.secondary-button .elementor-button:focus-visible .elementor-button-icon {
    color: #fff !important;
    fill: #fff !important;
}

/* Secondary button */

.elementor-widget-button.secondary-button .elementor-button {
    --fill: #231A1D;
    background: #5D7661;
}


.elementor-widget-button.round-button .elementor-button {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    padding: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: transform .9s ease;
}

.elementor-widget-button.round-button .elementor-button::before {
    display: none;
}

.elementor-widget-button.round-button .elementor-button:hover {
    transform: rotate(360deg);
}


/* Carrousel */

.swiper-pagination-bullet {
    width: 40px !important;
    transition: width .35s ease;
    border-radius: 10px !important;
}

.swiper-pagination-bullet:hover {
    width: 50px !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 60px !important;
}

.swiper.elementor-loop-container.swiper-backface-hidden {
    padding-top: 10px;
}

/* Accordeon */

.accordion-gallery {
    display: flex;
    flex-direction: row;
}

.accordion-gallery .image-accordeon {
    width: 20%;
    filter: saturate(0%);
    transition: width 0.5s ease, filter 0.5s ease;
    cursor: pointer;
}

/* Effet au survol */
.accordion-gallery .image-accordeon:hover {
    width: 40%;
    filter: saturate(100%);
}

/* realisations */

.type-de-realisation-voiries .elementor-widget-text-editor {
    background: #5D7661 !important;
}

.type-de-realisation-particuliers .elementor-widget-text-editor {
    background: #5F748F !important;
}

.type-de-realisation-funeraire .elementor-widget-text-editor {
    background: #231A1D !important;
}

.type-de-realisation-patrimoine .elementor-widget-text-editor {
    background: #503D42 !important;
}

.type-de-realisation-sablage .elementor-widget-text-editor {
    background: #444B6E !important;
}

/* Accessibilité */
@media (prefers-reduced-motion: reduce) {

    .animated-button .elementor-button,
    .animated-button .elementor-button::before,
    .animated-button .elementor-button-text,
    .animated-button .elementor-button-icon {
        transition: none !important;
        transform: none !important;
    }

}


/* Styles responsives pour les petits écrans (smartphones) */
@media screen and (max-width: 768px) {
    .accordion-gallery {
        flex-direction: column;
    }

    .accordion-gallery .image-accordeon {
        width: 100%;
        height: 200px;
    }

    .accordion-gallery .image-accordeon:hover {
        height: 250px;
        width: 100%;
    }
}

/* Styles responsives pour les tablettes */
@media screen and (min-width: 769px) and (max-width: 1180px) {

    .accordion-gallery,
    .accordion-gallery .e-con-inner {
        flex-direction: column !important;
    }

    .accordion-gallery .image-accordeon {
        width: 100%;
        height: 200px;
    }

    .accordion-gallery .image-accordeon:hover {
        height: 250px;
        width: 100%;
    }
}