/*
Theme Name: Eclo
Theme URI: 
Author: Maxime Lorentz
Author URI: 
Description: Theme Eclo 2025
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eclo
Tags: 
*/
hr {
color:currentColor;
background:transparent;
border-top: 0!important;
}

hr.is-style-vertical-line:before {
    color:currentColor;
    content: "";
    display: block;
    width: 1px;
    background-color: currentColor;
    height: 50px;
    margin:auto;
}


hr.is-style-horizontal-line {
    color:currentColor;
    display: block;
    width: 100%;
    background-color: currentColor;
    height: 1px;
    flex: 1;
}




.mt-auto {
    margin-top: auto!important;
}
/* ===== VERSION DESKTOP ===== */
header.wp-block-template-part {
    position: sticky;
    background-color: transparent;
    top:0;
    width: 100%;
    z-index: 1;
    border-bottom:1px solid var(--wp--preset--color--white);
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

header.wp-block-template-part + .entry-content {
    transform: translateY(-81px);
}

/* Liens de premier niveau - style de base */
header.wp-block-template-part .wp-block-navigation__container > .wp-block-navigation-item > a,
header.wp-block-template-part .wp-block-navigation > ul > li > a {
    padding: 1.25rem 0.25rem;

}

header.wp-block-template-part .wp-block-navigation__container > .wp-block-navigation-item > a span,
header.wp-block-template-part .wp-block-navigation > ul > li > a span {
    border: 1px solid transparent;
    padding: 0.5rem 0.25rem;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Bordure blanche au hover (header transparent) */
header.wp-block-template-part .wp-block-navigation__container > .wp-block-navigation-item > a:hover sapn,
header.wp-block-template-part .wp-block-navigation > ul > li > a:hover span {
    border-color: var(--wp--preset--color--white);
}

/* Bordure bleue au hover (après scroll) */
body.scrolled header.wp-block-template-part .wp-block-navigation__container > .wp-block-navigation-item > a:hover,
body.scrolled header.wp-block-template-part .wp-block-navigation > ul > li > a:hover span,
body.single-post header.wp-block-template-part .wp-block-navigation__container > .wp-block-navigation-item > a:hover
{
    border-color: #273473;
}

body.scrolled header.wp-block-template-part,
body.single-post header.wp-block-template-part {
    background-color: var(--wp--preset--color--white);
    border-bottom:1px solid var(--wp--preset--color--primary);
}

body.scrolled header.wp-block-template-part a,
body.scrolled header.wp-block-template-part .wp-block-navigation-item__content,
body.single-post header.wp-block-template-part a,
body.single-post header.wp-block-template-part .wp-block-navigation-item__content {
    color: var(--wp--preset--color--primary);
}

body.scrolled .custom-logo,
body.single-post .custom-logo {
    filter: brightness(0) saturate(100%) invert(17%) sepia(85%) saturate(1483%) hue-rotate(215deg) brightness(94%) contrast(93%);
}

body.scrolled .wp-block-navigation__responsive-container-open,
body.single-post .wp-block-navigation__responsive-container-open {
    color: #273473;
}

/* ===== SOUS-MENUS DESKTOP UNIQUEMENT ===== */
@media (min-width: 783px) {
    /* Sous-menu - Surcharge des styles par défaut */
    header.wp-block-template-part .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container,
    header.wp-block-template-part .wp-block-navigation .has-child:focus-within .wp-block-navigation__submenu-container {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
 top: 60px !important; 
        width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        background-image: url(./assets/img/bg/bg-blue.webp);
        background-size: cover;
        background-color: var(--wp--preset--color--secondary) !important;
        text-align: center;
        padding: 2rem 0;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }
    .logged-in header.wp-block-template-part .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container,
    .logged-in header.wp-block-template-part .wp-block-navigation .has-child:focus-within .wp-block-navigation__submenu-container {
 top:90px !important; 
    
    }

    header.wp-block-template-part .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container .wp-block-navigation-item {
        background-color: transparent!important;
    }

    header.wp-block-template-part .wp-block-navigation__submenu-container a,
    header.wp-block-template-part .sub-menu a {
        color: var(--wp--preset--color--white) !important;
        font-size: 40px !important;
        line-height: 0.9;
        text-transform: uppercase;
        font-family: var(--wp--preset--font-family--balboa-condensed);
        border: 1px solid transparent !important;
        background-color: transparent!important;
        transition: border 0.5s ease;
        padding: .5rem 2rem;
        display: block;
        border-radius: 4px;
    }

    header.wp-block-template-part .wp-block-navigation__submenu-container a:hover,
    header.wp-block-template-part .sub-menu a:hover {
        border:1px solid var(--wp--preset--color--white)!important;
    }
}

/* ===== VERSION MOBILE ===== */
@media (max-width: 600px) {
    
    /* Header mobile */
    header.wp-block-template-part {
        height: 60px;
        padding: 0rem;
    }

    header.wp-block-template-part + .entry-content {
        transform: translateY(-80px);
    }

    header.wp-block-template-part [style*="min-height:60px"] {
        min-height: auto!important;
        height: 100%;
        display: flex;
        width: 100%;
    }

    header.wp-block-template-part [style*="padding-top:30px;"] {
        padding-top: 0!important;
        flex: 1;
    }

    header.wp-block-template-part [style*="padding-bottom:30px;"] {
        padding-bottom: 0!important;
    }

    /* Container du menu mobile ouvert */
    header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--wp--preset--color--secondary)!important;
        background-image: url(./assets/img/bg/bg-blue.webp);
        background-size: cover;
        padding-top: 50px !important;
        padding-bottom: 2rem !important;
    }

    /* Navigation mobile - Liste principale */
    header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        display: flex;
        flex-direction: column;
        padding: 0;
    width: 100%;
    }

    /* Items de premier niveau */
    header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
        width: 100%;
        margin: 0;
    }

    /* Liens de premier niveau - style mobile */
    header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > a {
        color: var(--wp--preset--color--white) !important;
        font-size: 28px !important;
        font-family: var(--wp--preset--font-family--balboa-condensed);
        text-transform: uppercase;
        padding: 1rem !important;
        border: 1px solid transparent !important;
        border-radius: 4px;
        display: block;
        width: calc(100% - 2rem);
        transition: border 0.3s ease;
    }

    header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > a:hover {
        border-color: var(--wp--preset--color--white) !important;
    }

    /* DÉSACTIVER les styles de hover/focus desktop en mobile */
    header.wp-block-template-part .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container,
    header.wp-block-template-part .wp-block-navigation .has-child:focus-within .wp-block-navigation__submenu-container {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }

    header.wp-block-template-part .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
        width: calc(100% - 2rem);
    }

    header.wp-block-template-part .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content br {
        display: none;
    }



    /* SOUS-MENUS TOUJOURS VISIBLES */
    header.wp-block-template-part .wp-block-navigation__submenu-container,
    header.wp-block-template-part .sub-menu {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        flex-direction: column;
        background: transparent !important;
        padding: 0rem 0 0rem 0 !important;
        width: 100% !important;
        height: auto !important;
        gap: 0px !important;
        margin-top: 0.5rem;
    }

    /* Masquer le bouton toggle des sous-menus (flèche) */
    .wp-block-navigation__submenu-icon {
        display: none !important;
    }

    /* Liens des sous-menus */
    header.wp-block-template-part .wp-block-navigation__submenu-container a,
    header.wp-block-template-part .sub-menu a {
        color: var(--wp--preset--color--white) !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-family: var(--wp--preset--font-family--balboa-condensed);
        text-transform: uppercase;
        padding: 0.75rem 1rem !important;
        border: 1px solid transparent !important;
        border-radius: 4px;
        transition: all 0.3s ease;
        background: transparent
    }

    header.wp-block-template-part .wp-block-navigation__submenu-container a:hover,
    header.wp-block-template-part .sub-menu a:hover {
        border-color: var(--wp--preset--color--white) !important;

    }

    /* Séparateur visuel entre sections */
    header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .has-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .has-child:last-child {
        border-bottom: none;
    }

    /* Bouton burger */
    .wp-block-navigation__responsive-container-open {
        color: var(--wp--preset--color--white);
    }

    body.scrolled .wp-block-navigation__responsive-container-open {
        color: var(--wp--preset--color--primary);
    }

    /* Bouton fermer */
    .wp-block-navigation__responsive-container-close {
        top: 1rem;
        right: 1rem;
    }

    /* Logo mobile avec scroll */
    body.scrolled .custom-logo {
        filter: brightness(0) saturate(100%) invert(17%) sepia(85%) saturate(1483%) hue-rotate(215deg) brightness(94%) contrast(93%);
    }
}



.prefooter {
    position: relative;
}

.signature-maxi-logo {
    position: absolute;
    right: 34vw;
    top: 7vw;
    text-align: center;
    line-height: 1;
  }

.maxi-logo-footer {
    /* background-color: var(--wp--preset--color--primary);
    /* background-image: url('assets/img/bg/bg-blue.webp'); */
    /* background-size: cover; */
    /*height: 456px;
    mask-image: url("data:image/svg+xml,%3Csvg width='147' height='46' viewBox='0 0 147 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_35)'%3E%3Cpath d='M56.1002 37.96C47.8102 37.96 42.1402 34.8 42.1402 27.1C42.1402 19.4 47.8102 16.24 56.1002 16.24H72.7602V8.96997H60.3802C49.3302 8.96997 41.2202 17.09 41.2202 27.1C41.2202 37.11 49.3302 45.23 60.3802 45.23H72.7602V37.96H56.1002Z' fill='white'/%3E%3Cpath d='M90.4498 37.96C82.1598 37.96 76.4898 34.8 76.4898 27.1V8.96997H75.5698V27.1C75.5698 37.11 83.6798 45.23 94.7298 45.23H107.11V37.96H90.4498Z' fill='white'/%3E%3Cpath d='M137.87 31.61L131.99 37.49C126.3 43.18 120.25 44.89 114.97 39.61C109.69 34.33 111.41 28.28 117.09 22.59L122.97 16.71C128.66 11.02 134.71 9.30997 139.99 14.59C145.27 19.87 143.55 25.92 137.87 31.61ZM127.48 8.96997C116.43 8.96997 108.32 17.09 108.32 27.1C108.32 37.11 116.43 45.23 127.48 45.23C138.53 45.23 146.64 37.11 146.64 27.1C146.64 17.09 138.53 8.96997 127.48 8.96997Z' fill='white'/%3E%3Cpath d='M0.95 26.38C1.3 19.21 6.86 16.25 14.88 16.25H23.84C31.86 16.25 37.05 19.22 37.39 26.38H0.95ZM38.33 27.35C38.47 17.22 30.31 8.96997 19.17 8.96997C8.03 8.96997 0 17.09 0 27.1C0 37.11 8.11 45.23 19.16 45.23H31.55L31.52 37.96H14.88C6.68 37.96 1.05 34.86 0.93 27.35H38.33Z' fill='white'/%3E%3Cpath d='M21.6198 0C20.2398 4.64 17.0598 7.51 11.5898 7.51V8.43C17.9198 8.43 23.4998 5.18 26.7398 0H21.6298H21.6198Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='147' height='46' viewBox='0 0 147 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_35)'%3E%3Cpath d='M56.1002 37.96C47.8102 37.96 42.1402 34.8 42.1402 27.1C42.1402 19.4 47.8102 16.24 56.1002 16.24H72.7602V8.96997H60.3802C49.3302 8.96997 41.2202 17.09 41.2202 27.1C41.2202 37.11 49.3302 45.23 60.3802 45.23H72.7602V37.96H56.1002Z' fill='white'/%3E%3Cpath d='M90.4498 37.96C82.1598 37.96 76.4898 34.8 76.4898 27.1V8.96997H75.5698V27.1C75.5698 37.11 83.6798 45.23 94.7298 45.23H107.11V37.96H90.4498Z' fill='white'/%3E%3Cpath d='M137.87 31.61L131.99 37.49C126.3 43.18 120.25 44.89 114.97 39.61C109.69 34.33 111.41 28.28 117.09 22.59L122.97 16.71C128.66 11.02 134.71 9.30997 139.99 14.59C145.27 19.87 143.55 25.92 137.87 31.61ZM127.48 8.96997C116.43 8.96997 108.32 17.09 108.32 27.1C108.32 37.11 116.43 45.23 127.48 45.23C138.53 45.23 146.64 37.11 146.64 27.1C146.64 17.09 138.53 8.96997 127.48 8.96997Z' fill='white'/%3E%3Cpath d='M0.95 26.38C1.3 19.21 6.86 16.25 14.88 16.25H23.84C31.86 16.25 37.05 19.22 37.39 26.38H0.95ZM38.33 27.35C38.47 17.22 30.31 8.96997 19.17 8.96997C8.03 8.96997 0 17.09 0 27.1C0 37.11 8.11 45.23 19.16 45.23H31.55L31.52 37.96H14.88C6.68 37.96 1.05 34.86 0.93 27.35H38.33Z' fill='white'/%3E%3Cpath d='M21.6198 0C20.2398 4.64 17.0598 7.51 11.5898 7.51V8.43C17.9198 8.43 23.4998 5.18 26.7398 0H21.6298H21.6198Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center; */
    
}

figure.fullscreen img {
    width: 100%!important;
    height: auto!important;
    transform: translateY(1px);
}



/* FORMUALIRE */

.wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    border:0;
    font-family: var(--wp--preset--font-family--instrument-serif);
    font-size: var(--wp--preset--font-size--medium);
    font-style: italic;
    color: var(--wp--preset--color--primary);
    border-bottom: 1px solid var(--wp--preset--color--primary);
}

.wpcf7-form-control::placeholder {
    opacity: 1;
    color: var(--wp--preset--color--primary);
}

.wpcf7-form-control:focus {
    outline: none; /* Retire l'outline par défaut du navigateur */
}

.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    background-color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--instrument-serif);
    font-size: var(--wp--preset--font-size--medium);
    color:var(--wp--preset--color--primary);
    border: 1px solid var(--wp--preset--color--secondary);
    padding: .35rem 1rem;
    border-radius: 6px;
    font-style: italic;
    transition: all ease-in 250ms;

}

.wpcf7-form-control.wpcf7-submit:hover {
    background-color: var(--wp--preset--color--white);
    transform: translateY(-1px) translateX(-1px);
    box-shadow: 4px 4px 0px var(--wp--preset--color--secondary);
}


.wpcf7-form-control.wpcf7-acceptance {
    font-size: .85rem;
    border-bottom: 0;
}


.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]{
    display: none;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
    display: flex;
    gap: 0.7rem;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:before {
content:"";
width: 20px;
height: 22px;
flex-basis: 60px;
display: block;
position: relative;
border:1px solid var(--wp--preset--color--primary);
}


.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cg stroke='%23273473' stroke-width='.75' clip-path='url(%23a)'%3E%3Cpath d='M24.76.26.27 24.94M.27.26l24.49 24.68'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h25.02v25.21H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center center;
}

.wpcf7-not-valid-tip {
    font-size: .85rem;
}

.wpcf7-form-control.wpcf7-textarea {
    resize: none;
    height: 150px;
    border-bottom: 0;
}

/*Formulaire customization avril 2026*/

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
}

.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
  width: auto !important;
  display: inline-block !important;
  min-width: 0 !important;
  position: relative !important;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label::before {
  content: "" !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  box-sizing: border-box !important;
  border: 2px solid rgb(85, 182, 177) !important;
  border-radius: 50% !important;
  margin-right: 0.75rem !important;
  vertical-align: top !important;
  background: #fff !important;
}

.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 4px !important;
  width: 6px !important;
  height: 13px !important;
  border: solid rgb(39, 52, 115) !important;
  border-width: 0 3px 3px 0 !important;
  transform: rotate(45deg) !important;
}
/*fin formulaire custo */


.eclo-bg {
    background-image:url(assets/img/bg/Eclo_RVB_turquoise.svg), url(assets/img/bg/bg-blue.png)!important;
    background-repeat: no-repeat, no-repeat !important;
    background-position:bottom center, top center!important;
    background-size: 100% auto, cover !important;
}

@media (max-width: 760px) {
.bloc-contact .wp-block-group {
    max-width: 100%!important;
}

.grid-mobile-2 {
    grid-template-columns: repeat(2,1fr) !important;
}

.flex-mobile {
   display:flex!important;
}

.vertical-mobile {
    flex-direction: column;
}
}


details {
    border-radius: 10px;
}


.articles-wrapper {

}


.card-article {
    border:1px solid black;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s ease;
}


.card-article:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  
  .card-article .wp-block-post-title a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }




li:nth-of-type(4n+1) .card-article {
    border-color: var(--wp--preset--color--secondary);
   
}

li:nth-of-type(4n+1) .card-article:hover {
    box-shadow: 5px 5px 0px var(--wp--preset--color--secondary);
}


li:nth-of-type(4n+1) .card-article:hover .wp-block-post-excerpt__more-link {
    background-color: var(--wp--preset--color--secondary); 
    color:white;
}

.border-doubled {
    position: relative;
    background-color: white;
}
.border-doubled:after {
content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: -5px;
  bottom: -5px;
  border: 1px solid var(--wp--preset--color--secondary);
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  pointer-events: none;
  z-index: -1;
}
.border-doubled.has-secondary-border-color:after {
  border: 1px solid var(--wp--preset--color--secondary);
}
.border-doubled.has-accent-border-color:after {
  border: 1px solid var(--wp--preset--color--accent);
}
.border-doubled.has-tertiary-border-color:after {
  border: 1px solid var(--wp--preset--color--tertiary);
}

.border-doubled.has-primary-border-color:after {
  border: 1px solid var(--wp--preset--color--primary);
}

.border-doubled.has-primary-light-border-color:after {
  border: 1px solid var(--wp--preset--color--primary-light);
}

.border-doubled.has-secondary-light-border-color:after {
  border: 1px solid var(--wp--preset--color--secondary-light);
}




.card-article .wp-block-post-excerpt__more-text {
    display: flex;
    justify-content: flex-end;
}


.card-article .wp-block-post-excerpt__more-link {
    border:1px solid;
    border-color: var(--wp--preset--color--secondary);
    text-decoration: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: var(--wp--preset--color--primary);
    z-index: 3;
    cursor: pointer;
    font-weight: 300;
}





li:nth-of-type(4n+2) .card-article,
li:nth-of-type(4n+2) .card-article .wp-block-post-excerpt__more-link { 
    border-color: var(--wp--preset--color--tertiary);
}


li:nth-of-type(4n+2) .card-article:hover {
    box-shadow: 5px 5px 0px var(--wp--preset--color--tertiary);
}


li:nth-of-type(4n+2) .card-article:hover .wp-block-post-excerpt__more-link {
    background-color: var(--wp--preset--color--tertiary); 
    color:white;
}




li:nth-of-type(4n+3) .card-article, 
li:nth-of-type(4n+3) .card-article .wp-block-post-excerpt__more-link,
li:nth-of-type(4n+4) .card-article,
li:nth-of-type(4n+4) .card-article .wp-block-post-excerpt__more-link {
    border-color: var(--wp--preset--color--accent);

}

li:nth-of-type(4n+3) .card-article:hover,
li:nth-of-type(4n+4) .card-article:hover {
    box-shadow: 5px 5px 0px var(--wp--preset--color--accent);
}


li:nth-of-type(4n+3) .card-article:hover .wp-block-post-excerpt__more-link,
li:nth-of-type(4n+4) .card-article:hover .wp-block-post-excerpt__more-link {
    background-color: var(--wp--preset--color--accent); 
    color:white;
}



.article-share-buttons {
position: relative;
}

.share-label-btn {
    background-color: var(--wp--preset--color--white);
    border-radius:6px;
    border: 1px solid var(--wp--preset--color--secondary);
    position: relative;
    overflow: hidden;
    transition: all ease-in 250ms;
    padding: .25rem 1rem;
    white-space: nowrap;
    font-style: italic;
    font-size: 1.5rem;
    z-index: 1;
}

.article-share-buttons.is-active .share-label-btn,
.share-label-btn:hover {
    background-color: var(--wp--preset--color--white);
    transform: translateY(-1px) translateX(-1px);
    box-shadow: 4px 4px 0px var(--wp--preset--color--secondary);
}


.share-buttons-wrapper {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
    width: 320px;
    right: 0;
    position: absolute;
    background-color: transparent;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 1rem;
    flex-wrap: wrap;
    z-index: 0;
}

.article-share-buttons.is-active .share-buttons-wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
}


.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.share-btn:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

.share-btn.facebook {
    background-color: #1877f2;
    color: white;
}

.share-btn.facebook:hover {
    background-color: #0c63d4;
}

.share-btn.twitter {
    background-color: #000;
    color: white;
}

.share-btn.twitter:hover {
    background-color: #333;
}

.share-btn.linkedin {
    background-color: #0077b5;
    color: white;
}

.share-btn.linkedin:hover {
    background-color: #005885;
}

.share-btn.whatsapp {
    background-color: #25d366;
    color: white;
}

.share-btn.whatsapp:hover {
    background-color: #1da851;
}

.share-btn.copy {
    background-color: #666;
    color: white;
}

.share-btn.copy:hover {
    background-color: #444;
}

/* Responsive */
@media (max-width: 768px) {
    .article-share-buttons {
        padding: 20px;
    }
    
    .share-btn {
        width: 42px;
        height: 42px;
    }
    .wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
        width: auto!important;
    }

    [style*="padding-right:var(--wp--preset--spacing--60)"] {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .footer-mobile {
    grid-template-columns: repeat(2,1fr);
    }

    .footer-nav-mobile {
    grid-column: 2;
    grid-row: 2;
    }

    .footer-adresse {
    grid-row: 2;
    grid-column: 1;
    }

}



/* FAQ yoast */
/* ── FAQ Yoast — Collapsible & Accessible ──────────────────────────── */

.schema-faq {
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
}

.schema-faq-section {
  background: white;
  padding: 0;
}

.schema-faq-section:not(:last-of-type) {
  border-bottom: 1px solid var(--wp--preset--color--primary);
}



/* ── Bouton question ───────────────────────────────────────────────── */
.schema-faq-question {
  /* Reset bouton */
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  width: 100%;

  /* Mise en forme */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1rem;
  font-size: var(--wp--preset--font-size--xx-large) !important;
  font-family: var(--wp--preset--font-family--instrument-serif);
  font-weight: 1;
  color: inherit;
  line-height: 1.3;
}

.schema-faq-question:hover {
  background-color: color-mix(in srgb, var(--wp--preset--color--primary) 6%, transparent);
}

/* Focus visible clavier */
.schema-faq-question:focus-visible {
  outline: 3px solid var(--wp--preset--color--primary);
  outline-offset: -3px;
}

/* ── Icône chevron ─────────────────────────────────────────────────── */
.faq-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--wp--preset--color--secondary);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary);
  font-size: 16px;
  line-height: 1; 
  font-style: normal;
  transform-origin: center center; /* ← pivot explicitement au centre */
  transition: transform 0.25s ease;
}

.schema-faq-section.is-open .faq-icon {
  transform: rotate(45deg);
}

/* ── Réponse ───────────────────────────────────────────────────────── */
.schema-faq-answer {
  margin: 0;
  padding: 0 1rem 1.5rem;
  font-size: 1.4rem;
  line-height: 1.6;
}

/* Animation d'ouverture (progressive enhancement) */
@media (prefers-reduced-motion: no-preference) {
  .schema-faq-answer:not([hidden]) {
    animation: faq-slide-down 0.2s ease forwards;
  }
}

@keyframes faq-slide-down {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*th good place Modification responsive avril 2026 */
.is-style-switch .wp-block-button__link {
  display: flex !important;
  align-items: flex-start !important;
  white-space: normal !important;
  overflow: visible !important;
}

.is-style-switch .wp-block-button__link::before {
  flex-shrink: 0 !important;
  margin-top: 0.15em;
}

.is-style-switch .wp-block-button__link > span {
  flex: 1;
  min-width: 0;
}
/*fin the good place responsive*/