/*
Theme Name: lescompagnonsdumiel - Colibri WP Child
Theme URI: https://colibriwp.com/go/colibri-theme/
Template: colibri-wp
Author: Extend Themes
Author URI: https://colibriwp.com/
Description: Colibri is a beautiful, extremely customizable, multipurpose theme that you can use to create an amazing website by drag and drop. It comes with a predesigned home page, 5 header designs and over 35 ready to use content blocks that you can easily customize. You can also design your own custom blocks by combining over 25 drag and drop components. Colibri has lots of customization options (video background, slideshow background, header content types, etc) that will help you create a website that stands out in no time. It is also responsive so it works on mobile devices out of the box. Colibri is the only theme you will ever need! CHECK OUT THE DEMOS: https://colibriwp.com/go/demos
Tags: entertainment,food-and-drink,portfolio,one-column,two-columns,right-sidebar,grid-layout,custom-header,custom-menu,custom-logo,full-width-template,theme-options,translation-ready,featured-images,threaded-comments
Version: 1.0.125.1730889288
Updated: 2024-11-06 11:34:48

*/

/* couleur lien contenu */
body #content p a {
    color: #428AC7;
}
body #content p a:hover {
    color: #f86e00;
}



/* Start custom CSS for text-editor, class: .elementor-element-eb085f7 */body h2 {
    font-family: "232MKSDRoundMedium", Sans-serif;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-39e44fdd */.wp-caption {
    border: none
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
    font-family: '232MKSDRoundBold';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('../../uploads/2024/04/232MKSDRoundBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
    font-family: '232MKSDRoundMedium';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('../../uploads/2024/04/232MKSDRoundMedium.ttf') format('truetype');
}
/* End Custom Fonts CSS */


/* Désactiver le zoom sur les pages produits */

body.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
	opacity: 0!important;
	pointer-events: none;
}

/* Retirer le texte promotionnel des points fidelité sur les pages produits */
.product-reward-panel-wrapper.woocommerce-noreviews{
    opacity: 0;
    display: none;
}


/* Couleur des liens des filtres dans la boutique */

body#colibri .widget .wpc-filters-widget-content  ul li a:not(.wp-block-button__link) {
	color:black !important;
}


/* Fil D'ariane */
	/* Page produit */

body.single-product .elementor-widget-breadcrumbs p#breadcrumbs {}
.apiculteur-single #breadcrumbs {
    text-align:center;
    margin: 10px 0 20px;
}
body.single-product .elementor-widget-breadcrumbs p#breadcrumbs, .apiculteur-single #breadcrumbs {
	color: rgb(253, 203, 21);
}

body.single-product .elementor-widget-breadcrumbs p#breadcrumbs a,
body.single-product .elementor-widget-breadcrumbs p#breadcrumbs a:visited,
.apiculteur-single #breadcrumbs a, .apiculteur-single #breadcrumbs a,
.apiculteur-single #breadcrumbs a, .apiculteur-single #breadcrumbs a:visited {
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    vertical-align: bottom;
    letter-spacing: 0px;
	color: rgb(253, 203, 21);
    text-transform: uppercase;
/*    line-height: 14px;*/
}


.apiculteur-single #breadcrumbs a, .apiculteur-single #breadcrumbs a,
.apiculteur-single #breadcrumbs a, .apiculteur-single #breadcrumbs a:visited {
    line-height: auto;
}

body.single-product .elementor-widget-breadcrumbs p#breadcrumbs a svg,
.apiculteur-single #breadcrumbs a svg {
    width: 16px;
    height: 16px;
    fill: currentColor;

}
.apiculteur-single #breadcrumbs a svg {

    top: 4px;
    position: relative;
}

body.single-product .elementor-widget-breadcrumbs p#breadcrumbs .breadcrumb_last,
.apiculteur-single #breadcrumbs .breadcrumb_last {
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0px;
    color: rgb(191, 144, 0);
    text-transform: uppercase;
}


/* Message de validation d'ajout au panier */
.woocommerce-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px; /* Ajustez la largeur selon vos préférences */
    width: 90%; /* Ajustez la largeur selon vos préférences */
    padding: 40px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    z-index: 1000;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.woocommerce-message .close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #888;
}

.woocommerce-message.fade-out {
    opacity: 0;
}


/* Nombre d'articles à côté du panier */

.cart-count {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.69);
    border-radius: 50%;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    height: 25px;
    width: 25px;
    line-height: 21px;
    color: rgb(253, 203, 21);
}

/* Bouton ajouter au panier */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {

    background-color: rgb(253, 203, 21);
    color: #000;
    border: none;
    padding: 5px 10px;
    width: 150px;
    display: block !important;
    height: 35px;
    font-size: 16px;
    cursor: pointer;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
#dropContent .sib-default-btn,
body .site .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
body .site .wpc-filters-main-wrap a.wpc-filters-submit-button {
    background-color: rgb(253, 203, 21);
    color: #000;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
body .site .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
body .site .wpc-filters-main-wrap a.wpc-filters-submit-button
 {
    background-color: rgb(253, 203, 21);
    color: #000;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,
body .site .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button:hover,
body .site .wpc-filters-main-wrap a.wpc-filters-submit-button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
#dropContent .sib-default-btn:hover,
body .site .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button:hover,
body .site .wpc-filters-main-wrap a.wpc-filters-submit-button:hover
 {
    opacity: 0.85;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
	background-color: rgb(43, 47, 49);
    color: rgb(181, 174, 165);
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
}



table.variations label {
display: none !important;
}

.woocommerce .products form.variations_form {
    /* margin-bottom: 5px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.woocommerce .products .product.product-type-variable:not(.wep-quantity-disabled) .single_variation_wrap .woocommerce-variation-add-to-cart {
    justify-content: center;
}

/* SUppression de From Free!  */

body span.ywcnp_suggest_label {
	display: none;
}

/* Centrer le texte d'identification */
.wc-block-must-login-prompt {
    text-align: center;
    width: 100%;
}

/* Page panier */
body.woocommerce-checkout .wc-block-components-express-payment,
body.woocommerce-checkout .wc-block-components-express-payment-continue-rule,
.ppcp-messages[data-partner-attribution-id="Woo_PPCP"] {
    display: none !important;
}

/* Newsletter */


#dropContent {
    padding-top: 70px;
}


#dropContent .popup_title.title_font p{
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    color: #262626;
    margin-bottom: 11px;
}

#dropContent h3 {
    font-size: 18px;
}

.sib-email-area .sib-email-area {
    max-width: 450px;
    border: none;
    background: #ebebeb;
    color: #999;
    text-align: center;
    height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 90%;
}

.sib-submit-area {
    width: 100%;
    text-align: center;
}

#dropContent .sib-default-btn {
    color: #FFF;    
    line-height: 40px;
    border: none;
    vertical-align: middle;
    color: #fff !important;
    font-weight: 500;
    text-align: center;
    padding: 0 15px;
    text-transform: uppercase;
    min-width: 125px;
    font-size: 14px;
    padding-right: 38px;
    text-align: center;
    cursor: pointer;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}



/* Page apiculteur */
.apiculteur-single {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}


.single-apiculteur #reusable-sections-3 {
    display: none;
}

    /* Nom (titre) */
    /* .api-title h1 {
        font-family: "232MKSDRoundMedium", Sans-serif;
        background-image: url(../../uploads/2024/08/fond_texte_jaune.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
        padding-left: 20px;
    }*/


    .api-title h1 {
        font-family: "232MKSDRoundMedium", Sans-serif;
        background-image: url(../../uploads/2024/08/fond_texte_jaune.png); /* Chemin vers l'image */
        background-position: left center; /* Position de l'image */
        background-repeat: no-repeat; /* Ne pas répéter l'image */
        background-size: 100% 100%; /* Adapter l'image à la largeur et la hauteur du texte */
        padding: 0 10px; /* Ajouter un peu d'espacement autour du texte si nécessaire */
        display: inline-block; /* Nécessaire pour que l'arrière-plan suive uniquement le contenu */
    }

    
    .apiculteur-single h2 {
        text-align: center;
        font-family: "232MKSDRoundMedium", Sans-serif;
        font-size: 29px;
    }
    .apiculteur-details {
        display: flex;
        justify-content: space-between;
        text-align: center;
        margin-bottom: 80px;
        align-items: center;
    }
    .apiculteur-details .featured-image img {
        max-width: 250px;
    }

    .apiculteur-details .icon-detail img {
        max-width: 150px;
    }


    .apiculteur-details .travailleDEquipe {
        text-transform: lowercase;
    }

    .api-description, .api-comment .api-comment-text {
        display: flex;
        justify-content: space-between;  
        align-items: center;     
        gap: 30px; 
        margin-bottom: 80px;
    }


    .api-description div, .api-comment-text div, .api-defi div, .api-message div.message p {
        text-align: center;   
        padding: 0 6%;
    }

    .api-comment .api-comment-text a {
        text-align: center;
        width: 100%;
        display: block;
    }

    .api-description img, .api-comment img{
        max-width: 400px;   
    }
    .api-description.paysage img{
        max-width: 50%;
    }

    .api-description.paysage div {
        padding: 0;
    }

    .api-slider {
        width: 80vw;
        transform: translateX(-14vw);
        margin-bottom: 80px;     
    }

    .api-defi {
        margin-bottom: 80px;   
    }

    /*.api-video {
        width: 100vw;
        transform: translateX(-24%);
        margin-bottom: 80px;   
    }

*/    /*.api-video iframe {
        height: 100vh;
        width: 100vw;
    }*/

    /* Style pour la vidéo */
    .api-video {
        position: relative; /* Nécessaire pour l'organisation interne */
        width: 100vw; /* Largeur complète de l'écran */
        left: 50%; /* Décalage pour annuler l'effet du parent */
        transform: translateX(-50%); /* Ramène la div à gauche */
        margin-left: 0;
        margin-right: 0;


        margin-bottom: 80px;   
    }

    /* Conteneur vidéo */
    .video-container {
        position: relative;
        width: 100%; /* Prend toute la largeur de api-video */
        padding-top: 56.25%; /* Ratio 16:9 */
        overflow: hidden;
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .api-message {
        padding-bottom: 200px;  
    }

    .api-message h2{
        position: relative; /* Nécessaire si vous souhaitez styliser avec before et after */
        display: flex; /* Affiche les éléments sur une ligne */
        align-items: center; /* Aligne verticalement les éléments */
        justify-content: center; /* Centre tout horizontalement */
    }

    .api-message h2::before, .api-message h2:after{
        width: 50px;
        height: 50px;
        display: block;
        content:" ";
        background-image: url(../../uploads/elementor/thumbs/haut_parleur-qta30fwosqo693o2m541raowkqjwigou7thxfn26wk.png);
        margin: 0 10px; /* Espacement entre le texte et les lignes */
    }
     .api-message h2:after{
        transform: scaleX(-1);
     }
     .api-message .message {
        margin-bottom: 100px;
     }
     .api-message-dot {
        display: flex;
        gap: 20px;
     }
    .api-message-dot a {
        display: block;
        width: 100%;
        height: 250px;
        background-size: cover;   
        text-align: center;
        padding: 50px;
    }

     .api-message-dot-valeurs {
        background-image: url(../../uploads/2024/08/cercle_jaune_apiculteur.png);
     }

     .api-message-dot-certifie {
        background-image: url(../../uploads/2024/08/point_tracabilite.png);
     }

     .api-message-dot-equitable {
        background-image: url(../../uploads/2024/08/cercle_jaune_agri_ethique_france.png);
     }

     .api-message-dot-planet {
        background-image: url(../../uploads/2024/08/cercle_jaune_pot_miel_loupe.png);
     }

     .api-miel {
        margin-bottom: 80px;   
    }
    .api-miel h2{
        position: relative; /* Nécessaire si vous souhaitez styliser avec before et after */
        display: flex; /* Affiche les éléments sur une ligne */
        align-items: center; /* Aligne verticalement les éléments */
        justify-content: center; /* Centre tout horizontalement */
    }

    .api-miel h2::before {
        width: 50px;
        height: 50px;
        display: block;
        content:" ";
        background-image: url(../../uploads/elementor/thumbs/abeille-couleurs_sans_fond-1-qta316861wqeq42dcbdo0nwe6cnt4p13hit5nys20k.png);
        margin: 0 10px; /* Espacement entre le texte et les lignes */
        background-repeat: no-repeat;
    }
    

    .api-miel-all{
        display: flex;
        justify-content: center;
    }

    .api-miel-detail {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .api-miel-pourquoi p {
        text-align: center;
    }


    @media screen and (max-width: 400px) { 

        .api-title h1 {
            background-position: center center;
        }

        .featured-image {
            padding-bottom: 50px;
        }

        .apiculteur-details, .api-description, .api-comment-text, .api-message-dot {
            flex-direction: column;
        }

        .api-description.paysage div {
            padding: 0 6%;
        }

        .api-description.paysage img {
            max-width: 100%;
        }

        .api-video, .api-slider {
            transform: translateX(0);
            width: 100%;
        }
        .api-video {
            margin-bottom: 150px;
        }
        .api-video {
            position: relative; /* Nécessaire pour l'organisation interne */
            width: 100vw; /* Largeur complète de l'écran */
            left: 0; /* Décalage pour annuler l'effet du parent */
            transform: none; /* Ramène la div à gauche */

            
/*            margin-bottom: 80px; */
            margin-bottom: 150px;   
        }

        .api-message-dot a {
            width: 280px;
            height: 270px;
            margin: 0 auto 50px auto;
        }
        .api-message {
            padding-bottom: 60px;
        }

        .api-miel h2::before {
            position: absolute;
            top: -70px;
        }

        .api-message h2::before, .api-message h2:after {
            position: absolute;
            top: -70px;
        }

        .api-message h2:after{
            display: none;
        }

    }






/* Cookies */
#cookie-notice .cookie-notice-container::after {
    
    width: 320px;
    height: 150px;
    /* background-color: red; */
    background-image: url(img/cookies.png);
    background-size: cover;
    content: " ";
    position: absolute;
    bottom: 60%;
    right: 0;
    pointer-events: none;
}

#cookie-notice.fade-out .cookie-notice-container::after {
    opacity: 0;
    transition: opacity 0.5s ease; /* Durée de l'animation : 0.5 seconde */
}

#cookie-notice .cn-button:not(.cn-button-custom) {
    background-color: rgb(253, 203, 21) !important;
}

#cookie-notice .cn-button:not(.cn-button-custom):hover {
    background-color: #f86e00 !important;
}
/*
@media screen and (max-width: 400px) { 
    #cookie-notice::after {
        bottom: 110px;
        right: 30px;
    }
}*/



/* Fonction rechercher */
body .fancybox-slide{
    overflow: hidden;
}

body .fancybox-content {
    position:fixed;
    left:0
}


/* Retirer bouton Google Pay des pages produits */
body.single-product .wcpay-express-checkout-wrapper {
    display: none;
}

body.single-product.woocommerce div.product form.cart .variations {
    width: 45%;
}



/* Page résultat de recherche */

.colibri-main-content-archive {
    background-color: rgb(253, 203, 21);
/*    padding-top: 120px;*/
}


body#colibri .colibri-main-content-archive .h-column-container .h-column__inner {
    background-color: #FFF;
}


body#colibri .colibri-main-content-archive .colibri-post-category,
body#colibri .colibri-main-content-archive .h-blog-meta,
body#colibri .colibri-main-content-archive .h-button__icon {
    display: none;
}

body#colibri .colibri-main-content-archive a {
    color: #428AC7;
}


body#colibri .colibri-main-content-archive .colibri-post-excerpt,
body#colibri .colibri-main-content-archive .metadata-prefix,
body#colibri .colibri-main-content-archive .meta-separator {
    color: #767f8b;
}

.colibri-main-content-archive-result {
    width: 100%;
    text-align: center;
}

/* Div contenant les point de ventes */
#mapPDV {
/*    display: none;*/
}
.page-id-154 #content p a {
    color: #428AC7 !important;
}



/* Carte des compagnons */

.imapsLabel {
    font-family: "232MKSDRoundMedium", Sans-serif;
}

.igm-map-content p {
    padding: 20px;
    text-align: center;
    margin: 0;
}

.igm-map-content p a {
    color: #FFF;
    background-color: #000;
    padding: 10px 70px;
}


@media screen and (max-width: 1800px) { 
    

    #cookie-notice .cookie-notice-container:after {  
            bottom: 90%;
            left: 30%;
    }
}

@media screen and (max-width: 700px) { 
    .igm-map-content p a {
        padding: 10px 20px;
    }

    .igm-map-content td {
        width: 25%;
        max-height: 100vh;
        overflow: auto;
        vertical-align: top;
    }

    .igm-map-content td img {
        vertical-align: top;
    }


    #cookie-notice .cookie-notice-container:after {  
            bottom: 40%;
            right: 0;
            background-size: 50%;
            background-repeat: no-repeat;
            left: 30%;
    }
}





.elementor-social-icons-wrapper.elementor-grid {
    justify-items: left !important;
}

.elementor-element.e-grid.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding-top: 50px;
}




/* Message d'erreur colissimo */
a.custom-phone-error  {
    display: block;
    padding: 15px;
    background-color: #ffeb3b;
    color: #d32f2f;
    text-align: center;
    font-weight: bold;
    border: 2px solid #d32f2f;
    border-radius: 8px;
    text-decoration: none;
    margin: 20px 0;
}

a.custom-phone-error:hover {
    background-color: #fdd835;
    color: #b71c1c;
}


/* Retirer le padding sur les nouvelles pages produits (par exemple pouss-miel) */
body.single-product.woocommerce-page .product {
    padding: 0;
}


.woocommerce-page .content .h-section form h2 {
    display: none;
}


/* Masquer le true (autorisation metorik) de la page commande */
body .wc-block-components-address-form__metorik-opt-in {
    display: none !important;
}



/* Nouvelle mise en page des photo header */


/*div#reusable-sections-2,
div#fond-haut-page,
div#reusable-sections,
div#fond-page,
div#reusable-sections-3, 
div#reusable-sections-4,
.single-product .elementor-element.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded,*/
.is-first-section,
.single-apiculteur .elementor-element.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    height:70vh!important;
    min-height:70vh!important;
    padding:0!important;
    position:relative!important;
}




@media (min-width: 769px) {

    #colibri.home .is-first-section .h-section-boxed-container .style-674{
            margin-bottom: 20px !important;
            margin-left: 0px !important;
    }
    #colibri.home .is-first-section .h-section-boxed-container {
        width: 90% !important;
        bottom: 25px !important;
        position: absolute !important;
        margin: auto !important;
        max-width: 90% !important;
        margin-left: 5% !important;
    }
}


@media (max-width: 768px){
    /*div#reusable-sections-2,
div#fond-haut-page,
div#reusable-sections,
div#fond-page,
div#reusable-sections-3, 
div#reusable-sections-4,
.single-product .elementor-element.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded,
.single-apiculteur .elementor-element.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded*/
        .is-first-section,
        .single-apiculteur .elementor-element.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
                height:40vh!important;
                min-height:40vh!important;
            }
        #colibri.home .is-first-section {
            height:80vh!important;
            min-height:80vh!important;
        }
}
.breadcrumb-items__wrapper .colibri-breadcrumb { justify-content:center }


@media (min-width: 768px){
    /* Page  /le-parcours-de-nos-miels/ */
    #colibri.page-id-145 .style-3688 {
        margin-left: auto;
        margin-right: auto;
        max-width:1400px !important;
        background-image: none;
    }

    #colibri.page-id-145 .style-3688 .background-layer {
        background-image:none !important;
    }
}






/* Loader Colissimo / Mondial Relay */
.lpc-loader {
    display: none;
    margin: 10px 0;
    text-align: center;
}

.lpc-loader .spinner {
    width: 28px;
    height: 28px;
    border: 4px solid #ccc;
    border-top-color: #ff6600; /* couleur Colissimo */
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}


/* Loader caché par défaut */
#global_checkout_loader {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

/* Débloqué mais toujours invisible */
#global_checkout_loader.loader-unlocked {
    display: block !important;
}

/* Loader réellement visible */
#global_checkout_loader.is-visible {
    opacity: 1;
    pointer-events: auto;
}





#dropContent .forminator-row {
    width: 50%;
    float: left;
    padding-right: 1em;
}

.forminator-ui#forminator-module-59775.forminator-design--default .forminator-button-submit {
    background-color: rgb(253, 203, 21);
}









/* ========= HEADER : éviter la nav sur 2 lignes (Colibri)  pour le zoom 150% du responsable ========= */

#colibri .style-438 > div > .colibri-menu-container > ul.colibri-menu > li {
    /* height: 49.5px;*/
    padding-top:11px;
    padding-bottom:12px;
}


/* 1) Le menu doit pouvoir prendre toute la place au centre */
#navigation .h-row{
  flex-wrap: nowrap;
}

#navigation .h-column-container{
  min-width: 0; /* important pour éviter les débordements */
}

/* Colonne menu : flexible */
#navigation [data-placeholder-provider="navigation-menu"]{
  flex: 1;
  min-width: 0;
}

/* Colonne logo + icônes : non-flexible */
#navigation [data-placeholder-provider="navigation-logo"],
#navigation [data-placeholder-provider="navigation-custom"]{
  flex: 0 0 auto;
}

/* 2) Menu horizontal sans wrap + espacements fluides */
#navigation ul#menu-menu_principal{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  /* height: 120px; */
}

#navigation ul#menu-menu_principal > li > a{
  white-space: nowrap;
  font-size: clamp(13px, 0.85vw, 16px);
  padding-left: clamp(6px, 0.6vw, 14px);
  padding-right: clamp(6px, 0.6vw, 14px);
}

/* 3) Icônes un peu plus compactes quand ça commence à serrer */
@media (max-width: 1400px){
  #navigation .h-social-icons .icon-container{
    width: 34px;
    height: 34px;
  }
}

/* 4) Si vraiment trop serré : on masque le bloc icônes (optionnel) */
@media (max-width: 1220px){
  #navigation [data-placeholder-provider="navigation-custom"]{
    /*display: none;*/
  }
}




/** masque temporaire du second header de https://lescompagnonsdumiel.fr/produit/miel-de-tilleul-d-ile-de-france/ */

body.postid-6977 #reusable-sections-3 {
    display: none;
}






















































































/* nouvelle page produit  10h (functions.php + CSS + JS) */


body.single-product .h-section-global-spacing {
    padding-top: 0;
}

body.single-product .h-section-boxed-container {
    max-width: 1140px;
}

/* Fil d'ariane */
/* =========================================================
   FIL D’ARIANE – WooCommerce (version sans Elementor)
   ========================================================= */

body.single-product .lopale-breadcrumb{
    text-align: center;
    margin: 10px 0 20px;
}

/* Texte global */
body.single-product .lopale-breadcrumb,
body.single-product .lopale-breadcrumb .woocommerce-breadcrumb{
    color: rgb(253, 203, 21);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

/* Liens */
body.single-product .lopale-breadcrumb a,
body.single-product .lopale-breadcrumb a:visited{
    color: rgb(253, 203, 21);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    vertical-align: bottom;
}

/* Séparateur ( / ) */
body.single-product .lopale-breadcrumb .woocommerce-breadcrumb .delimiter{
    margin: 0 6px;
    color: rgb(253, 203, 21);
}

/* Élément courant (dernier) */
body.single-product .lopale-breadcrumb .woocommerce-breadcrumb span:last-child{
    color: rgb(191, 144, 0);
    font-weight: 600;
}

/* Icônes SVG éventuelles (si plugin SEO ou thème en injecte) */
body.single-product .lopale-breadcrumb svg{
    width: 16px;
    height: 16px;
    fill: currentColor;
    position: relative;
    top: 3px;
}

/* dernier item (maintenant enveloppé) */
.lopale-breadcrumb .woocommerce-breadcrumb .breadcrumb_last{
    color: rgb(191, 144, 0);
    padding-left: 5px;
}


/* Bandeau haut */
.lopale-hero, .lopale-bandeau-haut, .lopale-hero-rares, .lopale-accessoires-bandeau-haut {
  position: relative;
  width: 100vw;
  height: 70vh;

  /* Sort du container centré */
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  overflow: hidden;
}

.lopale-hero img, .lopale-bandeau-haut img, .lopale-hero-rares img, .lopale-accessoires-bandeau-haut img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



/* Bloc sous produit */
/* full-bleed */
.lopale-fullbleed{
  width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  position:relative;
}




/* Produit woocommerce */

.single-product.woocommerce-page .d-flex.h-section.h-section-global-spacing.position-relative.main-section {
    background-color: #FFF;
}
.single-product.woocommerce-page .product {
    border: none;
}

.single-product.woocommerce-page .product .product_title{
  display:block;
  font-family:"Gorilla", Sans-serif;
  font-size: 29px;

    font-family: "232MKSDRoundMedium", Sans-serif;
    font-size: 30px;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width: 30%;
    padding: 25px;
}


/*
.woocommerce #content div.product:not(.product_cat-incontournables) div.images,
.woocommerce div.product:not(.product_cat-incontournables) div.images,
.woocommerce-page #content div.product:not(.product_cat-incontournables) div.images,
.woocommerce-page div.product:not(.product_cat-incontournables) div.images, {
    background-image: url(../../../wp-content/uploads/2024/09/Pattern-La-Ruche-Acacia-feuillage.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
}*/

.woocommerce #content div.product.product_cat-bio div.images,
.woocommerce div.product.product_cat-bio div.images,
.woocommerce-page #content div.product.product_cat-bio div.images,
.woocommerce-page div.product.product_cat-bio div.images {
    /*background-image: url(../../../wp-content/uploads/2024/09/Pattern-La-Ruche-Acacia-feuillage.png);*/
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
}


.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: right;
    width: 70%;
    clear: none;
}

#colibri.single-product.woocommerce-page .content .h-section .price,
#colibri.single-product.woocommerce .content .h-section .price ,
span.custom-product-weight {
    color: black;
    font-weight: 600;
    font-size: 25px;
}

.single-product.woocommerce-page .product button.single_add_to_cart_button.button.alt {
    color: #000 !important;
}



/* Intro 50/50 */
.lopale-intro{
  padding:0;
  overflow:hidden;
}

.lopale-intro__inner{
  max-width:none;      /* annule ton max-width précédent */
  margin:0;
  padding:0;
  display:flex;
  min-height:340px;
  height: 400px;
}

.lopale-intro__text{
  width:50%;
  padding:60px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

/* titre avec bandeau noir */
.lopale-intro__text h2{
  margin:0 0 16px;
  font-size:clamp(22px,2.2vw,36px);
  line-height:1.1;
  font-weight:800;
  font-family: "Gorilla", Sans-serif !important;
}
.lopale-intro__text h2{
  display:block;
}
.lopale-intro__text h2::before,
.lopale-intro__text h2::after{ content:none; }

.lopale-intro__text h2{
  /* on simule le bandeau noir en mettant le fond sur un inline */
}
.lopale-intro__text h2{
  color:#fff;
}
.lopale-intro__text h2 span{
  background:#000;
  padding:6px 12px;
  display:inline-block;
}

/* ⚠️ si tu ne veux pas modifier le HTML, on “wrap” via CSS */
.lopale-intro__text h2{
  /*background:#000;*/
  display:inline-block;
  padding:6px 12px;
}

/* WYSIWYG */
.lopale-intro__wysiwyg{
  max-width:720px;
  margin:0 auto;
  line-height:1.6;
  font-size:14px;
  color: #FFF;
}


.lopale-intro__wysiwyg p, .lopale-intro__text h2, .woocommerce-page .content .h-section .lopale-intro__text h2 {
  color: #FFF;
}

.lopale-intro__text h2{
    font-family: "Gorilla", Sans-serif;
}

/* colonne image */
.lopale-intro__img{
  width:50%;
  min-height:340px;
}
.lopale-intro__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Responsive */
@media (max-width:900px){
  .lopale-intro__inner{ flex-direction:column; }
  .lopale-intro__text,
  .lopale-intro__img{ width:100%; }
  .lopale-intro__text{ padding:28px 18px; }
  .lopale-intro__img{ min-height:220px; }
}


/* catégorie bio */
/* === Blocs catégories produits : full width écran === */
/* ==========================================================
   BLOCS COMMUNS (Catégorie Bio) - version propre
   ========================================================== */

/* Full width (comme Elementor) */
.lopale-cat-common-blocks{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 40px;
}

/* Sécurité anti scroll horizontal */
body{ overflow-x: hidden; }

/* Base */
.lopale-cat-common-blocks .lopale-block{
  margin: 0 0 28px;
}

/* ==========================================================
   SPLIT (image 50% / contenu 50%)
   ========================================================== */
.lopale-cat-common-blocks .lopale-block--split{
  background: var(--bg, transparent);
}

.lopale-cat-common-blocks .lopale-block--split .lopale-block__inner{
  display: grid;
  grid-template-columns: 50% 50%; /* photo = moitié exacte */
  width: 100%;
  height: 100%;                  /* important pour que les enfants prennent la hauteur */
  align-items: stretch;
}

/* Media */
.lopale-cat-common-blocks .lopale-block--split .lopale-block__media{
  height: 100%;
  overflow: hidden; /* si l'image dépasse, on coupe proprement */
}
.lopale-cat-common-blocks .lopale-block--split .lopale-block__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Contenu : centrage vertical */
.lopale-cat-common-blocks .lopale-block--split .lopale-block__content{
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* centrage vertical */
}


.woocommerce-page .content h2.lopale-block__title {
    font-family: "Gorilla", Sans-serif;
    text-align: center;
    color: #FFF;
}

/* ==========================================================
   OVERLAY (background + contenu centré)
   ========================================================== */
.lopale-cat-common-blocks .lopale-block--overlay{
  position: relative;
  width: 100%;
  background-image: var(--bgimg);
  background-size: cover;
  background-position: center;
  display: grid;
  place-items: center; /* centrage vertical/horizontal */
  overflow: hidden;
}

.lopale-cat-common-blocks .lopale-block--overlay::before{
  content:"";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.28);
}

.lopale-cat-common-blocks .lopale-block--overlay .lopale-block__overlay-inner{
  position: relative;
  z-index: 1;
  padding: 46px 28px;
  text-align: center;
  color: #fff;
  max-width: 900px;
  transform: translateY(-20px); /* ton petit "style" visuel */
}

/* ==========================================================
   Bouton (hérite couleur du texte)
   ========================================================== */
.lopale-cat-common-blocks .lopale-btn{
  display: inline-block;
  margin-top: 16px;
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid currentColor;
  text-decoration: none;
  color: inherit;
}


body #content .lopale-block__cta a{
    background-color: #000;
    color: #FFF;
}

p.lopale-block__cta {
    text-align: center;
}

/* ==========================================================
   HAUTEURS EXACTES (desktop)
   ========================================================== */
.lopale-cat-common-blocks .lopale-block--engages{ height: 450px; }
/* Bloc Engagés : on décale le cadrage de l'image vers le bas */
.lopale-block--engages .lopale-block__media img{
  object-position: center top;
}

.lopale-cat-common-blocks .lopale-block--bios{    height: 700px; }
.lopale-cat-common-blocks .lopale-block--ruche{   height: 400px; }

/* Assure que l'intérieur suit la hauteur */
.lopale-cat-common-blocks .lopale-block--engages .lopale-block__inner,
.lopale-cat-common-blocks .lopale-block--ruche .lopale-block__inner{
  height: 100%;
}

/* ==========================================================
   RESPONSIVE
   - on passe en 1 colonne
   - on évite les hauteurs fixes (sinon ça devient trop haut)
   ========================================================== */
@media (max-width: 900px){
  .lopale-cat-common-blocks{
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .lopale-cat-common-blocks .lopale-block--split .lopale-block__inner{
    grid-template-columns: 1fr;
  }

  /* Sur mobile, on laisse respirer (hauteur auto) */
  .lopale-cat-common-blocks .lopale-block--engages,
  .lopale-cat-common-blocks .lopale-block--bios,
  .lopale-cat-common-blocks .lopale-block--ruche{
    height: auto;
  }

  /* Images pas écrasées */
  .lopale-cat-common-blocks .lopale-block--split .lopale-block__media{
    height: 240px;
  }

  .lopale-cat-common-blocks .lopale-block--split .lopale-block__content{
    padding: 22px;
  }

  .lopale-cat-common-blocks .lopale-block--overlay .lopale-block__overlay-inner{
    transform: none; /* plus stable sur mobile */
    padding: 28px 18px;
  }
}

/* smart slider */
.lopale-product-slider-after-cat-blocks{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}


.up-sells.upsells.products {
    margin-top: 50px;
}


/* Lien  */
/* Lien équitable sous le Smart Slider */
.lopale-equitable-link{
  margin: 28px auto 0;
  text-align: center;
}

.lopale-equitable-link a{
  display: inline-block;
  padding: 10px 18px;
  border-radius: 6px;
  background: #7a5ea7; /* violet doux (à ajuster) */
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: all .2s ease;
}

.lopale-equitable-link a:hover{
  background: #654c90;
  transform: translateY(-1px);
}


.lopale-block--overlay .lopale-block__text {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}
.lopale-block--overlay .lopale-block__text p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #fff;
}
.lopale-block--overlay .elementor-widget-image {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.lopale-block--overlay .elementor-widget-image img {
    max-width: 120px; /* ajuste si besoin */
    height: auto;
}
.lopale-block--overlay .lopale-block__title {
    font-family: "Gorilla", Sans-serif;
    font-size: clamp(26px, 3vw, 40px);
    font-weight: 800;
    margin-bottom: 18px;
    text-align: center;
}
.lopale-block--overlay .lopale-block__cta {
    text-align: center;
    margin-top: 24px;
}
.lopale-cat-common-blocks .lopale-block--overlay{
  position: relative;
  width: 100%;
  background-image: var(--bgimg);
  background-size: cover;
  background-position: center;
  display: grid;
  grid-template-columns: 50% 50%; /* moitié gauche / moitié droite */
  overflow: hidden;
}
.lopale-cat-common-blocks .lopale-block--overlay{
  position: relative;
  width: 100%;
  background-image: var(--bgimg);
  background-size: cover;
  background-position: center;
  display: grid;
  grid-template-columns: 50% 50%; /* moitié gauche / moitié droite */
  overflow: hidden;
}
.lopale-cat-common-blocks .lopale-block--overlay .lopale-block__overlay-inner{
  grid-column: 2;               /* moitié droite */
  align-self: center;           /* centrage vertical */
  justify-self: center;         /* centrage horizontal dans la colonne */
  max-width: 520px;             /* largeur “Elementor-like” */
  padding: 46px 28px;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 1;
}
@media (max-width: 900px){
  .lopale-cat-common-blocks .lopale-block--overlay{
    grid-template-columns: 1fr;
  }

  .lopale-cat-common-blocks .lopale-block--overlay .lopale-block__overlay-inner{
    grid-column: 1;
    max-width: 100%;
    padding: 28px 18px;
    text-align: center;
  }
}
/* Vous allez adorer */

.up-sells.upsells.products h2 {
    /*font-family: "Gorilla", Sans-serif;*/
    color: #000;
    font-family: "232MKSDRoundMedium", Sans-serif;
    font-weight: 300;
    font-size: 30px;
}

body.woocommerce.single-product ul.products li.product {
    border:none;
}

@media (min-width: 1024px) {
    body.woocommerce ul.products.columns-4 li.product {
        -ms-flex-preferred-size: calc((100% / 3) - 30px);
        flex-basis: calc((100% / 3) - 30px);
        max-width: calc((100% / 3) - 30px);
    }
}



/* smartslider */
.lopale-product-slider-after-cat-blocks h2{
    text-align: center;
    font-family: "Gorilla", Sans-serif !important;
    color: #000;
}


/* Nos miels incontournables  ACF Fait */
    /* A vos cuillères */
.lopale-desc-layout{
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
}

.lopale-desc-layout__inner{
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 40px;
  align-items: start;
}

.lopale-desc-layout__right{
  position: sticky;
  top: 120px; /* ajuste selon ton header */
}

/* Bloc orange */
.lopale-cuilleres{
  background:#f28a18;
  color:#fff;
  padding:22px;
  border-radius: 2px;
  text-align:center;
}

.content .h-section h3.lopale-cuilleres__title{
  margin: 0 0 16px;
  font-size: 44px;
  line-height: 1;
  color: #FFF;
  font-weight: 100;
  /*text-transform: uppercase;*/
      font-family: "232MKSDRoundMedium", Sans-serif;
}

.lopale-cuilleres__img img{
  width: 100%;
  height: auto;
  display:block;
  margin: 0 auto 14px;
}

.lopale-cuilleres__text{
  margin: 0 0 14px;
  color: rgba(255,255,255,.9);
}

/* Bouton blanc */
.lopale-btn.lopale-btn--white{
  display:inline-block;
  background:#fff;
  color:#111;
  padding: 10px 18px;
  border-radius: 2px;
  text-decoration:none;
  font-weight:600;
}

@media (max-width: 980px){
  .lopale-desc-layout__inner{
    grid-template-columns: 1fr;
  }
  .lopale-desc-layout__right{
    position: static;
  }
}
/* 1) Le conteneur WooCommerce en mode flex doit pouvoir passer à la ligne */
.single-product div.product{
  flex-wrap: wrap;
}

/* 2) Notre section doit prendre 100% de la largeur et passer sous l'image + summary */
.single-product div.product .lopale-desc-layout{
  flex: 0 0 100%;
  width: 100%;
  clear: both;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
    /* Vidéo  */
.lopale-video-block{
  margin: 60px 0;
}
.lopale-video-block__title{
  text-align:center;
  margin:0 0 18px;
  font-size:22px;
  font-weight:700;
      font-family: "232MKSDRoundMedium", Sans-serif !important;
    font-size: 30px;
}

/* Vidéo fichier */
.lopale-video-file video{
  width:100%;
  height:auto;
  display:block;
  border-radius:14px;
}

/* Vidéo embed (oEmbed) : rend l'iframe responsive */
.lopale-video-embed{
  position:relative;
  padding-top:56.25%;
  overflow:hidden;
  border-radius:14px;
}
.lopale-video-embed iframe,
.lopale-video-embed object,
.lopale-video-embed embed{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

/* smartslider */

.lopale-smartslider__title {
        font-family: "232MKSDRoundMedium", Sans-serif !important;
    font-size: 30px;
    text-align: center;
}

    /* Bulles jaunes */
.lopale-bulles{
  margin: 60px 0;
}

.lopale-bulles__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

/* Chaque bulle */
.lopale-bulle{
  position: relative;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #111;
}

/* L'image (ton rond jaune) */
.lopale-bulle__bg{
  width: 100%;
  height: auto;
  display: block;
}

/* Texte par-dessus */
.lopale-bulle__text{
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

    /* Réseaux sociaux */
/* Full width comme ta capture */
.lopale-suivez{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;

  background-image: var(--bg);
  background-size: cover;
    background-position: center 10%;
  background-repeat: no-repeat;

  padding: 120px 0; /* image plus haute */
  min-height: 500px; /* hauteur minimum */
}

/* overlay léger */
.lopale-suivez::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.15);
}

/* 2 colonnes invisibles : gauche vide, droite contenu */
.lopale-suivez__inner{
  position: relative; /* au-dessus de l'overlay */
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

/* bloc contenu à droite */
.lopale-suivez__inner > *{
  grid-column: 2;
  text-align: center;
}

/* Titre */
.lopale-suivez__title{
  color: #fff !important;
  font-family: "232MKSDRoundMedium", Sans-serif !important;
  font-size: 44px;
  font-weight: 800;
  margin: 0 0 20px;
  text-shadow: 0 3px 10px rgba(0,0,0,.4);
}

/* icônes */
.lopale-suivez__icons{
  display: flex;
  justify-content: center;
  gap: 22px;
}

.lopale-suivez__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  text-decoration: none;
}

/* Base icône (mask) : c'est ICI que tes icônes réapparaissent */
.lopale-ico{
  width: 64px;
  height: 64px;
  display: block;

  background: #fff;                 /* ✅ couleur de l’icône */
  -webkit-mask-size: contain;       /* ✅ indispensable */
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

.lopale-suivez__icon{
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.lopale-suivez__icon svg{
  width: 64px;
  height: 64px;
  display: block;
  fill: #fff;              /* ✅ blanc */
  filter: drop-shadow(0 3px 6px rgba(0,0,0,.35));
}

/* Transition douce */
.lopale-suivez__icon svg{
  transition: all .3s ease;
}

/* Hover */
.lopale-suivez__icon:hover svg{
  fill: #f39200; /* orange miel */
  transform: scale(1.08);
  fill: #f39200;
  filter: drop-shadow(0 0 8px rgba(243,146,0,.6));
}



/* Responsive */
@media (max-width: 768px){
  .lopale-suivez{
    padding: 90px 0;
    min-height: 320px;
  }

  .lopale-suivez__inner{
    grid-template-columns: 1fr;
  }

  .lopale-suivez__inner > *{
    grid-column: auto;
  }

  .lopale-suivez__title{
    font-size: 30px;
  }

  .lopale-suivez__icon,
  .lopale-ico{
    width: 44px;
    height: 44px;
  }

  .lopale-suivez__icon{ width:44px; height:44px; }
  .lopale-suivez__icon svg{ width:44px; height:44px; }
}




/* Nos miel rares  ACF Fait */

/* wrapper full width */
.lopale-rares-splits{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  clear: both;
}

/* 2 colonnes 50/50 */
.lopale-split{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;

  min-height: 300px;
  max-height: 500px; /* hauteur max normale */
  margin-bottom: 30px;
}

/* si le contenu déborde → le bloc s'agrandit */
.lopale-split:has(.lopale-split__panel){
  /*max-height: none;*/
}


.lopale-split__media{
  overflow: hidden;
  background: #000; /* si image vide, pas de blanc */
}

.lopale-split__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* panneau noir */
.lopale-split__panel{
  background: #000;
  color: #fff;
  padding: 48px 56px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lopale-split__title{
  margin: 0 0 14px;
  font-size: 26px;
  font-style: italic;
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(0,0,0,.6);
  color: #FFF !important;
  font-family: "232MKSDRoundMedium", Sans-serif !important;
}
}

.lopale-split__text{
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.92);
}
.lopale-split__text p{ margin: 0 0 10px; color: rgba(255,255,255,.92) !important;}
.lopale-split__text p:last-child{ margin-bottom: 0; }

/* responsive */
@media (max-width: 900px){
  .lopale-split{
    grid-template-columns: 1fr;
  }
  .lopale-split__panel{
    padding: 32px 22px;
  }
  .lopale-split__media{
    min-height: 240px;
  }
}

    /* Mettre en lumière */
/* Full width */
.lopale-rares-highlight{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
}

/* Split 50/50 */
.lopale-rares-highlight__inner{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

/* Image */
.lopale-rares-highlight__media{
  overflow: hidden;
  background: #000;
}

/* Par défaut : hauteur max 500px */
.lopale-rares-highlight__media,
.lopale-rares-highlight__panel{
  min-height: 320px;
  max-height: 500px;
}

/* Si le texte est plus long : on laisse grandir (pas de scroll interne) */
.lopale-rares-highlight__panel{
  height: auto;
  max-height: none; /* le panel peut grandir */
}

/* L’image suit la hauteur du bloc */
.lopale-rares-highlight__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Panel noir */
.lopale-rares-highlight__panel{
  background: #000;
  color: #fff;
  padding: 48px 56px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFF !important;
}

/* Titre */
.lopale-rares-highlight__title{
  margin: 0 0 14px;
  font-size: 34px;
  font-style: italic;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0,0,0,.6);
  color: #FFF !important;
  font-family: "232MKSDRoundMedium", Sans-serif !important;
}

/* Texte */
.lopale-rares-highlight__text{
  font-size: 13px;
  line-height: 1.7;
  color: rgba(255,255,255,.92);
}
.lopale-rares-highlight__text p{ margin: 0 0 12px;color: #FFF !important; }
.lopale-rares-highlight__text p:last-child{ margin-bottom: 0; }

/* Bouton centré */
.lopale-rares-highlight__cta{
  margin: 28px 0 0;
  text-align: center;
}

.lopale-rares-highlight__btn{
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 12px 26px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
}

.lopale-rares-highlight__btn:hover{
  background: #f39200;
  color: #111;
}

/* Responsive */
@media (max-width: 900px){
  .lopale-rares-highlight__inner{
    grid-template-columns: 1fr;
  }
  .lopale-rares-highlight__media{
    min-height: 240px;
    max-height: 320px;
  }
  .lopale-rares-highlight__panel{
    padding: 32px 22px;
  }
  .lopale-rares-highlight__title{
    font-size: 26px;
  }
}


    /* conseil de dégustation */
.lopale-conseil-degustation{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;

  background: #fff;
  padding: 64px 0;
}

.lopale-conseil-degustation__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

  display: grid;
  grid-template-columns: 360px 1fr;
  column-gap: 56px;
  align-items: center;
}

.lopale-conseil-degustation__logo img{
  width: 100%;
  max-width: 360px;
  height: auto;
  display: block;
}

.lopale-conseil-degustation__title{
  margin: 0 0 10px;
  font-size: 34px;
  font-weight: 800;
  color: #111;
}

.lopale-conseil-degustation__text{
  font-size: 14px;
  line-height: 1.6;
  color: #111;
}
.lopale-conseil-degustation__text p{ margin: 0; }

/* mobile */
@media (max-width: 900px){
  .lopale-conseil-degustation{
    padding: 42px 0;
  }
  .lopale-conseil-degustation__inner{
    grid-template-columns: 1fr;
    row-gap: 18px;
    text-align: center;
  }
  .lopale-conseil-degustation__logo img{
    margin: 0 auto;
    max-width: 240px;
  }
  .lopale-conseil-degustation__title{
    font-size: 26px;
  }
}

/* Réseaux sociaux */
.lopale-monde{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;

  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  min-height: 500px;
  padding: 64px 0;
  margin-bottom: 50px;
}

/* un léger voile si besoin (désactive si tu veux l'image pure) */
.lopale-monde::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(255,255,255,.02);
}

.lopale-monde__inner{
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.lopale-monde__title{
  margin: 0 0 16px;
  font-size: 44px;
  font-weight: 900;
  line-height: 1.05;
  color: #000 !important;
  width: 40%;
    line-height: 1.2em !important;
}

/* icônes rond noir */
.lopale-monde__icons{
  display: flex;
  gap: 12px;
}

.lopale-monde__icon{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #000;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;
}

.lopale-monde__icon svg{
  width: 18px;
  height: 18px;
  fill: #fff;
  display: block;
}

/* petit hover discret */
.lopale-monde__icon:hover{
  background: #f39200;
}
.lopale-monde__icon:hover svg{
  fill: #111;
}

@media (max-width: 900px){
  .lopale-monde{ padding: 44px 0; min-height: 280px; }
  .lopale-monde__title{ font-size: 30px; }
}




/* Autour du Miel PAS D'ACF */

.lopale-product-content {
    clear: both;
    color: #000;
}


.lopale-product-content h2.wp-block-heading.has-text-align-center {
    font-family: "232MKSDRoundMedium", Sans-serif;
    font-size: 19px;
}






@media (max-width: 768px){
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 100%;
        background: none;
    }

    .lopale-bulles__inner {
        display: block;
    }
    .lopale-rares-highlight {
        position: relative;
        left: 0%;
        right: 0%;
        margin-left: 0;
        margin-right: 0;
        width: 100vw;
        /* width: 100%; */
    }
    .lopale-rares-highlight__inner {
        grid-template-columns: 1fr;
        width: 90vw;
    }
    .lopale-intro__inner {
        height: auto;
    }
}


/* correction bug page miel rare */
@media (min-width: 768px){
    #colibri.page-id-149 .style-local-149-c15-outer {
        width: 100%;
    }

    #colibri.page-id-149 .h-column.h-column-container.d-flex.h-col-lg-auto.h-col-md-auto.h-col-auto.style-1314-outer.style-local-149-c25-outer {
        width: 20%;
    }

    #colibri.page-id-149 .h-column.h-column-container.d-flex.h-col-lg-auto.h-col-md-auto.h-col-auto.style-1316-outer.style-local-149-c27-outer {
        width: 80%;
    }
}

/*

Fait en plus : 
    - Abeille qui suit le curseur
    - correction bug mise en page des filtre miel rare




Procédure de migration
    Sur le site local :
        Exporter les champs ACF : ACF / outil
    Sur le site en ligne :
        * Désactiver le curseur auto
        * Importer les champs ACF : ACF / outil
        Mettre les carte cadeaux en catégorie accessoires
        Remplir les champs catégorie / produit
        Désactiver Elementor
        copier functions.php / styles.css / JS




*/




/* On parle de nous */
/* Bandeau Mentions presse */
.lopale-mp-hero {
    height: 70vh !important;
    min-height: 70vh !important;
    padding: 0 !important;
    position: relative !important;
    border-radius: 0 !important;
}

/* Si l'image est en background */
.lopale-mentions-header {
    background-size: cover !important;
    background-position: center center !important;
}

/* Si jamais une image <img> est utilisée */
.lopale-mentions-header img {
}


/* =========================
   FIL D’ARIANE – Mentions presse
========================= */

.lopale-mp-breadcrumb {
    text-align: center;
    margin: 10px 0 20px;
    color: rgb(253, 203, 21);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Liens */
.lopale-mp-breadcrumb a,
.lopale-mp-breadcrumb a:visited {
    color: rgb(253, 203, 21);
    text-decoration: none;
    font-weight: 600;
}

/* SVG maison */
.lopale-mp-breadcrumb a svg {
    width: 16px;
    height: 16px;
    fill: rgb(253, 203, 21); /* ← on force la couleur */
    position: relative;
    /*top: 3px;*/
    vertical-align: middle;
}

/* Élément courant */
.lopale-mp-breadcrumb .breadcrumb_last {
    color: rgb(191, 144, 0);
    font-weight: 600;
}



/* Retire le titre du hero */
.lopale-mp-hero__inner {
    display: none;
}

/* Titre principal sous le fil d’ariane */
.lopale-mp-page-title {
    text-align: center;
    margin: 40px 0 60px;
}

.lopale-mp-page-title h1 {
    font-size: 42px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    font-family: MKSD Medium;
}
@media (max-width: 1024px) {
    .lopale-mp-page-title h1 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .lopale-mp-page-title h1 {
        font-size: 26px;
    }
}




@media (min-width: 1200px) {
    body .lopale-mentions-grid {
        max-width: 1232px;
        margin: 0 auto;
    }
}

body .lopale-mention-card {
    border-radius: 0;
    background-color: #F2F2F2;
}

body .lopale-mention-logo img {
    max-height: 100%;
}

body .lopale-mention-title {
    text-align: center;
}

body .lopale-mention-btn {
    background-color: rgb(253, 203, 21);
    color: #000;
    border: none;
    padding: 5px 10px;
    width: 150px;
    display: block !important;
    height: 35px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}

body .lopale-mention-btn:hover {
background-color: #000; 
    color: rgb(253, 203, 21);
    
}

body .lopale-mention-card a {
    font-weight: bold;
}   body.postid-12898 td img {
    width: 100%;
}



.woocommerce-page input[type=checkbox], .woocommerce-page input[type=radio], .woocommerce input[type=checkbox], .woocommerce input[type=radio] {
    padding:12px !important;
}
.page-id-72 .wc-block-components-address-form__email {
    display: none;
}

/* Modification page panier */

@media (min-width: 780px) {
    body.woocommerce-cart #wps_wpr_order_notice {
        background-color: #55b3a5;
        width: 100%;
        z-index: 1;
        position: absolute;
        top: 0;
    }


    body.woocommerce-cart .woocommerce{
            padding-top: 10%;
    }

    body.woocommerce-cart form.woocommerce-cart-form {
        width: 70%;
        float: left;
    }

    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }
    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
        width: 29%;
        float: right;
    }

    .woocommerce .cart-collaterals  .coupon {
        display: flex;
    }

    .woocommerce-cart.woocommerce-page .coupon #coupon_code {
        height: 4rem;
    }


}

.lopale-cart-trust{
  display:flex;
  flex-wrap:wrap;
  gap:18px 28px;
  align-items:center;
  justify-content:center;
  padding:14px 10px;
  margin:14px 0 0;
  border-top:1px solid rgba(0,0,0,.08);
}

.lopale-cart-trust__item{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  font-weight:600;
}

/*.lopale-cart-trust__icon{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.08);
}*/

.lopale-cart-trust__icon{ height:120px; display:flex; }


/* Responsive */
@media (max-width: 600px){
  .lopale-cart-trust{
    justify-content:flex-start;
  }
}


.lopale-cart-crosssell{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.lopale-cart-crosssell__title{
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 800;
}

.lopale-cart-crosssell__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.lopale-cart-crosssell__card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.lopale-cart-crosssell__img img{
  display:block;
  width:100%;
  height:auto;
}

.lopale-cart-crosssell__body{
  padding: 10px 12px 12px;
}

.lopale-cart-crosssell__name{
  display:block;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.25;
  margin-bottom: 6px;
}

.lopale-cart-crosssell__price{
  font-weight: 700;
  margin-bottom: 10px;
}

@media (max-width: 900px){
  .lopale-cart-crosssell__grid{ grid-template-columns: 1fr; }
}


/* page valider */
body.woocommerce-checkout fieldset#shipping-option, body.woocommerce-checkout fieldset#payment-method {
    border: 1px solid;
    padding: 0 10px;
    border-radius: 10px;
}

body.woocommerce-checkout legend.screen-reader-text {
    height: auto;
    display: block;
    overflow: auto;
    width: auto;
    clip: initial;
    clip-path: none;
    margin: 0;
    position: relative !important;
    top: 0;
    padding: 0 10px;
    
}



body.woocommerce-checkout#colibri .style-5732, body.woocommerce-cart#colibri .style-5732  {
    background-image: url(https://lescompagnonsdumiel.fr/wp-content/uploads/2026/03/miels_pots_ouverts-recadre.jpg);
    height: 30vh !important;
    min-height: 30vh !important;
}


/* Retirer titre page d'accueil */
body.home #reusable-sections-3.style-6202 {
    display: none !important;
}

body.woocommerce-cart .coupon {
    display: none;
}
.lopale-notices {
  margin-bottom: 15px;
}

.lopale-notices .woocommerce-message,
.lopale-notices .woocommerce-error,
.lopale-notices .woocommerce-info {
  margin: 0;
}

.lopale-fake-coupon .lopale-coupon-message {
  margin-bottom: 8px;
}

.lopale-fake-coupon .coupon-error-notice {
  margin: 0 0 8px;
    background-color: red;
}/* ===== RECETTE LAYOUT (sans Elementor) ===== */
.recette-main { display:block; }
.recette-hero {
    min-height: 420px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    color: #fff;
    padding: 3rem 1.5rem;
}
.recette-hero__inner {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}
.recette-breadcrumb {
    font-size: .9rem;
    /*margin-bottom: .8rem;*/
    opacity: .85;
}
.recette-breadcrumb a { color: #fff; text-decoration: underline; }
.recette-title {
    font-family: "232MKSDRoundMedium", "Georgia", serif;
    font-size: clamp(2rem, 4.5vw, 3.4rem);
    line-height: 1.15;
    margin: 0;
    color: #fff !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.45);
}
.recette-body {
    max-width: 820px;
    margin: 0 auto;
    padding: 3rem 1.5rem 5rem;
    font-size: 1.05rem;
    line-height: 1.7;
}
.recette-intro { margin-bottom: 2rem; }
.recette-section {
    margin-top: 2.5rem;
    padding: 1.8rem 2rem;
    border-radius: 14px;
    background: #fff8ec;
    border: 1px solid #f1dcae;
}
.recette-section--preparation {
    background: #fdfaf4;
}
.recette-section h2 {
    margin: 0 0 1.2rem;
    font-size: 1.8rem;
    color: #b6810a;
    font-family: "232MKSDRoundMedium", "Georgia", serif;
}
.recette-subheading {
    margin: 1.4rem 0 .4rem;
    font-size: 1.1rem;
    color: #8a5a00;
    font-weight: 600;
}
.recette-list {
    margin: 0 0 1rem 1.2rem;
    padding: 0;
}
.recette-list li {
    margin: .25rem 0;
    padding-left: .2rem;
}
.recette-section--preparation p {
    margin: 0 0 1rem;
}
@media (max-width: 640px) {
    .recette-hero { min-height: 320px; padding: 2rem 1rem; }
    .recette-body { padding: 2rem 1.2rem 3rem; }
    .recette-section { padding: 1.4rem 1.2rem; }
}
.recette-ingredients {
    position: relative;
    padding: 55px 35px 35px !important;
    background:none !important;
    background-image: url('/wp-content/uploads/2024/04/post-it2-1024x1002.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center;
    min-height: 320px;
}

.recette-ingredients h3 {
font-family: "232MKSDRoundMedium", Sans-serif;
    font-size: 22px;
}



.single-recette .colibri-breadcrumb {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 20px;
}

.single-recette .breadcrumb-items__wrapper {
    display: flex;
    text-align: center;
    justify-content: center;
}

.single-recette .colibri-breadcrumb li + li:before {
    content: "/";
    padding: 0 8px;
}

.single-recette .breadcrumb-items__wrapper .colibri-breadcrumb > li svg

 {
    width: 16px;
    height: 16px;
    fill: rgb(253, 203, 21);;
}


.single-recette .breadcrumb-items__wrapper .colibri-breadcrumb > li.breadcrumb-item {
    color: #BF9000;
    font-size: 14px;
    font-weight: bold;
}


.single-recette #reusable-sections-3 {
    background-image: url("https://lescompagnonsdumiel.fr/wp-content/uploads/2024/03/Popsicles-Miel-Framboise-Concombre-1-of-2-1-scaled.jpg");
}


/* page toutes les recettes */

.lopale-recettes-layout {
    display: grid;
    grid-template-columns: 145px 1fr;
    gap: 24px;
    max-width: 900px;
    margin: 42px auto 70px;
    align-items: flex-start;
}

.lopale-recettes-sidebar {
    font-size: 16px;
    line-height: 1.35;
    padding-top: 2px;
}

.lopale-filtre-groupe {
    margin-bottom: 18px;
    text-align: left;
}

.lopale-filtre-groupe h3 {
    font-size: 16px;
    margin: 0 0 7px;
    font-weight: bold;
}

.lopale-filtre-groupe label {
    display: block;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 16px;
}

.lopale-filtre-groupe input {
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    vertical-align: -1px;
}

.lopale-filtre-groupe span {
    color: #777;
    margin-left: 2px;
}

.lopale-filtre-actions {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: 10px;
}

.lopale-filtre-actions a,
.lopale-filtre-actions button {
    font-size: 12px;
    line-height: 1;
    border: 0;
    padding: 7px 9px;
    text-decoration: none;
    color: #000;
    background: #eee;
    cursor: pointer;
    border-radius: 0;
}

.lopale-filtre-actions button {
    background: #f7c600;
}

.lopale-recettes-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin: 0;
}

.lopale-recette-card {
    border: 1px solid #e9e9e9;
    background: #fff;
    box-shadow: none;
}

.lopale-recette-card a {
    display: block;
    color: #000;
    text-decoration: none;
}

.lopale-recette-img img {
    width: 100%;
    aspect-ratio: 1 / 1.5;
    object-fit: cover;
    display: block;
}

.lopale-recette-card h3 {
    min-height: 58px;
    font-size: 16px;
    line-height: 1.35;
    text-align: center;
    padding: 10px 8px 12px;
    margin: 0;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .lopale-recettes-layout {
        max-width: 860px;
        grid-template-columns: 135px 1fr;
    }
}

@media (max-width: 768px) {
    .lopale-recettes-layout {
        grid-template-columns: 1fr;
        max-width: 92%;
    }

    .lopale-recettes-sidebar {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .lopale-filtre-actions {
        width: 100%;
    }

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

#recettes-resultats {
    scroll-margin-top: 120px;
}











/* Savon */











#product-savon, #rse {
    width: 100%;
    table-layout: fixed;
}

#product-savon td:first-child, #rse td:first-child {
    width: 70%;
vertical-align: middle;
}

#rse td:first-child { background-color:#dcf8e1;}

#product-savon td:last-child, #rse td:last-child {
    width: 30%;vertical-align: middle;
}

#product-savon td,#info-savonnerie td, #rse td {
    padding:1em;
}

/* Inverse pour le deuxième tableau */

#info-savonnerie {
    width: 100%;
    table-layout: fixed;
}

#info-savonnerie td:first-child {
    width: 30%;vertical-align: middle;
}

#info-savonnerie td:last-child {
    width: 70%;vertical-align: middle;
}

@media (max-width: 768px) {

    #product-savon,
    #info-savonnerie,
    #product-savon tbody,
    #info-savonnerie tbody,
    #product-savon tr,
    #info-savonnerie tr,
    #product-savon td,
    #info-savonnerie td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #product-savon td,
    #info-savonnerie td {
        padding: 0.8em 0;
        text-align: left;
    }

    #product-savon td:last-child,
    #info-savonnerie td:first-child {
        text-align: center;
    }

    #product-savon img,
    #info-savonnerie img {
        max-width: 220px;
        width: 100%;
        height: auto;
    }
}
.mini-produit-title {
    display: inline-block;
    background: #f5c400;
    color: #000;
    padding: 10px 16px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    margin-top: 12px;
    line-height: 1.4;
}

.mini-produit-box {
    text-align: center;
}

.mini-produit-box a {
    text-decoration: none;
}

.mini-produit-title :hover {
    background: #f86e00;
}


body.postid-61032 .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
body.postid-61407 .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
body.postid-61405 .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
body.postid-61401 .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    background: none !important;
}

body.postid-61032 #reusable-sections-3,
body.postid-61407 #reusable-sections-3,
body.postid-61405 #reusable-sections-3,
body.postid-61401 #reusable-sections-3 {
    display: none;
}