/*
Theme Name: FedePeche47
Theme URI: 
Author: Winseo
Author URI: https://winseo.fr
Description: Thème agence pour le Full Site Editing
Requires at least: 6.5
Tested up to: 6.5
Requires PHP: 8.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: capitaine
*/
body {
    -webkit-font-smoothing: antialiased; /* Chrome/Safari : affine */
    -moz-osx-font-smoothing: grayscale; /* Firefox Mac */
    text-rendering: optimizeLegibility; /* Lisibilité */
    overflow-x: hidden;
}
/* Applique une marge invisible au-dessus de l'élément ciblé */
:target {
    scroll-margin-top: 130px;
}
/* Bouton Retour en haut */
.win-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
/********************************************
                  PECHE 47
**********************************************/
.is-layout-constrained > .alignwide {
   width:80vw;
}
h1::before{
    content:"";
    display:block;
    width:116px;
    height:20px;
    background: center/contain no-repeat url('/wp-content/uploads/2026/04/vague-bleu.svg');
    max-width: 25vw;
    margin-bottom: var(--wp--preset--spacing--xs);
}
body.page-template-page-full-width h1::before,
body.blog h1::before{
    background: center/contain no-repeat url('/wp-content/uploads/2026/04/vague-blanche.svg');
}
h2:not(.mec-calendar-header h2)::before {
    content: "";
    display: block;
    width: 84px;
    height: 14px;
    background: center/contain no-repeat url('/wp-content/uploads/2026/04/vague-bleu.svg');
    max-width: 20vw;
    margin-bottom: var(--wp--preset--spacing--xs);
}
h2.has-text-align-center::before{
    margin: 0 auto var(--wp--preset--spacing--xs);
}
.is-style-hero-47 .wp-block-cover__inner-container {width:100%;}
.hero-rs{position:absolute; right:10vw;bottom:40px;z-index:200;}
.wp-block-post-excerpt{max-width: 600px;}
.wp-block-cover__inner-container a:hover {
    border-bottom: 1px solid white;
}
.wrapper-contrast::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 25%;
    background-color: var(--wp--preset--color--contrast);
}
.wrapper-contrast-2::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    width: 80%;
    height: 25%;
    background-color: var(--wp--preset--color--contrast-2);
}
.is-style-cadre-primary,
.is-style-cadre-secondary,
.is-style-cadre-contrast,
.is-style-cadre-contrast-2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:var(--wp--preset--spacing--xs);
}
.poissons img{
    mix-blend-mode: multiply;
    filter: contrast(1.05);
}
/* BASELINE */
.is-style-hero-47::before {
    content: "";
    display: block;
    width: 581px;
    height: 146px;
    background: left bottom/contain no-repeat url("/wp-content/uploads/2026/04/element-baseline.svg");
    position: absolute;
    left: 0;
    bottom: -1px;
    max-width: 80vw;
    z-index: 100;
}
.baseline-47 {
    max-width: 80vw;
    transform: translateY(1px);
}
footer .is-style-primary::after {
    content: "";
    display: block;
    width: 581px;
    height: 146px;
    background: right bottom/contain no-repeat url("/wp-content/uploads/2026/04/baseline-bleu.svg");
    position: absolute;
    right: 0;
    bottom: -1px;
    max-width: 70vw;
    z-index: 100;
}
/* MARK */
h2 mark.has-inline-color {
    font-weight: 700;
}
/* ACCORDION */
h3.wp-block-accordion-heading,
.wp-block-column .wp-block-cover h3{
    font-size:var(--wp--preset--font-size--m);
    font-weight: 700;
}
/* BLOCKQUOTE*/
.wp-block-quote {
    display: flex;
    align-items: center; 
    justify-content: center; 
}
.wp-block-quote p::before,
.wp-block-quote p::after{
    content:"";
    display: block;
    width:42px;
    height:24px;
    background: center / contain no-repeat url("/wp-content/uploads/2026/04/blockquote.svg");
    margin: var(--wp--preset--spacing--s) auto;
}
/* OFFSET */
.win-translateY-offsetS {
    transform: translateY(calc(-1 * var(--wp--preset--spacing--s)));
}
.win-translateY-offsetM {
    transform: translateY(calc(-1 * var(--wp--preset--spacing--m)));
}
/* COVER CLICKABLE */
.card-link a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    color: transparent;
    z-index: 999;
    font-size: 0;
}
.card-link {
    position: relative;
    transition: transform .3s linear;
}
.card-link:has(a:hover) {
    transform: translateY(-10px);
}
.card-link .wp-block-cover{
    padding: 40px 20px;
}
/* BORDER COLUMN */
.border-col .wp-block-column{
    background: linear-gradient(to bottom,
        var(--wp--preset--color--secondary) 0, 
        var(--wp--preset--color--secondary) 48px,
        white 48px, white 100%) left top / 1px 100% no-repeat,
        transparent;
    padding-left: var(--wp--preset--spacing--xs);
}
/* CHIFFRE */
p.is-style-chiffre+p {
    color: var(--wp--preset--color--secondary);
    }
/* SLIDER */
.min-h-600{min-height:600px;}
.min-h-500{min-height:523px;}
/********************************************
                 PAGE COOKIES
**********************************************/
.wpconsent-consent-floating-button{border-radius: 0 !important;}
.wpconsent-cookie-policy {
    overflow-x: hidden;
}
.wpconsent-cookie-policy-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 1rem 0 2rem;
}

.wpconsent-cookie-policy-table th,
.wpconsent-cookie-policy-table td {
    padding: 12px 16px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #d9d9d9;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* Séparateurs de colonnes */
.wpconsent-cookie-policy-table th+th,
.wpconsent-cookie-policy-table td+td {
    border-left: 1px solid #d9d9d9;
}

@media (max-width: 782px) {
    .wpconsent-cookie-policy-table {
        display: block;
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .wpconsent-cookie-policy-table tbody {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}
/********************************************
                 TABLEAU
**********************************************/
.table-reglement-wrapper {
    width: 100%;
    overflow-x: auto;
}

.table-reglement {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
    table-layout: fixed;
}
.table-reglement thead th:nth-child(3),
.table-reglement tbody td:nth-child(3) {
    border-left: 16px solid white;
}
.table-reglement caption.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.table-reglement thead th {
    padding: 18px 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #fff;
    text-align: left;
    border: 0;
}

.table-reglement thead th:first-child {
    background: transparent;
    color: transparent;
    padding: 0;
}

.table-reglement thead th:nth-child(2) {
    background: var(--wp--preset--color--primary);
}

.table-reglement thead th:nth-child(3) {
    background: var(--wp--preset--color--contrast-2);
}

.table-reglement tbody th,
.table-reglement tbody td {
    padding: 16px 24px;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--wp--preset--color--secondary);
}

.table-reglement tbody th {
    width: 34%;
}

.table-reglement tbody td {
    width: 33%;
    background: rgba(70, 72, 96, 0.05);
}

@media (max-width: 767px) {

    .table-reglement,
    .table-reglement thead,
    .table-reglement tbody,
    .table-reglement tr,
    .table-reglement th,
    .table-reglement td {
        display: block;
    }
    .table-reglement thead th:nth-child(3),
    .table-reglement tbody td:nth-child(3) {
        border-left: inherit
    }

    .table-reglement thead {
        display: none;
    }

    .table-reglement tbody tr {
        margin-bottom: 16px;
        /*background: rgba(70, 72, 96, 0.05);*/
    }

    .table-reglement tbody th{
        width: 100%;
        padding: 14px 0;
    }
    .table-reglement tbody td {
        width: 100%;
        padding: 14px 16px;
    }

    .table-reglement tbody th {
        font-weight: 700;
        border-bottom: 1px solid var(--wp--preset--color--secondary);
    }

    .table-reglement tbody td {
        position: relative;
        padding-top: 34px;
    }

    .table-reglement tbody td::before {
        content: attr(data-label);
        position: absolute;
        top: 12px;
        left: 16px;
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .table-reglement tbody td:nth-of-type(1)::before {
        color: var(--wp--preset--color--primary);
    }

    .table-reglement tbody td:nth-of-type(2)::before {
        color: var(--wp--preset--color--contrast-2);
    }
}
/********************************************
                 FIN PECHE 47
**********************************************/



/*________________ HOVER BUTTON _____________*/
.is-style-alt:hover{background-color: var(--wp--preset--color--secondary);border-color: currentColor;}
.is-style-plein a:hover,.wp-block-buttons:has(.is-style-plein:hover){background-color: var(--wp--preset--color--primary)!important;}

.overflow-visible{overflow: visible;}

/********************************************
                    MENU 
**********************************************/
#win-sticky {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    transition: all 0.3s linear;
}

#win-sticky .wp-block-site-logo {
    transition: all 0.3s linear;
}

#win-sticky.scrolled {
    background-color: var(--wp--preset--color--primary) !important;
    position: fixed;
}

#win-sticky.scrolled .wp-block-navigation ul li {
    color: var(--wp--preset--color--secondary) !important;
    font-size:1rem;
}

#win-sticky.scrolled .wp-block-site-logo {
    flex-basis: 80px;
}

.admin-bar #win-sticky {
    top: 32px !important;
}
/** MODELE MEGA MENU ****/
/* TEXT UPPERCASE - Cible uniquement le premier niveau */
.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    text-transform: uppercase;
}
.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover{
    text-decoration: none !important;
    opacity:0.8;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    text-transform: none;
}
/* Desktop seulement */
@media (min-width: 1024px) {

    /* IMPORTANT : les <li> parents ne doivent pas enfermer le submenu */
    .wp-block-navigation.nav--desktop .wp-block-navigation__container>li.has-child {
        position: static !important;
    }

    /* Méga-menu de 1er niveau : pleine largeur, fixé au viewport */
    .wp-block-navigation.nav--desktop .wp-block-navigation__container>li.has-child>.wp-block-navigation__submenu-container {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: var(--win-header-bottom, 80px) !important;
        /* juste sous le header */
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        transform: none !important;
        display: none;
        /* caché par défaut */
        z-index: 1500;
        /* au-dessus du contenu */
        background: var(--wp--preset--color--primary) !important;
        border-top: 1px solid transparent;
        box-shadow: none;
        /* Layout méga-menu */
        padding: 8px 10%;
        box-sizing: border-box;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(180px, max-content);
        align-items: start;
        justify-content: center;
        gap: 2rem;
    }

    /* 2e niveau = colonne de liens propre */
    .wp-block-navigation.nav--desktop .wp-block-navigation__submenu-container>.wp-block-navigation-submenu>.wp-block-navigation__submenu-container {
        position: static !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        display: grid !important;
        grid-column-start: auto;
        gap: 8px;
        width: auto !important;
        margin: 0 !important;
        color: white !important;
    }

    /* Liens */
    .wp-block-navigation.nav--desktop .wp-block-navigation__submenu-container a.wp-block-navigation-item__content,
    .wp-block-navigation.nav--desktop .wp-block-navigation__submenu-container button.wp-block-navigation-item__content {
        display: block;
        padding: 0;
        line-height: 1.35;
    }

    .wp-block-navigation.nav--desktop .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover {
        color: rgba(70, 72, 96, 0.8);
        text-decoration: none !important;
    }
}

/* ===== MOBILE (≤1024px) — compact & sans redondance ===== */
@media (max-width:1024px) {
    /* TAILLE ICONE HAMBURGER */
    .wp-block-navigation__responsive-container-open svg {
            width: 40px;
            height: 40px;
    }
    /* appliquer un padding en haut du menu mobile lorsqu'il est ouvert*/
    .wp-block-navigation__responsive-container-close{
        right:10vw;
        top:40px;
    }
    ul.wp-block-navigation__container{
        padding:0 10vw;
        margin-top:5vh;
    }
    #win-sticky.scrolled .wp-block-navigation__responsive-container-open svg{
        fill:var(--wp--preset--color--secondary);
    }

    /* Rythme global */
    nav.wp-block-navigation.nav--mobile {
        --nav-item-y: 12px;
        --nav-item-x: 0px;
    }

    /* Items avec sous-menu : [libellé | flèche] + liste en dessous */
    nav.wp-block-navigation.nav--mobile .wp-block-navigation-submenu {
        display: grid !important;
        grid-template-columns: 1fr auto;
        grid-auto-rows: auto;
        align-items: center;
        position: relative;
    }

    /* Bouton libellé (aligné gauche) */
    nav.wp-block-navigation.nav--mobile .wp-block-navigation-submenu>.wp-block-navigation-submenu__toggle {
        grid-column: 1;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-align: left;
        padding: var(--nav-item-y) var(--nav-item-x);
        line-height: 1.35;
    }

    /* Icône flèche à droite — même look tous niveaux */
    nav.wp-block-navigation.nav--mobile .wp-block-navigation-submenu>.wp-block-navigation__submenu-icon {
        grid-column: 2;
        justify-self: end;
        display: inline-flex !important;
        margin-left: .5rem;
        transform: none !important;
        /* chevron bas par défaut */
    }

    nav.wp-block-navigation.nav--mobile .wp-block-navigation__submenu-icon svg,
    nav.wp-block-navigation.nav--mobile .wp-block-navigation__submenu-icon svg path {
        transform: none !important;
        /* annule les rotations thème (ex. -90° ≥782px) */
        width: 12px;
        height: 12px;
        stroke: currentColor;
    }

    /* Nettoyage de tout pseudo ">" éventuel */
    nav.wp-block-navigation.nav--mobile .wp-block-navigation__submenu-icon::before,
    nav.wp-block-navigation.nav--mobile .wp-block-navigation__submenu-icon::after,
    nav.wp-block-navigation.nav--mobile .wp-block-navigation-submenu__toggle::before,
    nav.wp-block-navigation.nav--mobile .wp-block-navigation-submenu__toggle::after {
        content: none !important;
    }

    /* Rotation UNIQUEMENT à l'ouverture */
    nav.wp-block-navigation.nav--mobile .wp-block-navigation-submenu>button[aria-expanded="true"]+.wp-block-navigation__submenu-icon {
        transform: rotate(180deg) !important;
    }

    /* Sous-menus fermés par défaut… */
    nav.wp-block-navigation.nav--mobile .wp-block-navigation-submenu>.wp-block-navigation__submenu-container {
        grid-column: 1 / -1;
        display: none !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        transform: none !important;
    }

    /* …ouverts quand aria-expanded="true" (span entre bouton et ul → "~") */
    nav.wp-block-navigation.nav--mobile .wp-block-navigation-submenu>button[aria-expanded="true"]~.wp-block-navigation__submenu-container {
        display: block !important;
    }

    /* Espacement identique pour TOUS les liens (N1/N2/N3) */
    nav.wp-block-navigation.nav--mobile .wp-block-navigation-item>a.wp-block-navigation-item__content,
    nav.wp-block-navigation.nav--mobile .wp-block-navigation__submenu-container a.wp-block-navigation-item__content {
        display: block;
        padding: var(--nav-item-y) var(--nav-item-x);
        line-height: 1.35;
        text-align: left;
    }
}

body.page-template-default main,
body.post-template-default main,
body.mec-events-template-default main,
body.archive,
body.page-template-page-geopeche{
    padding-top: var(--win-header-height, 0px);
}
/********************************************
                PORTFOLIO DE POST
**********************************************/
/*** FLITRE ****/
.vp-filter__style-default .vp-filter__item>*{
    background-color: var(--wp--preset--color--black-005);
    font-weight: 800;
    color:var(--wp--preset--color--secondary);
    border-radius: 0;
}
.vp-filter__style-default .vp-filter__item>a:focus,
.vp-filter__style-default .vp-filter__item>a:hover,
.vp-filter__style-default .vp-filter__item.vp-filter__item-active,
.vp-filter__style-default .vp-filter__item.vp-filter__item-active a
{
background-color: var(--wp--preset--color--contrast-2);
color: var(--wp--preset--color--white);
}
.vp-portfolio__layout-elements-top{
    margin-bottom: var(--wp--preset--spacing--m);
}
/*** FIN FLITRE ****/
.vp-portfolio__item-img-wrap {
    width: 100%;
    height: 300px !important;
    overflow: hidden;
}

.vp-portfolio__item-img {
    width: 100%;
    height: 100% !important;
}

.vp-portfolio__item-img a {
    display: block;
    width: 100%;
    height: 100% !important;
}

.vp-portfolio__item-img img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top;
}
.vp-portfolio__item-caption{
    background-color: var(--wp--preset--color--black-005);
    padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--xs) var(--wp--preset--spacing--s);
}
.vp-portfolio__items-style-default .vp-portfolio__item-meta-title {
    margin-top: var(--wp--preset--spacing--xs);
    margin-bottom: var(--wp--preset--spacing--xs);
}

.vp-portfolio__item-meta-inline {
    margin-bottom: 0 !important;
}

.vp-portfolio__item-meta {
    display: grid;
    align-items: stretch;
    min-height: 200px;
}
.vp-portfolio__items-style-default .vp-portfolio__item-meta{
    padding: 0 !important;
}
.vp-portfolio__item-meta-part-icon{display:none;}
.vp-portfolio__item-meta-inline {
    order: 1;
    margin-bottom: 0 !important;
    font-size: var(--wp--preset--font-size--xxs);
}
.vp-portfolio__item-meta-categories {
    text-transform: inherit !important;
    margin-bottom: 0 !important;
    order: 2;
    font-size: var(--wp--preset--font-size--xxs);
}
.vp-portfolio__item-meta-title {
    order: 3;
}
.vp-portfolio__item-meta-title a{
    font-weight: 700 !important;
}

.vp-portfolio__item-caption a:focus,
.vp-portfolio__item-caption a:hover,
.vp-pagination__item>a:focus,
.vp-pagination__style-minimal .vp-pagination__item>a:hover {
    color: var(--wp--preset--color--contrast-2) !important;
}
.vp-portfolio__item-meta-read-more {
    order: 4;
    align-self: flex-start;
    display: inline-block;
    font-weight: 700;
    color: var(--wp--preset--color--white) !important;
    background-color: var(--wp--preset--color--secondary);
    padding: 8px 24px 10px;
    border-radius: var(--wp--custom--radius--l);
    max-width: fit-content;
    align-self:end;
}
.vp-portfolio__item-caption{
    min-height: 240px;
}
.vp-portfolio__item-caption .vp-portfolio__item-meta-read-more:hover {
    background-color: var(--wp--preset--color--contrast-2);
    color: var(--wp--preset--color--white) !important;
}


@media (width < 1281px) {
    .vp-portfolio__item {
        max-height: inherit;
        display: inherit !important;
    }
}
/*________________ NOTICE DU PLUGIN VP PORTFOLIO _____________*/
/* Surcharge via les variables locales */
.vp-notice {
    --vp-notice__color: var(--wp--preset--color--secondary);
    --vp-notice__background-color: var(--wp--preset--color--black-005);
    --vp-notice__border-color: var(--wp--preset--color--secondary);
    --vp-notice__border-radius: 0;
    --vp-notice__border-width: 0;
    --vp-notice__border-left-width:4px;
    font-size:var(--wp--preset--font-size--m);
    font-weight: 800;
}
/*________________ PLUGIN EASY SOCIAL FEED _____________*/
.esf_insta_load_more_btns_wrap{display: none;}
.esf_insta_feeds_holder.esf_insta_feeds_row .efbl-row-content .esf-insta-row-wrapper.esf-insta-story-wrapper{
    padding: 0 !important;
    border:none !important;
}
.esf_insta_feeds_holder.esf_insta_feeds_row .efbl-row-content{
    margin:0 !important
}
/********************************************
                    GENERAL 
**********************************************/
.win-pos-relative {
    position: relative;
}

/*________________ CORE/LINK_____________*/

a[aria-current=page]:not(.wp-block-site-logo a) {
    opacity: 0.8 !important;
}

/*________________ CORE/DETAILS_____________*/
.wp-block-details summary{color:var(--wp--preset--color--accent);font-weight: 700;}
.wp-block-details p{margin-block-start: var(--wp--preset--spacing--xs)};


/*________________ CORE/COLUMNS_____________*/

/*________________ COLONNES DE MEME HAUTEUR _____________*/
/* 1. On force la colonne à être un conteneur flex vertical 
Cela permet de contrôler l'espace vertical à l'intérieur de chaque colonne */
.wp-block-columns.is-style-equal-height .wp-block-column {
    display: flex;
    flex-direction: column;
}
/* 2. On pousse le groupe contenant l'image et le bouton vers le bas 
Le margin-top: auto va absorber tout l'espace vide disponible sous le texte */
.wp-block-columns.is-style-equal-height .wp-block-column>.wp-block-group {
    margin-top: auto;
    width: 100%;
    /* Sécurité pour garder la largeur */
}
/* 3. Ajustement pour le responsive (Mobile)
Sur mobile, les colonnes s'empilent, donc on annule cet effet pour éviter des espaces étranges */
@media (max-width: 781px) {
    .wp-block-columns.is-style-equal-height .wp-block-column>.wp-block-group {
        margin-top: 20px;
        /* On remplace le "auto" par une marge classique */
    }
}
/*________________ FIN COLONNES DE MEME HAUTEUR _____________*/

/********************************************
                    FLUENT FORM 
**********************************************/
.fluentform input:not(input[type="radio"]):not(input[type="checkbox"]),
.fluentform textarea,
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.fluentform select[name="dropdown"] {
    padding: var(--wp--preset--spacing--xs);
    background-color: var(--wp--preset--color--black-005);
    border: none;
    font-family: var(--wp--preset--font-family--primary);
    font-weight: 700;
    font-size: var(--wp--preset--font-size--xs);
}

input:focus-visible,
textarea:focus-visible,
input:focus,
select:focus {
    outline: none !important;
    color: var(--wp--preset--color--black) !important;
    font-size: var(--wp--preset--font-size--xs);
}

input::placeholder,
textarea::placeholder,
.wc-block-components-form .wc-block-components-text-input label,
.fluentform select[name="dropdown"]
{
    color: var(--wp--preset--color--black) !important;
    font-size: var(--wp--preset--font-size--xs);
}

.wc-blocks-components-select .wc-blocks-components-select__select {
    background-color: var(--wp--preset--color--transparent);
    font-family: var(--wp--preset--font-family--primary);
    border: inherit;
    color: var(--wp--preset--color--black) !important;
}

.wc-blocks-components-select .wc-blocks-components-select__label,
.wc-block-components-form .wc-block-components-text-input input[type=email] {
    color: var(--wp--preset--color--black) !important;
}

.wc-block-components-form .wc-block-components-text-input input[type=email] {
    background-color: var(--wp--preset--color--var(--wp--preset--color--white));
    border: inherit;
}

/* checkbox*/
.fluentform input[type="checkbox"] {
    appearance: none;
    margin: 0;
    font: inherit;
    color: var(--wp--preset--color--secondary);
    width: 1.15em;
    height: 1.15em;
    border: 2px solid var(--wp--preset--color--black);
    border-radius: 0.15em;
    transform: translateY(-4px);
    display: grid;
    place-content: center;
}

.fluentform input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--wp--preset--color--primary);
}

.fluentform input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.fluentform .ff-el-form-check>label {
    display: grid !important;
    grid-template-columns: 1em auto !important;
    gap: 0.8em;
}

/* fin checkbox*/
.ff-btn-submit {
    font-family: var(--wp--preset--font-family--primary);
    background-color: var(--wp--preset--color--secondary);
    border-radius: var(--wp--custom--radius--l);
    border-width: 0;
    border-color: none;
    color: var(--wp--preset--color--white);
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    line-height: inherit;
    padding: 8px 24px 10px;
    text-decoration: none;
}

.ff-btn-submit:hover {
    background-color: var(--wp--preset--color--contrast-2);
    color: white;
    cursor: pointer;
}

.ff-message-success {
    padding: 0 var(--wp--preset--spacing--s);
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary);
    font-weight: 700;
    box-shadow: inherit;
}
/********************************************
                   AGENDA
**********************************************/
/* cacher l'image en avant */
.mec-calendar:not(.mec-liquid-custom-scrollbar, .mec-liquid-daily) .mec-event-article .mec-event-image{
    display:none
}

.mec-calendar .mec-event-article .mec-event-title,
.mec-table-side-title,
.mec-event-article div,
.mec-dropdown-search select{
    font-size:var(--wp--preset--font-size--xs) !important;
}
h4.mec-event-title{font-weight: 700 !important;}
.mec-sl-wallet{display:none;}
@media only screen and (min-width: 479px) {
    .mec-event-list-minimal .mec-event-article{
        display: inherit;
    }
}

/********************************************
                   RESPONSIVE 
**********************************************/
@media (width < 1281px) {
    .responsive-grid {
            grid-template-columns: repeat(3, 1fr);
    }
}
@media (width > 1024px) {
    .hide-on-desktop {
        display: none !important;
    }
}
@media (width < 1025px) {
    .hero-rs {bottom: 14vh;}
   
    .hide-on-tablet {
        display: none !important;
    }
    .win-margin-mobile {
        padding-left: 10vw !important;
        padding-right: 10vw !important;
    }
    .win-center-mobile {
        text-align: center;
        margin: auto !important;
    }
    .win-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        flex-wrap: nowrap !important;
    }
    .responsive-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .responsive-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .delete-grid{
        display: flex !important;
        flex-direction: column;
    }
}

@media (width < 769px) {
    .hide-on-mobile {
        display: none !important;
    }
    .win-translateY-offset15,
    .win-translateY-offset40,
    .win-translateY-offset50{
    transform: inherit;
    }
    .min-h-500 {
        min-height: 450px;
    }
}
@media (width < 600px) {
    .responsive-grid{
        grid-template-columns: repeat(1, 1fr);
    }

}