/* Masque Complianz uniquement sur la page "Bientôt disponible" (celle qui contient le compte à rebours) */
body:has(#elmamatCs) #cmplz-cookiebanner-container,
body:has(#elmamatCs) .cmplz-cookiebanner,
body:has(#elmamatCs) #cmplz-manage-consent-container,
body:has(#elmamatCs) .cmplz-manage-consent {
  display: none !important;
}

/* =========================================
   EL MAMAT — IMAGE MAINTENANCE RESPONSIVE
   ========================================= */

/* ORDINATEUR + TABLETTE
   → WordPress conserve l'image originale du bloc */
.elmamat-maintenance-cover .wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}


/* =========================================
   TÉLÉPHONE UNIQUEMENT
   ========================================= */

@media (max-width: 767px) {

    .elmamat-maintenance-cover {
        position: relative;
        min-height: 100svh;
        overflow: hidden;
    }

    /* On masque l'image paysage du bloc */
    .elmamat-maintenance-cover .wp-block-cover__image-background {
        display: none !important;
    }

    /* On affiche l'image verticale à la place */
    .elmamat-maintenance-cover::before {
        content: "";
        position: absolute;
        inset: 0;

        background-image: url(https://elmamat.com/wp-content/uploads/2026/09/IMG_0258.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;

        z-index: 0;
    }

    /* Le contenu WordPress reste au-dessus :
       Préparez-vous + compte à rebours */
    .elmamat-maintenance-cover .wp-block-cover__inner-container {
        position: relative;
        z-index: 2;
    }
}

/* Bloc « Mon Compte » : garder l'icône classique, masquer l'avatar Gravatar */
.wc-block-customer-account__visual img.avatar,
.wc-block-customer-account__avatar {
    display: none !important;
}

/* Force font-display:swap sur les polices du thème → texte visible immédiatement */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://elmamat.com/wp-content/themes/startfitter/assets/fonts/plus-jakarta-sans_normal_700.ttf') format('truetype');
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('https://elmamat.com/wp-content/themes/startfitter/assets/fonts/plus-jakarta-sans_normal_600.ttf') format('truetype');
}

/* Masquer la sortie des produits du Modèle Classique pour éviter les doublons de grilles tout en conservant les cercles de catégories et le bloc Produits à 3 colonnes | 11509360-zen */

body.woocommerce.archive
[data-block-name="woocommerce/legacy-template"]:has(
    ul.products > li.product:not(.product-category)
) {
    display: none !important;
}

/* Taille image produit simple virtuel "formules" */
.single-product.product-type-simple.virtual .woocommerce-product-gallery__image img {
    width: 70% !important;
    max-width: 70% !important;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Miniature Catégorie Nos-formules */
.tax-product_cat.term-nos-formules .wc-block-components-product-image img{
    width: 220px !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 auto;
    display: block;
}

.tax-product_cat.term-nos-formules .wc-block-components-product-image{
    display:flex;
    justify-content:center;
}

/* Centrage bouton ajout panier produit simple virtuel formules */
.single-product.product-type-simple.virtual form.cart {
    display: flex;
    justify-content: center;
}

.single-product.product-type-simple.virtual form.cart .single_add_to_cart_button {
    min-width: 260px; /* facultatif */
}
/* ==========================================================================
   CSS ADDITIONNEL ELMAMAT.COM - v11 (08/05/2026)
   ========================================================================== */
 
 
/* ==========================================================================
   SECTION 1 - GLOBAL & SITE-WIDE
   Styles qui s appliquent sur toutes les pages (header, navigation, boutons)
   ========================================================================== */
 
/* Hide "Suivre" box on bottom right corner */
#actionbar {
	display: none;
}
 
/* Button hovers / 29402810-HC (MI) */
.entry-content .wp-block-button .wp-block-button__link:hover, 
.entry-content .wp-block-button .wp-block-button__link:focus {
  background: #D1B57E;
	color: white !important;
}
 
/* Boutons generaux : couleur texte au hover */
.wp-element-button:hover,
.single_add_to_cart_button:hover{
    color: white !important;
}
 
.wp-block-button__link:hover {
    background: #D1B57E !important;
}
 
/* ==========================================================================
   SECTION 2 - HEADER & NAVIGATION (menu principal)
   ========================================================================== */
 
.wp-block-navigation.items-justified-center {
--navigation-layout-justification-setting: center;
--navigation-layout-justify: center;
margin-left:10px;
margin-right: 10px;
}
 
/* nav menu background color */
.current-menu-item {
    background:#D1B57E !important;
}
 
/* nav menu padding */
.wp-block-navigation-item a {
  padding: 5px !important;
}
 
/* nav menu hover color */
.wp-block-navigation-item .wp-block-navigation-item__content:hover {
text-decoration: none !important;
		    background: #D1B57E !important;
}
 
/* Zoom hover sur l icone menu burger (3 traits) du header
   Reproduit l effet de zoom deja present sur les icones
   "mini panier" et "mon compte" en haut a droite. */
.wp-block-navigation__responsive-container-open {
    transition: transform 0.2s ease !important;
}
.wp-block-navigation__responsive-container-open:hover {
    transform: scale(1.15) !important;
}

/* ==========================================================================
   HEADER - REFONTE PROPRE (28/06/2026)
   Scope strict : header.wp-block-template-part (n affecte que l en-tete).
   Commentaires sans accents pour passer le filtre WordPress.
   ========================================================================== */

/* --- 1. LOGO : taille fixe, ne retrecit ni ne grandit jamais --- */
header.wp-block-template-part .wp-block-site-logo {
    flex: 0 0 auto !important;
}
header.wp-block-template-part .wp-block-site-logo img {
    width: 150px !important;   /* taille desktop - ajuste ce chiffre a ton gout */
    height: auto !important;
    max-width: none !important;
}

/* --- 2. ICONES PANIER + COMPTE : cote a cote a toutes les largeurs --- */
/* Override le comportement natif WP qui empile les colonnes sous 781px      */
header.wp-block-template-part .wp-block-columns.are-vertically-aligned-center,
header.wp-block-template-part .wp-block-columns.are-vertically-aligned-center > .wp-block-column,
header.wp-block-template-part .wp-block-columns.are-vertically-aligned-center > .wp-block-column > .wp-block-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}
header.wp-block-template-part .wp-block-columns.are-vertically-aligned-center > .wp-block-column {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
}
header.wp-block-template-part .wp-block-columns.are-vertically-aligned-center > .wp-block-column > .wp-block-group {
    gap: 14px !important;
}

/* Taille des icones (remplace l ancien hack font-size:23px) */
header.wp-block-template-part .wc-block-mini-cart__icon,
header.wp-block-template-part .wc-block-customer-account__account-icon {
    width: 32px !important;
    height: 32px !important;
}

/* --- 3. EMPILEMENT uniquement sur telephone PORTRAIT (<= 600px) --- */
/* Le paysage telephone (> 600px) reste cote a cote, comme desktop           */
@media (max-width: 600px) {
    header.wp-block-template-part .wp-block-columns.are-vertically-aligned-center,
    header.wp-block-template-part .wp-block-columns.are-vertically-aligned-center > .wp-block-column > .wp-block-group {
        flex-direction: column !important;
        gap: 8px !important;
    }
    header.wp-block-template-part .wp-block-site-logo img {
        width: 70px !important;   /* logo plus petit sur telephone */
    }
}

/* --- 4. MENU (modale qui s ouvre par la gauche) --- */

/* Definition de l animation de glissement (globale) */
@keyframes elmamatMenuSlideIn {
    from { transform: translateX(-100%); }
    to   { transform: translateX(0); }
}

/* Desktop / tablette / telephone PAYSAGE (> 600px) : panneau lateral gauche */
@media (min-width: 601px) {
    header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open {
        width: min(90%, 460px) !important;
        border-right: 1px solid #ffffff !important;
        animation: elmamatMenuSlideIn 0.2s ease-out !important;
			box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.45) !important;   /* <-- assombrit l'arriere-plan */
    }
}

/* Telephone PORTRAIT (<= 600px) : aucune regle custom.
   On laisse le menu plein ecran natif du theme (centrage + croix geres par lui). */

/* Icones reseaux sociaux : jamais a la ligne */
header.wp-block-template-part .wp-block-social-links {
    flex-wrap: nowrap !important;
    justify-content: center !important;
}
 
/* --- CENTRAGE DU LOGO (independant de la largeur menu / icones) --- */
/* Grille 3 colonnes egales : menu | logo | icones. Le logo (colonne centrale)
   est centre dans la fenetre, aligne avec le contenu centre des pages.
   :has() cible le conteneur sans dependre de son nom de classe hashe. */
header.wp-block-template-part .wp-block-group:has(> .wp-block-site-logo) {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
}
header.wp-block-template-part .wp-block-site-logo {
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
}
header.wp-block-template-part .wp-block-navigation {
    grid-column: 1 !important;
    justify-self: start !important;
}
header.wp-block-template-part .wp-block-columns.are-vertically-aligned-center {
    grid-column: 3 !important;
    justify-self: end !important;
}

/* ==========================================================================
   SECTION 3 - MINI PANIER & ICONES HEADER (panier + compte)
   ========================================================================== */
 
/* fix the title of the mini-basket */
h2.wc-block-mini-cart__title {
	padding-bottom: 32px !important;
}
 
/* mini cart button background color change */
.wp-block-woocommerce-mini-cart-checkout-button-block{
    background: #555555 !important;
    color: white !important;
}
.wp-block-woocommerce-mini-cart-cart-button-block:hover,
.wp-block-woocommerce-mini-cart-checkout-button-block:hover{
    background: #D1B57E !important;
}
 
/* mini cart title transparent */
.wp-block-woocommerce-mini-cart-title-block {
    background-color: transparent !important;
}
 
/* mini basket & my account icon hover effect */
.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon:hover, .wc-block-mini-cart__icon:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}
 
.wc-block-mini-cart__quantity-badge span{
	background: #ECE6CA !important;
	color:rgb(0, 0, 0) !important;
}
 
.wc-block-customer-account__link:hover svg {
	color:#d1b57e;
}

/* Mini-panier : restaure la fine bordure blanche à gauche du tiroir
   (largeur remise à 0 par une MAJ WooCommerce). Trait posé PAR-DESSUS
   via pseudo-élément → jamais recouvert, aucune largeur ajoutée,
   animation-safe (ni position ni transform du tiroir touchés). */
.wc-block-mini-cart__drawer { position: relative !important; }
.wc-block-mini-cart__drawer::before {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 1px;
    background: #fff;
    z-index: 999;
    pointer-events: none;
}

/* Comme le menu (border-right limitée à > 600px), on masque la bordure
   du mini-panier sur telephone : en plein ecran, le trait se collerait
   au bord gauche de l'ecran. Coherent avec le breakpoint 600px du header. */
@media (max-width: 600px) {
    .wc-block-mini-cart__drawer::before {
        display: none;
    }
}

/* ==========================================================================
   SECTION 4 - PAGE D ACCUEIL (page-id-2944)
   ========================================================================== */
 
/* Hide audio block on page "page-id-2944" -7156682- SM */
.page-id-2944 .wp-block-audio {
display: none;
}
 
.page-id-2944 #masthead {
    display: none;
}
 
.page-id-2944 .widget-area {
    display: none;
}
 
/* Grouped Form blocks: format post-submission custom message | 37408843-hc kf */
.form-style h3 {
    font-weight: 600;
    text-align: center;
}
.form-style p {
    font-style: italic;
    text-align: center;
}
 
 
/* ==========================================================================
   SECTION 5 - BOUTIQUE WOOCOMMERCE
   ========================================================================== */
 
/* --- 5a. Page boutique (liste produits) --- */
 
/* Hide page title on Woo products page, hide the Woo pagination -7156682- SM */
.woocommerce-products-header__title.page-title, .woocommerce-sorting-wrap {
	display: none !important;
}
.woocommerce-products-header {
	padding-top: 0;
}
 
.woocommerce .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
display: none;
}
 
.woocommerce span.onsale {
background-color: var(--wp--preset--color--foreground,#676B4A);
color: var(--wp--preset--color--background,#fff);
border: 1px solid #43454b;
border-radius: 33%;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
background: #676B4A;
border: 1px solid #43454b;
border-radius: 4px;
color: #fff;
}
 
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1em;
text-align: center;
}
 
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	margin:0px !important;
}
 
/* Shop menu hover effect and padding */
.product-category:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}
.product-category {
    padding: 10px !important;
}
 
@media only screen and (max-width: 600px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
}
 
@media only screen and (max-width: 600px) {
  /* Shop menu  padding mobile */
	.product-category {
    padding: 0 !important;
	padding-bottom: 25px !important;
}
}
 
/* --- 5b. Page produit single --- */
 
/* remove SKU/categories column and make variations centered 33379886-hc JG */
.single-product div.product .product_meta {
    clear: both;
    display: none;
}
.single-product div.product .variations_form {
    width: 100%;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #C7A665BF;
color: #000;
z-index: 1;
border-bottom-color: #cfc5c7;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: .5em 0;
font-weight: 700;
color: #fff;
text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 2px solid #cfc5c7;
background-color: #000;
color: #fff;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em;
text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
text-align: center;
}
 
.wp-block-woocommerce-add-to-cart-form form.cart{
	display:inline;
}
 
/* make cart and product meta full-width on booking product pages */
.single-product div.product.product-type-booking .cart,
.single-product div.product.product-type-booking .product_meta {
    width: 100%;
}
 
/* --- 5c. Avis (reviews) --- */
 
/* Centre le message "Il n y a pas encore d avis" */
.woocommerce p.woocommerce-noreviews,
.woocommerce-noreviews {
    text-align: center;
}
 
.woocommerce #reviews #comments h2 {
clear: none;
text-align: center;
color: #82828C;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-size: var(--wp--preset--font-size--x-large);
line-height: 1.152;
text-align: center;
color: #82828C;
}
.woocommerce #review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: transparent none;
border: 0;
text-align: center;
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
color: #000;
}
.woocommerce .star-rating::before {
content: "sssss";
color: #000;
float: left;
top: 0;
left: 0;
position: absolute;
}
 
 
/* ==========================================================================
   SECTION 6 - WOOCOMMERCE BOOKINGS (calendrier de reservation)
   ========================================================================== */
 
/* --- 6a. Calendrier - couleurs des dates --- */
 
/* Today's date on calendar background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today a { 
	background-color: #000000 !important; 
}
 
/* Available calendar days background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a {
	background-color: #000000 !important;
}
 
/* Selected Date */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a {
	background-color: #D1B57E!important; 
}
 
/* Available calendar day hover background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a:hover {
	background-color: #D1B57E !important;
}
 
/* Days of the week header - color + background fusionnes */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker th {
	color: #000;
	font-weight: bold;
	background-color: #D1B57E;
}
 
/* adjust background color of woocommerce bookings calendar date picker heading | 4606721-zen ed */
.wc-bookings-date-picker .ui-datepicker-header {
    background-color: rgba(0,0,0,0.7) !important;
    background-image: unset;
}
 
/* make background color for woocommerce bookings calendar date picker heading forward and back arrows transparent | 4606721-zen ed */
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, 
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {
    background: transparent;
}
 
.wc-bookings-date-picker .ui-datepicker td.fully_booked:not(.not_bookable_by_rules) span, .wc-bookings-date-picker .ui-datepicker td.fully_booked:not(.not_bookable_by_rules) a {
background-color: #c0392b !important;
color: #ffffff !important;
}
 
/* --- 6b. Creneaux horaires (timepicker) --- */
 
/* Set Background color for Timepicker | 38000410-hc */
.wc-bookings-booking-form .block-picker li:nth-child(n) a {
background: #000; 
color:white; 
}
.wc-bookings-booking-form .block-picker li:nth-child(n)  a:hover {
background: #D1B57E; 
}
.wc-bookings-booking-form .block-picker li:nth-child(n)  a.selected {
background: #D1B57E !important; 
}
.wc-bookings-booking-form .block-picker li:nth-child(n) {
    border: 0.2px #fff solid;
    margin: 4px 6px 4px 0;
}
.wc-bookings-booking-form .form-field {
    margin-left: 6px !important;
}
.block-picker .block a {
    width: 100% !important;
}
 
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-join-link {
    background: #000000;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-join-link:hover {
    background: #D1B57E !important;
}
 
.wc-bookings-booking-form .wc-bookings-booking-cost {
background: #ECE6CA;
border-top: 1px solid #ddd;
position: relative;
margin: 0 -1em;
padding: 1em;
text-align: center;
}
 
.wc-bookings-booking-form-button {	display: block !important;	margin: 20px auto !important;	width: fit-content !important;	max-width: 100%;	font-family: system-ui;	font-size: 1em;	font-weight: 600;	padding-top: 0.875rem;  padding-right: 2.625rem;  padding-bottom: 0.875rem;  padding-left: 2.625rem;	border-radius: 999px;	color: #ffffff;  background-color: #555555;	border: none;}.wc-bookings-booking-form-button:hover {	background-color: #D1B57E;	color: #000000;}
 
/* --- 6c. PATCH 05/05/2026 v3.2 - Fix calendrier WooCommerce Bookings --- */
/* Version sans caracteres speciaux pour passer le filtre WP.
   Corrections :
   1. Boutons heures (timeslots) : fond noir / texte blanc / hover beige
   2. Titre du calendrier (mois) : texte blanc + fleches blanches
   3. Bordures fines autour du calendrier : supprimees
   4. Ligne sous les onglets "Description / Avis" : passee en noir
   5. Bordure des onglets "Description / Avis" : passee en noir 1px
   6. Zone "Choisissez une date..." : centree + bordure supprimee
*/
 
/* 6c.1 - Boutons heures (timeslots) override */
.wc-bookings-booking-form .block-picker li,
.wc-bookings-booking-form .block-picker li:nth-child(n) {
    background-color: transparent !important;
}
.wc-bookings-booking-form .block-picker li a,
.wc-bookings-booking-form .block-picker li:nth-child(n) a,
.wc-bookings-booking-form .block-picker .block a {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
.wc-bookings-booking-form .block-picker li a:hover,
.wc-bookings-booking-form .block-picker li:nth-child(n) a:hover,
.wc-bookings-booking-form .block-picker .block a:hover {
    background: #D1B57E !important;
    background-color: #D1B57E !important;
    color: #000000 !important;
    border-color: #D1B57E !important;
}
.wc-bookings-booking-form .block-picker li a.selected,
.wc-bookings-booking-form .block-picker li:nth-child(n) a.selected,
.wc-bookings-booking-form .block-picker .block a.selected {
    background: #D1B57E !important;
    background-color: #D1B57E !important;
    color: #000000 !important;
    border-color: #D1B57E !important;
}
 
/* 6c.2 - Titre du calendrier (mois) + fleches en blanc */
.wc-bookings-date-picker .ui-datepicker-header,
.wc-bookings-date-picker .ui-datepicker-header *,
.wc-bookings-date-picker .ui-datepicker-title,
.wc-bookings-date-picker .ui-datepicker-title span {
    color: #ffffff !important;
}
.wc-bookings-date-picker .ui-datepicker-prev,
.wc-bookings-date-picker .ui-datepicker-next,
.wc-bookings-date-picker .ui-datepicker-prev span,
.wc-bookings-date-picker .ui-datepicker-next span,
.wc-bookings-date-picker .ui-datepicker-prev::before,
.wc-bookings-date-picker .ui-datepicker-next::before,
.wc-bookings-date-picker .ui-datepicker-prev::after,
.wc-bookings-date-picker .ui-datepicker-next::after,
.wc-bookings-date-picker .ui-datepicker-header a,
.wc-bookings-date-picker .ui-datepicker-header a span,
.wc-bookings-date-picker .ui-datepicker .ui-icon,
.wc-bookings-date-picker .ui-datepicker .ui-state-default .ui-icon {
    color: #ffffff !important;
}
.wc-bookings-date-picker .ui-datepicker-prev svg,
.wc-bookings-date-picker .ui-datepicker-next svg,
.wc-bookings-date-picker .ui-datepicker-prev svg path,
.wc-bookings-date-picker .ui-datepicker-next svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
.wc-bookings-date-picker .ui-datepicker .ui-icon-circle-triangle-w,
.wc-bookings-date-picker .ui-datepicker .ui-icon-circle-triangle-e {
    filter: brightness(0) invert(1) !important;
}
 
/* 6c.3 - Bordures autour du calendrier supprimees */
.wc-bookings-date-picker,
.wc-bookings-date-picker-content,
.wc-bookings-booking-form,
#wc-bookings-booking-form,
.wc-bookings-date-picker table.ui-datepicker-calendar,
.wc-bookings-booking-form .form-field {
    border: none !important;
    box-shadow: none !important;
}
.wc-bookings-date-picker .ui-datepicker td {
    border: none !important;
}
.summary .wc-bookings-booking-form,
.entry-summary .wc-bookings-booking-form,
div.product .wc-bookings-booking-form {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
 
/* 6c.4 - Ligne sous les onglets "Description / Avis" en noir */
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 1px solid #000000 !important;
    border-bottom-color: #000000 !important;
}
 
/* 6c.5 - Bordure des onglets "Description / Avis" en noir 1px */
body .woocommerce div.product .woocommerce-tabs ul.tabs li,
body.woocommerce div.product .woocommerce-tabs ul.tabs li,
html body .woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #000000 !important;
    border-color: #000000 !important;
}
body .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
html body .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border: 1px solid #000000 !important;
    border-bottom-color: transparent !important;
}
body .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body .woocommerce div.product .woocommerce-tabs ul.tabs li::after,
body .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
body .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    border-color: #000000 !important;
}
 
/* 6c.6 - Zone "Choisissez une date..." centree + sans bordure */
.wc-bookings-booking-form-block-picker-message,
.wc-bookings-booking-form > p,
.wc-bookings-booking-form .picker-message,
.wc-bookings-booking-form .block-picker-message,
.wc-bookings-booking-form .wc-bookings-no-blocks {
    text-align: center !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.wc-bookings-booking-form .form-field,
.wc-bookings-booking-form .wc-bookings-booking-cost,
#wc-bookings-booking-form .form-field {
    text-align: center !important;
    border: none !important;
    box-shadow: none !important;
}
.wc-bookings-booking-form > div:not(.wc-bookings-date-picker):not(.block-picker),
.wc-bookings-booking-form > p {
    text-align: center !important;
    border: none !important;
}

/* 6c.7 - Espacement créneaux horaires WooCommerce Bookings - 11/05/2026
   Le JS de WC Bookings force une largeur inline sur chaque bouton, ce qui les
   colle. On override la largeur pour permettre l'espacement naturel. */

.wc-bookings-booking-form .block-picker {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    list-style: none !important;
}

.wc-bookings-booking-form .block-picker .block,
.wc-bookings-booking-form .block-picker li.block {
    margin: 0 !important;
    padding: 0 !important;
}

.wc-bookings-booking-form .block-picker .block a,
.wc-bookings-booking-form .block-picker li.block a {
    width: auto !important;
    min-width: 80px !important;
    padding: 8px 20px !important;
}

/* 6c.8 - Bordure blanche cohérente sur TOUS les boutons d'horaire
   (pas uniquement sur le bouton .selected) - 11/05/2026 */
.wc-bookings-booking-form .block-picker .block a,
.wc-bookings-booking-form .block-picker li.block a {
    border-color: #ffffff !important;
}

.wc-bookings-booking-form .block-picker .block a:hover,
.wc-bookings-booking-form .block-picker li.block a:hover {
    border-color: #000000 !important;
}

/* 6c.9 - Uniformiser l'épaisseur de bordure sur tous les boutons d'horaire
   Annule outline + box-shadow natifs WC Bookings qui faussent l'épaisseur
   du bouton sélectionné. - 11/05/2026 */
.wc-bookings-booking-form .block-picker .block a,
.wc-bookings-booking-form .block-picker li.block a {
    border-width: 1px !important;
    border-style: solid !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ──────────────────────────────────────────────────────────────────────
   6c.10 — Créneaux horaires sur 3 COLONNES fixes (v2 — 10/06/2026)
   v2 : la grille ne s'active QUE s'il y a de vrais créneaux (présence d'un
   <a> cliquable). Le message « Choisissez une date… » n'est plus impacté.
   ────────────────────────────────────────────────────────────────────── */

/* 1) Grille 3 colonnes — uniquement quand des créneaux (liens) sont présents */
.wc-bookings-booking-form .block-picker:has(a) {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
}
.wc-bookings-booking-form .block-picker:has(a) li,
.wc-bookings-booking-form .block-picker:has(a) li.block,
.wc-bookings-booking-form .block-picker:has(a) .block {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}
.wc-bookings-booking-form .block-picker:has(a) li.block a,
.wc-bookings-booking-form .block-picker:has(a) .block a {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* 2) Pas de créneaux → message « Choisissez une date… » : bloc normal, centré */
.wc-bookings-booking-form .block-picker:not(:has(a)) {
    display: block !important;
    text-align: center !important;
}
.wc-bookings-booking-form .block-picker:not(:has(a)) li,
.wc-bookings-booking-form .block-picker:not(:has(a)) > * {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    border: none !important;
    box-shadow: none !important;
    list-style: none !important;
}

/* 3) Mobile étroit : 3 colonnes resserrées */
@media (max-width: 480px) {
    .wc-bookings-booking-form .block-picker:has(a) li.block a,
    .wc-bookings-booking-form .block-picker:has(a) .block a {
        padding: 8px 4px !important;
        font-size: 14px !important;
    }
}

/* ==========================================================================
   SECTION 7 - PROCESSUS DE COMMANDE (panier, checkout)
   ========================================================================== */
 
/* --- 7a. Panier --- */
 
/* cart total color change | 33260412-hc + 4606721-zen ed (fusionnes) */
.woocommerce-cart .cart_totals h2,
.wf-active .woocommerce-cart .cart_totals h2 {
    color: #D1B57E;
    background-color: black;
    padding-top: 4px;
    padding-bottom: 7px;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
}
 
/* Total panier centre horizontalement (correction float:center invalide) */
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
    margin: 0 auto;
}
 
/* center checkout button 7180444-zd (ad) */
.woocommerce-cart .wc-proceed-to-checkout {
  text-align: center;
}
 
 
/* --- 7b. Checkout --- */
 
/* set background for billing details and votre commande headings to #000000, text color to #f0f0f0, and center the text | 4606721-zen ed */
.woocommerce-billing-fields h3,
#order_review_heading {
    background: #000000;
    color: #D1B57E;
    text-align: center;
	padding-bottom: 5px;
		padding-top: 2px;
}
 
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 1em;
border-bottom: 1px solid #cfc8d8;
margin: 0;
list-style: none outside;
background-color: #fff;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
padding: 1em;
background: #fff;
}
 
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
float: left;
width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right;
width: 100%;
}
.woocommerce-page table.shop_table {
width: 100%;
border-collapse: collapse;
}
 
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: .92em;
border-radius: 2px;
line-height: 1.5;
background-color: #57575757;
color: black;
}
 
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #000000;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -.75em;
left: 0;
margin: -1em 0 0 2em;
}
 
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: none;
}
 
/* order button center */
button#place_order {
    display: block;
    margin: 0 auto;
}
 
 
/* ==========================================================================
   SECTION 8 - PAGE COMMANDE TERMINEE (apres paiement reussi)
   ========================================================================== */
 
/* Headings details commande + customer details */
h2.woocommerce-order-details__title {
    background-color: #000000;
    color: #D1B57E;
    text-align: center;
		padding-top: 1px;
		padding-bottom: 3px;
}
section.woocommerce-customer-details h2.woocommerce-column__title {
    background-color: #000000;
    color: #D1B57E;
    text-align: center;
		padding-top: 1px;
		padding-bottom: 3px;
}
 
/* PAGE COMMANDE TERMINEE - Notification elegante avec bordure gauche */
 
/* 1. Conteneur "Commande terminee" stylise en notification */
.wp-block-woocommerce-order-confirmation-status,
.wc-block-order-confirmation-status {
    background-color: #FAF6E5 !important;
    border: none !important;
    border-left: 5px solid #D1B57E !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 22px 30px !important;
    margin: 40px auto !important;
    max-width: 700px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    text-align: left !important;
}
 
/* 2. Texte interne (titre + sous-message Merci...) en style notification */
.wp-block-woocommerce-order-confirmation-status > *,
.wc-block-order-confirmation-status > *,
.wp-block-woocommerce-order-confirmation-status p,
.wc-block-order-confirmation-status p {
    background: transparent !important;
    border: none !important;
    color: #2c2c2c !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    font-style: normal !important;
}
 
/* 3. Titre "Commande terminee" en gras un peu plus gros */
.wp-block-woocommerce-order-confirmation-status h1,
.wp-block-woocommerce-order-confirmation-status h2,
.wp-block-woocommerce-order-confirmation-status h3,
.wc-block-order-confirmation-status h1,
.wc-block-order-confirmation-status h2,
.wc-block-order-confirmation-status h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 6px !important;
}

/* En-tetes du tableau Details commande sur la page validation
   (oubliee dans le CSS initial : MyAccount + Panier OK, mais pas ici) */
.woocommerce-order-received .woocommerce-order-details table.shop_table thead th,
.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th,
.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td {
    background-color: #ECE6CA !important;
    color: #000 !important;
} 
 
/* ==========================================================================
   SECTION 9 - MON COMPTE (page-id-777)
   ========================================================================== */
 
/* --- 9a. Navigation des onglets Mon Compte --- */
 
/* My account menu colors | 33260412-hc */
.woocommerce-MyAccount-navigation a {
	color: white !important;
}
 
.woocommerce-MyAccount-navigation {
	background-color: black;
	padding-top: 35px;
	text-align: center;
	font-weight: bold;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation li{
	padding:0;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
/* 	padding-top: 20px; */
}
/* 
.woocommerce-MyAccount-navigation li:hover {
	background-color: #D1B57E;
} */
 
/* .woocommerce-MyAccount-navigation li.is-active {
	background-color: #D1B57E;
} */
 
/* hide meeting tab */
.woocommerce-MyAccount-navigation-link--wc-zoom-meetings{
		display:none !important;
}
 
/* my account navigation scrollbar */
.woocommerce-MyAccount-navigation::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 10px;
}
.woocommerce-MyAccount-navigation::-webkit-scrollbar {
    height: 5px;
}
 
.woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {
       float: none;
       width: 100%;
}
 
.woocommerce-MyAccount-navigation ul {
       text-align: center;
}
 
.woocommerce-MyAccount-navigation ul li {
       display: inline-block;
}
 
nav.woocommerce-MyAccount-navigation {
    padding: 15px;
    margin-bottom: 20px;
    margin-left: -15px !important;
    overflow-x: auto;
    white-space: nowrap;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 16px 0;
/*     padding: 0 20px; */
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
   
/*     padding: 20px; */
    
}
 
/* my account navigation v2 */
.woocommerce-MyAccount-navigation ul li a {
    padding: 20px 10px;
    margin: 8px;
}
 
.woocommerce-MyAccount-navigation li.is-active a{
	 background-color: #D1B57E;
	text-decoration: none !important;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    text-decoration: none;
		 background-color: #D1B57E;
}
 
/* my account naviagtion mobile scrollbar */
/* (fusionne dans le bloc principal nav.woocommerce-MyAccount-navigation plus haut) */
 
 
/* --- 9b. Titres en bandeau noir des sous-pages --- */
 
/* add commande recente text to orders page | 4627063-zen eD */
.page-id-777.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content:before {
content: "Commandes récentes";
background-color: #000000;
padding-bottom: 2px;
color: #D1B57E;
text-align: center;
display: block;
font-size: 30px;
line-height: 1.2;
margin-bottom: 18px;
font-family: plus jakarta sans;
font-weight: bold;
}
 
.page-id-777.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content:before {
content: "Détails du compte";
background-color: #000000;
padding-bottom: 23px;
color: #D1B57E;
text-align: center;
display: block;
font-size: 30px;
line-height: 1.2;
margin-bottom: 18px;
font-family: plus jakarta sans;
font-weight: bold;
}
 
.page-id-777.woocommerce-account.woocommerce-payment-methods .woocommerce-MyAccount-content:before {
content: "Moyens de paiement";
background-color: #000000;
padding-bottom: 2px;
color: #D1B57E;
text-align: center;
display: block;
font-size: 30px;
line-height: 1.2;
margin-bottom: 18px;
font-family: plus jakarta sans;
font-weight: bold;
}
 
.page-id-777.woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content:before {
content: "Téléchargements";
background-color: #000000;
padding-bottom: 2px;
color: #D1B57E;
text-align: center;
display: block;
font-size: 30px;
line-height: 1.2;
margin-bottom: 18px;
font-family: plus jakarta sans;
font-weight: bold;
}
 
.page-id-777.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content:before {
content: "Adresses";
background-color: #000000;
padding-bottom: 2px;
color: #D1B57E;
text-align: center;
display: block;
font-size: 30px;
line-height: 1.2;
margin-bottom: 18px;
font-family: plus jakarta sans;
font-weight: bold;
}

/* --- 9b-2. Titres Mon Compte → 23px sur MOBILE uniquement (v2) --- */
/* Sur mobile, les titres de l'espace Mon Compte passent à 23px.
   v2 : on EXCLUT les titres du module éco, qui gardent leur propre taille :
   - "Mon tableau de bord éco"            → conteneur .elm-eco-dash
   - Modales "Météo" / "Carte des spots"  → conteneur .elm-eco-modal
   - Modale "Suggérer un nouveau spot"    → conteneur .elm-eco-sug-modal
   Desktop : aucune modification. Remplace l'ancienne 9b-2. */
@media (max-width: 600px) {

    /* Bandeaux de page (::before) — règle isolée pour rester valide partout */
    .woocommerce-account .woocommerce-MyAccount-content::before {
        font-size: 23px !important;
        line-height: 1.2 !important;
    }

    /* Titres de section h2/h3, SAUF ceux des blocs éco (tableau de bord + modales) */
    .woocommerce-account .woocommerce-MyAccount-content h2:not(.elm-eco-dash *):not(.elm-eco-modal *):not(.elm-eco-sug-modal *),
    .woocommerce-account .woocommerce-MyAccount-content h3:not(.elm-eco-dash *):not(.elm-eco-modal *):not(.elm-eco-sug-modal *) {
        font-size: 23px !important;
        line-height: 1.2 !important;
    }
}

/* --- 9c. Mon compte - generaux page-id-777 --- */
 
/* Color and center text 33293255-hc */
.wf-active .page-id-777 h2 {
    background-color: #000000;
    color: #D1B57E;
    text-align: center;
		padding-bottom: 5px;
		padding-top: 2px;
}
 
.page-id-777 .wp-block-button.aligncenter {
    text-align: center;
}
.page-id-775 .wp-block-button.aligncenter {
    text-align: center;
}
 
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
max-width: 1200px;
text-align: center;
}
 
/* Avatar dashboard mon compte */
.dashboard-avatar {
width: 100px;
height: 100px !important;
border-radius: 50%;
object-fit: cover;
border: 2px solid;
border-color: #000000 !important ;
}
 
#profile_picture {
    display: block;
    margin-top: 10px;
}
 
 
/* --- 9d. Adresses --- */
 
.woocommerce-account .addresses .title h3 {
float: initial;
background-color: #D1B57E;
}
 
.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form>h3 {
background-color: #D1B57E;
}
 
.woocommerce .woocommerce-customer-details .woocommerce-column__title {
margin-top: 0;
font-size: 28px;
font-weight: bold;
}
 

/* --- 9e. Tableaux Mon Compte (commandes / reservations / telechargements) --- */
 
/* my account booking table : padding 10px */
.woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th {
    padding: 10px;
    text-align: center;
}
 
/* recent order view button margin */
a.woocommerce-button.wp-element-button.button.view {
    margin-top: 35px;
}
 

/* --- 9f. Reservations Mon Compte mobile --- */
 
/* my account booking mobile view scrollbar */
@media screen and (max-width: 768px) {
    .shop_table.my_account_bookings {
        display: block;
        overflow-x: auto;
    }
}

/* --- 9f-2. Commandes & Téléchargements Mon Compte mobile — vignettes crème --- */

/* Commandes mobile : vignettes crème #ECE6CA, séparées par un vrai vide + léger
   relief. Bordure EXTÉRIEURE du tableau retirée ; lignes internes Date/État/Total
   CONSERVÉES. - 22/06/2026 */
@media (max-width: 768px) {
  .woocommerce-account .shop_table_responsive.my_account_orders {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .woocommerce-account .shop_table_responsive.my_account_orders tbody {
    display: block;
  }
  .woocommerce-account .shop_table_responsive.my_account_orders tbody tr.woocommerce-orders-table__row {
    display: block !important;
    background: #ECE6CA !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important;
    overflow: hidden !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
  }
  .woocommerce-account .shop_table_responsive.my_account_orders tbody tr.woocommerce-orders-table__row:last-child {
    margin-bottom: 0 !important;
  }
}

/* Téléchargements mobile : même rendu (vignettes crème, cadre extérieur retiré,
   lignes internes conservées). - 22/06/2026 */
@media (max-width: 768px) {
  body.woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content table.shop_table {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content table.shop_table tbody {
    display: block;
  }
  body.woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content table.shop_table tbody tr {
    display: block !important;
    background: #ECE6CA !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important;
    overflow: hidden !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
  }
  body.woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content table.shop_table tbody tr:last-child {
    margin-bottom: 0 !important;
  }
}
 
/* --- 9g. Bouton Save Account Details hover --- */
 
/* courses page button color change */
.woocommerce-EditAccountForm button.woocommerce-Button.button.wp-element-button:hover {
    background: #D1B57E;
    color: white !important;
}
 
 
/* --- 9h. PERSONNALISATIONS MY ACCOUNT WOOCOMMERCE - v8 (06/05/2026) --- */
 
/* 1 - Tableaux WC header tertiaire charte */
.woocommerce-MyAccount-content table.shop_table thead th,
.woocommerce-MyAccount-content table.shop_table tfoot th,
.woocommerce-MyAccount-content table.shop_table tfoot td {
    background-color: #ECE6CA !important;
    color: #000 !important;
}
 
/* 2 - Label Nom affiche ajout surnom en noir colle au texte */
label[for="account_display_name"]::after {
    content: "(surnom)";
    font-style: italic;
    color: #000;
    font-weight: normal;
    margin-left: 6px;
    display: inline;
}
 
/* 3 - Texte Profile Image vers Image de profil */
label.profile-label[for="wp_user_avatar"] {
    font-size: 0 !important;
    line-height: 1 !important;
}
label.profile-label[for="wp_user_avatar"]::before {
    content: "Image de profil";
    font-size: 1rem;
    font-weight: bold;
    line-height: normal;
    display: block;
    text-align: center;
}
 
/* 4 - Bordure photo profil en noir + espace au-dessus */
img.avatar-preview {
    border: 2px solid #000 !important;
    border-color: #000 !important;
    margin-top: 0 !important;
}
 
/* 5 - Encadre file input en noir */
input#wp_user_avatar,
input[name="wp_user_avatar"][type="file"] {
    border: 1px solid #000 !important;
    padding: 6px !important;
    border-radius: 4px;
    background-color: #fff !important;
}
 
/* 6 - Centrage coordonnees client page detail commande */
.woocommerce-customer-details,
.woocommerce-customer-details address,
.woocommerce-order-details,
.woocommerce-order-downloads {
    text-align: center !important;
}
 
/* 7 - Bouton Facture mobile uniquement tfoot order-details */
@media (max-width: 768px) {
    .woocommerce-table--order-details tfoot td a.button,
    .woocommerce-table--order-details tfoot td .button {
        display: inline-block;
        max-width: 100%;
        white-space: normal !important;
        word-break: break-word;
        font-size: 15px !important;
        padding: 8px 18px !important;
        line-height: 1.3;
        box-sizing: border-box;
    }
}
 
/* 8 - Responsive page detail commande mobile */
@media (max-width: 768px) {
    body.woocommerce-account,
    body.woocommerce-view-order {
        overflow-x: hidden;
    }
    .woocommerce-order-details,
    .woocommerce-customer-details {
        max-width: 100%;
    }
    .woocommerce-table--order-details,
    .woocommerce-MyAccount-content table.shop_table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }
    .woocommerce-table--order-details td,
    .woocommerce-table--order-details th {
        word-break: break-word;
        white-space: normal !important;
    }
    /* Si vraiment besoin de scroll horizontal, c est uniquement le tableau qui scroll */
    .woocommerce-table--order-details {
        overflow-x: auto;
    }
}
 
/* 9 - Espace entre adresses et lien Modifier l adresse */
.woocommerce-MyAccount-content a[href*="/adresses/"] {
    display: inline-block;
    margin-top: 20px;
}

/* ==========================================================================
   ESPACEMENTS PAGE "TABLEAU DE BORD" WOOCOMMERCE — elmamat.com
   ========================================================================== */

/* #1 — Header utilisateur "Bonjour..." → bloc Météo */
.woocommerce-MyAccount-content .elm-eco-modal-trigger[data-elm-modal="meteo"] {
    margin-top: 56px !important;
}
 
 
/* #2 — Bloc Météo → CTA Spots outdoor (v0.13.7 — déplacé sous la météo) */
.woocommerce-MyAccount-content .elm-eco-modal-trigger[data-elm-modal="carte"],
.woocommerce-MyAccount-content .elm-eco-spots-cta {
    margin-top: 32px !important;
}
 
 
/* #3 — CTA Spots → Tableau de bord éco */
.woocommerce-MyAccount-content .elm-eco-dash {
    margin-top: 32px !important;
}
 
 
/* #4 — Tableau de bord éco → Premier TOP 3 (cours collectifs)
   v0.13.7 — Sélecteur mis à jour : le dashboard est désormais juste avant le 1er h3 TOP 3 */
.woocommerce-MyAccount-content .elm-eco-dash + h3 {
    margin-top: 48px !important;
}
 
 
/* #5 — Dernier TOP 3 (aliments) → Compteur "Nous sommes ensemble depuis"
   Espace symbolique de clôture de page */
.woocommerce-MyAccount-content .fc-wrap {
    margin-top: 64px !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════════
   Bonus optionnel — Décommente pour aérer aussi ENTRE les TOP 3
   ════════════════════════════════════════════════════════════════════════ */
/*
.woocommerce-MyAccount-content h3[style*="background-color:#000"] {
    margin-top: 40px !important;
}
*/
 
/* ==========================================================================
   SECTION 10 - LOGIN & REGISTER
   ========================================================================== */
 
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border: 1px solid #cfc8d8;
padding: 20px;
margin: 2em 0;
text-align: center;
border-radius: 5px;
}
 
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: block;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: initial;
margin-right: 1em;
}

/* Retire les encadrés gris clair autour des formulaires d'inscription
   et de connexion WooCommerce (page Mon Compte / login déconnecté).
   Surcharge la règle de la section 10. — 11/05/2026 */
.woocommerce form.login,
.woocommerce form.register {
    border: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   SECTION 11 - FORMULAIRES
   ========================================================================== */
 
/* --- 11b. MailPoet (preferences abonne newsletter) --- */
 
form.mailpoet-manage-subscription .mailpoet_text_label, 
form.mailpoet-manage-subscription .mailpoet_select_label, 
form.mailpoet-manage-subscription .mailpoet_segment_label{
    display: block;
    font-weight:bold;
}
form.mailpoet-manage-subscription .mailpoet_select, 
form.mailpoet-manage-subscription .mailpoet_text{
	width: 50%;
	padding: 12px;
}
form.mailpoet-manage-subscription .mailpoet_paragraph{
	margin-bottom:20px
}
form.mailpoet-manage-subscription .mailpoet_submit{
    padding: 20px 20px;
    width: 50%;
    font-weight: bold;
    font-size: 11pt;
}
 
/* preferences page content center */
form.mailpoet-manage-subscription {
    text-align: center;
}
 
form.aw-communication-form {
    text-align: center;
}
 
 
/* --- 11c. Forminator (formulaires custom) --- */
 
#forminator-module-10226 {
border-color: #000000;
background-color: #ffffff42;
box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 9px;
text-align:center
}
 
#forminator-module-10231 {
border-color: #000000;
background-color: #ffffff42;
box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 9px;
	text-align:center;
}
 
#forminator-module-10238 {
border-color: #000000;
background-color: #ffffff42;
box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 9px;
text-align:center;
}
 
#forminator-module-10225 {
border-color: #000000;
background-color: #ffffff42;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 9px;
}
 
 
/* --- 11d. Tableaux WP block (utilises dans Forminator etc.) --- */
 
.wp-block-table thead {
border-bottom: 3px solid;
background-color: #d1b57e;
}
 
 
/* ==========================================================================
   SECTION 12 - MOBILE & iOS FIXES
   ========================================================================== */
 
/* FIX iOS Safari : empeche le zoom auto sur les champs
   Cause : font-size < 16px declenche le zoom au focus.
   Solution : forcer 16px sur mobile uniquement (desktop intact). */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    select,
    textarea {
        font-size: 16px !important;
    }
}
 
 
/* ==========================================================================
   SECTION 13 - EFFETS ZOOM DES BLOCS ACTION
   Image + bouton associe dans le meme groupe Gutenberg
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CONTENEUR DE L'IMAGE
   -------------------------------------------------------------------------- */

/* Le conteneur masque proprement l'image pendant le zoom */
.zoom-effect {
    overflow: hidden !important;
    display: block;
    position: relative;
    isolation: isolate;
}

/* --------------------------------------------------------------------------
   2. IMAGE
   -------------------------------------------------------------------------- */

.zoom-effect img {
    display: block;
    width: 100%;
    height: auto;

    /* Animation plus fluide */
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* Optimisation du rendu pendant l'animation */
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    /* Le zoom se fait depuis le centre */
    transform-origin: center center;

    /* Evite certains micro-sauts sur Safari/iOS */
    will-change: transform;
}

/* --------------------------------------------------------------------------
   3. SURVOL DIRECT DE L'IMAGE
   -------------------------------------------------------------------------- */

.zoom-effect:hover img {
    transform: translateZ(0) scale(1.10);
}


/* ==========================================================================
   4. BOUTON -> IMAGE
   --------------------------------------------------------------------------
   IMPORTANT :
   Le bouton doit se trouver dans le meme groupe que .zoom-effect.
   
   :has() permet au parent de detecter que le bouton est survole/focus/active
   et de demander au bloc image de zoomer.
   ========================================================================== */

/* Survol du bouton */
.zoom-action-group:has(.wp-block-button__link:hover) .zoom-effect img,

/* Focus clavier du bouton */
.zoom-action-group:has(.wp-block-button__link:focus-visible) .zoom-effect img,

/* Appui tactile / pression du bouton */
.zoom-action-group:has(.wp-block-button__link:active) .zoom-effect img {
    transform: translateZ(0) scale(1.10);
}


/* ==========================================================================
   5. RETOUR A LA TAILLE NORMALE
   --------------------------------------------------------------------------
   L'image revient naturellement a 100 % lorsque le bouton ou l'image
   n'est plus survole.
   ========================================================================== */


/* ==========================================================================
   6. OPTIMISATION MOBILE / SAFARI
   ========================================================================== */

@media (max-width: 768px) {

    .zoom-effect img {
        transition-duration: 0.35s;

        /* Evite certains effets de flou pendant le transform */
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
    }

}


/* ==========================================================================
   7. ACCESSIBILITE : REDUCTION DES ANIMATIONS
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .zoom-effect img {
        transition: none !important;
        transform: none !important;
    }

}

/* ==========================================================================
   MODE 2 - ZOOM UNIQUEMENT AU SURVOL DU BOUTON
   Le groupe porte la classe : zoom-button-only
   L'image ne porte PAS la classe zoom-effect
   ========================================================================== */

.zoom-button-only img {
    display: block;
    width: 100%;
    height: auto;

    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transform: translateZ(0) scale(1);
    transform-origin: center center;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

/* Le bouton déclenche le zoom de l'image */
.zoom-button-only:has(.wp-block-button__link:hover) img,
.zoom-button-only:has(.wp-block-button__link:focus-visible) img,
.zoom-button-only:has(.wp-block-button__link:active) img {
    transform: translateZ(0) scale(1.10);
}

/* Mobile */
@media (max-width: 768px) {
    .zoom-button-only img {
        transition-duration: 0.35s;
    }
}

/* Respecte les préférences de réduction des animations */
@media (prefers-reduced-motion: reduce) {
    .zoom-button-only img {
        transition: none !important;
        transform: none !important;
    }
}

/* ==========================================================================
   MODE 3 - ZOOM INTERNE UNIQUEMENT AU SURVOL DU BOUTON
   --------------------------------------------------------------------------
   Groupe : zoom-action-group-mode3
   Image  : zoom-effect-mode3

   L'image NE déclenche PAS le zoom au survol.
   Seul le bouton déclenche le zoom.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. CADRE DE L'IMAGE
   -------------------------------------------------------------------------- */

.zoom-effect-mode3 {
    position: relative;
    overflow: hidden !important;
    isolation: isolate;
}


/* --------------------------------------------------------------------------
   2. IMAGE
   -------------------------------------------------------------------------- */

.zoom-effect-mode3 img {
    display: block;
    width: 100%;
    height: auto;

    /* Taille normale */
    transform: translateZ(0) scale(1);

    /* Zoom depuis le centre */
    transform-origin: center center;

    /* Animation */
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* Optimisation */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}


/* --------------------------------------------------------------------------
   3. LE BOUTON DECLENCHE LE ZOOM
   -------------------------------------------------------------------------- */

/* Survol du bouton */
.zoom-action-group-mode3:has(.wp-block-button__link:hover)
.zoom-effect-mode3 img,

/* Focus clavier */
.zoom-action-group-mode3:has(.wp-block-button__link:focus-visible)
.zoom-effect-mode3 img,

/* Appui tactile */
.zoom-action-group-mode3:has(.wp-block-button__link:active)
.zoom-effect-mode3 img {
    transform: translateZ(0) scale(1.10);
}


/* --------------------------------------------------------------------------
   4. MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {

    .zoom-effect-mode3 img {
        transition-duration: 0.35s;
    }

}


/* --------------------------------------------------------------------------
   5. ACCESSIBILITE
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .zoom-effect-mode3 img {
        transition: none !important;
        transform: none !important;
    }

}

 
/* ==========================================================================
   SECTION 14 - MASQUER UNE CATEGORIE WOOCOMMERCE (modele reutilisable)
   Remplace "ma-categorie" par le slug exact de ta categorie
   Slug visible dans : WP Admin > Produits > Categories (colonne Slug)
   Pour masquer plusieurs categories : duplique ce bloc en entier
   ========================================================================== */
 
/* 1. Masque la tuile "Categorie" sur la grille de la boutique principale */
.product-category.product-cat-ma-categorie,
.wc-block-product-categories .product_cat-ma-categorie {
    display: none !important;
}
 
/* 2. Masque tous les produits de cette categorie dans tous les listings (boutique, recherche, related products...) */
li.product.product_cat-ma-categorie,
.wc-block-grid__product.product_cat-ma-categorie,
.products .product.product_cat-ma-categorie {
    display: none !important;
}
 
/* 3. Masque la categorie dans les widgets/menus de categories */
.product-categories .cat-item.product-cat-nos-formules,
.wp-block-woocommerce-product-categories .cat-item.product-cat-nos-formules,
.menu-item.product-cat-nos-formules {
    display: none !important;
}
 
/* 4. (Optionnel - decommente si tu veux aussi bloquer l acces direct via URL /categorie-produit/ma-categorie/) */
/*
body.tax-product_cat.term-ma-categorie .woocommerce-products-header,
body.tax-product_cat.term-ma-categorie .woocommerce-loop,
body.tax-product_cat.term-ma-categorie .products {
    display: none !important;
}
body.tax-product_cat.term-ma-categorie .site-content::before {
    content: "Cette categorie est temporairement indisponible.";
    display: block;
    text-align: center;
    padding: 60px 20px;
    font-size: 18px;
    color: #888;
    font-style: italic;
}
*/
 
 
/* ==========================================================================
   SECTION 15 - DIVERS / EN COMMENTAIRE (a conserver pour reference)
   ========================================================================== */
 
/* product single add to cart button fix - desactive */
/* .single_add_to_cart_button {
    
    font-size: 18px;
     margin-left: -300px;
    margin-bottom: 15px !important;
}
 
@media only screen and (max-width: 600px) {
  .single_add_to_cart_button {
    
     margin-left: -224px;
 
}
} */
 
 
/* My account content links - desactive */
/* .woocommerce-MyAccount-content > p a {
    color: black !important;
    font-weight: bold;
}
 
 */
 
 
/* ==========================================================================
   SECTION 16 - AJOUTS 07/05/2026
   Nouvelles regles sans equivalent dans le CSS existant
   ========================================================================== */
 
 
/* --- 16a. En-tetes des tableaux page Mon Panier (couleur tertiaire) --- */
/* Restreint au desktop : sur mobile WC transforme le tableau en mode stack, */
/* les fonds beige creent un conflit visuel */
@media (min-width: 769px) {
    .woocommerce-cart .shop_table thead th,
    .woocommerce-cart .cart_totals table.shop_table th,
    .woocommerce-cart .cart_totals table.shop_table td:first-child {
        background-color: #ECE6CA !important;
        color: #000 !important;
    }
}
 
 
/* --- 16b. Boutique mobile : Tri par defaut ne deborde plus --- */
@media (max-width: 768px) {
    /* Cible UNIQUEMENT le bloc flex parent du tri (utilise :has() pour exclure le header) */
    main .wp-block-group.is-nowrap.is-layout-flex:has(.wc-block-catalog-sorting),
    main .wp-block-group.is-content-justification-space-between:has(.wc-block-catalog-sorting) {
        flex-wrap: wrap !important;
    }
    /* Le bloc catalog-sorting + son form prennent toute la largeur sur mobile */
    .wc-block-catalog-sorting,
    .wc-block-catalog-sorting form.woocommerce-ordering,
    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-right: 0 !important;
    }
    /* Le select prend toute la largeur disponible et ne deborde plus */
    .wc-block-catalog-sorting select.orderby,
    select.orderby,
    .woocommerce .woocommerce-ordering select,
    .woocommerce-page .woocommerce-ordering select {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        max-width: 100%;
    }
}

/* ──────────────────────────────────────────────────────────────────────
   SECTION 17 v7 — Fiche produit empilée + galerie centrée (tablette/mobile portrait)
   (20/06/2026) Correctif menu : on cible UNIQUEMENT le bloc colonnes qui CONTIENT
   la galerie produit (via :has), au lieu de TOUTES les colonnes de la page. Le
   header / footer / autres blocs ne sont plus touchés → fin du débordement du menu.
   Plus besoin d'exception header.
   ────────────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) and (orientation: portrait) {

  /* 1) Empilement — seulement le bloc colonnes de la fiche produit */
  body.single-product .wp-block-columns.is-layout-flex:has(.woocommerce-product-gallery) {
    flex-wrap: wrap !important;
    row-gap: 24px !important;
  }
  body.single-product .wp-block-columns.is-layout-flex:has(.woocommerce-product-gallery) > .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* 2) Centrage de la galerie (1re colonne) — repris intégralement de la v3/v6 */
  body.single-product .wp-block-columns.is-layout-flex:has(.woocommerce-product-gallery) > .wp-block-column:first-child {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.single-product .wp-block-columns.is-layout-flex:has(.woocommerce-product-gallery) > .wp-block-column:first-child .woocommerce-product-gallery,
  body.single-product .wp-block-columns.is-layout-flex:has(.woocommerce-product-gallery) > .wp-block-column:first-child figure,
  body.single-product .wp-block-columns.is-layout-flex:has(.woocommerce-product-gallery) > .wp-block-column:first-child img,
  body.single-product .wp-block-columns.is-layout-flex:has(.woocommerce-product-gallery) > .wp-block-column:first-child > * {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
}

/* Mini-panier : neutralise le quirk WC core `max-height: fill-available` qui
   laisse un fond blanc sous le contenu (Safari + au reflow console).
   Animation-safe : on ne touche QUE le fond + la contrainte de hauteur. */
.wc-block-mini-cart__drawer .wc-block-components-drawer__content,
.wc-block-mini-cart__template-part,
.wp-block-woocommerce-mini-cart-contents {
    background-color: #000 !important;
}
.wp-block-woocommerce-empty-mini-cart-contents-block {
    max-height: none !important;
}

/* ──────────────────────────────────────────────────────────────────────
   SECTION 17 v7 — Forminator transition de page et etape pagination optimisées.
   (29/06/2026) Passage en CSS additionnel car en CSS dans forminator il ecrase nos codes.
   ────────────────────────────────────────────────────────────────────── */

/* ===== ETAPES — bande horizontale sur mobile (form 10226, sans couleurs) ===== */
@media (max-width:782px){
  body .forminator-ui#forminator-module-10226 .forminator-pagination-steps{
      display:flex !important;
      flex-flow:row nowrap !important;
      align-items:center !important;
      justify-content:flex-start !important;
      overflow-x:auto !important;
      scrollbar-width:none !important;
      gap:6px !important;
      padding:6px 0 12px !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-pagination-steps::-webkit-scrollbar{ display:none !important; }
  body .forminator-ui#forminator-module-10226 .forminator-step{
      flex:0 0 auto !important;
      display:flex !important;
      flex-direction:row-reverse !important;
      align-items:center !important;
      gap:8px !important;
      white-space:nowrap !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-step-label{
      font-size:14px !important;
      white-space:nowrap !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-step-dot{
      width:14px !important; height:14px !important; flex:0 0 14px !important; margin:0 !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-break{
      display:block !important;
      flex:0 0 22px !important; width:22px !important; min-width:22px !important;
      height:2px !important; align-self:center !important; margin:0 !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-pagination-steps .forminator-break:first-child{ display:none !important; }
}

/* ===== ETAPES — bande horizontale sur mobile ===== */
@media (max-width:782px){
  body .forminator-ui#forminator-module-10226 .forminator-pagination-steps{
      display:flex !important;
      flex-flow:row nowrap !important;
      align-items:center !important;
      justify-content:flex-start !important;
      overflow-x:auto !important;
      -webkit-overflow-scrolling:touch !important;
      scrollbar-width:none !important;
      gap:6px !important;
      padding:6px 0 12px !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-pagination-steps::-webkit-scrollbar{ display:none !important; }
  body .forminator-ui#forminator-module-10226 .forminator-step{
      flex:0 0 auto !important;
      display:flex !important;
      flex-direction:row-reverse !important;
      align-items:center !important;
      gap:8px !important;
      white-space:nowrap !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-step-label{
		font-size:12px !important;
      white-space:nowrap !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-step-dot{
      width:12px !important; height:12px !important; flex:0 0 14px !important; margin:0 !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-break{
      display:block !important;
      flex:0 0 22px !important; width:22px !important; min-width:22px !important;
      height:2px !important; align-self:center !important; margin:0 !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-pagination-steps .forminator-break:first-child{ display:none !important; }
}

/* ===== Separateur sous la zone d'etapes ===== */
body .forminator-ui#forminator-module-10226 .forminator-pagination-steps{
    border-bottom:1px solid rgba(209,181,126,.35) !important;
    padding-top:18px !important;
    padding-bottom:36px !important;
    margin-bottom:26px !important;
}

/* ===== CHAMP FICHIER — bouton dore partout ===== */
/* Zone englobante : on enleve les pointilles, sur tous les ecrans */
body .forminator-ui#forminator-module-10226 .forminator-file-upload{
    border:none !important;
    padding:0 !important;
    gap:12px !important;
    align-items:center !important;
}
/* "Choisissez un fichier" -> bouton dore */
body .forminator-ui#forminator-module-10226 .forminator-button-upload{
    background:#D1B57E !important;
    color:#5a4516 !important;
    border:none !important;
    border-radius:10px !important;
    padding:13px 22px !important;
    font-weight:500 !important;
    font-size:15px !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
    transition:transform .2s, box-shadow .2s, background .2s !important;
}
/* Survol (desktop) : le petit mouvement dore */
body .forminator-ui#forminator-module-10226 .forminator-button-upload:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 8px 18px rgba(209,181,126,.5) !important;
    background:#c9a96a !important;
}
/* "Aucun fichier choisi" / nom du fichier -> texte d'info discret */
body .forminator-ui#forminator-module-10226 .forminator-file-upload span[data-empty-text]{
    border:none !important;
    background:transparent !important;
    color:#8a8270 !important;
    font-size:14px !important;
    padding:0 !important;
}

/* ===== MOBILE : on empile (bouton pleine largeur au-dessus, info dessous) ===== */
@media (max-width:782px){
  body .forminator-ui#forminator-module-10226 .forminator-file-upload{
      flex-direction:column !important;
      align-items:stretch !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-button-upload{
      width:100% !important;
      white-space:normal !important;
      text-align:center !important;
      padding:14px 18px !important;
  }
  body .forminator-ui#forminator-module-10226 .forminator-file-upload span[data-empty-text]{
      text-align:center !important;
      font-size:13px !important;
  }
}


/* ===== TRANSITION ENTRE PAGES — tous les formulaires Forminator ===== */
@keyframes emcFadePage{
    from{ opacity:0; transform:translateY(8px); }
    to{ opacity:1; transform:translateY(0); }
}
.forminator-ui .forminator-pagination[role="tabpanel"].emc-page-anim{
    animation: emcFadePage .45s ease both;
}

/* ===== VIDEO VIDEOPRESS — taille pleine restauree =====
   Complianz encapsule l'iframe et casse son responsive (bloquee a 500px).
   On force le wrapper + l'iframe en pleine largeur, ratio 16/9. */
.jetpack-videopress-player__wrapper .cmplz-placeholder-parent{
    width:100% !important;
    max-width:100% !important;
}
.jetpack-videopress-player__wrapper iframe{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 9 !important;
}