/*
Theme Name: PFO Energies
Text Domain: pfoenergies
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: EMF Technologies
Author URI: https://moussa-fofana.com
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 0.1
*/

.formatted .wp-block-quote {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding-left: 1.5rem;
    border-left: 0.25rem solid var(--color-gray-800); /* #2a3d76 Couleur primaire */
}

.formatted .wp-block-quote p:last-child {
    margin-bottom: 0;
    font-style: italic;
    font-size: 1rem;
    color: var(--color-gray-600); /* #2a3d76 Couleur primaire */
}

.formatted .wp-block-gallery {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.formatted ul, .formatted ol {
    margin-left: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.formatted ul {
    list-style: disc;
}

.formatted ol {
    list-style: decimal;
}

.formatted h1, .formatted h2, .formatted h3, .formatted h4, .formatted h5, .formatted h6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    
    --tw-leading: 1;
    line-height: 1;

    --tw-tracking: var(--tracking-tight) /* -0.025em */;
    letter-spacing: var(--tracking-tight) /* -0.025em */;
}

.formatted h1::after, 
.formatted h2::after, 
.formatted h3::after, 
.formatted h4::after, 
.formatted h5::after, 
.formatted h6::after {
    content: "";
    display: block;
    width: 6rem;
    height: 0.125rem;
    background-color: var(--color-gray-800); /* #2a3d76 Couleur primaire */
    margin-top: 0.5rem;
}

.formatted h1 {
    font-size: 1.875rem;
}

.formatted h2 {
    font-size: 1.5rem;
}

.formatted h3 {
    font-size: 1.25rem;
}

.formatted h4 {
    font-size: 1.125rem;
}

.formatted p {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

header.header a {
    position: relative;
}
header.header a[aria-current]::after,
header.header .current_page_parent a::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0.125rem;
    background-color: var(--color-primary); /* #FE6748 Couleur secondaire */
    margin-top: 0.25rem;
}
@media (max-width: 1022px) {
    header.header a[aria-current]::after,
    header.header .current_page_parent a::after {
        background-color: white;
    }
}

form ::placeholder {
    font-style: italic;
    font-size: .95rem;
}

/* Search modal */
.search-backdrop {
    backdrop-filter: blur(4px);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 300ms;
    width: 100%;
    height: 100%;

    background-color: color-mix(
        in srgb,
        #000 30%,
        transparent
    );
}

.search-modal {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
}

.search-modal.is-open {
    opacity: 1;
    visibility: visible;
}

/****** Swipper style ******/

.swiper-button-prev,
.swiper-button-next {
    color: white !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 24px !important;
}

/****** Mobile styles ******/

.mobil__menu {
    
    button.btn__menu {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 3px;
        width: 24px;
        height: 24px;
      
        &:after,
        &:before {
            content: '';
            display: block;
            height: 0;
            border-bottom: 2px solid currentColor;
            width: 16px;
            transition: all ease-out 0.3s;
        }
      
        i {
            display: block;
            text-indent: 100%;
            overflow: hidden;
            white-space: nowrap;
            height: 2px;
            background-color: currentColor;
            width: 16px;
            transition: all ease-out 0.1s;
        }
    }
}

.mobile-displayed .btn__menu {
    &:after {
        transform: rotate(-45deg);
        transform-origin: center;
        position: absolute;
        top: 50%;
    }
    
    &:before {
        transform: rotate(45deg);
        transform-origin: center;
        position: absolute;
        top: 50%
    }
    
    i {
        opacity: 0;
    }
}

/* MENU MOBILE */
@media (max-width: 1022px) {
    .navbar__menu {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-100%);
        transition:
            transform .3s ease,
            opacity .3s ease;
    }

    header.mobile-displayed .navbar__menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .menu-site-web-du-groupe-container .menu,
    .menu-mentions-legales-container .menu {
        text-align: center;
    }
}