.elementor-2226 .elementor-element.elementor-element-351515b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:11;}.elementor-2226 .elementor-element.elementor-element-351515b2:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-351515b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-351515b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2226 .elementor-element.elementor-element-a1c2696{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-87831ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-c64dfed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-1ad620f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-1ad620f:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-1ad620f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F3F1;}.elementor-2226 .elementor-element.elementor-element-c1acd4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-2226 .elementor-element.elementor-element-351515b2{--padding-top:1%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}}@media(min-width:768px){.elementor-2226 .elementor-element.elementor-element-351515b2{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-a1c2696 *//* ==========================================================
   APIDIS — HEADER DESKTOP
   Actif uniquement à partir de 1201px
   Logo centré / navigation centrée / dropdowns
========================================================== */


/* ==========================================================
   ÉTAT PAR DÉFAUT
   Masqué sur tablette et mobile
========================================================== */

.apidis-header-desktop {
    display: none !important;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* ==========================================================
   DESKTOP — 1201PX ET PLUS
========================================================== */

@media (min-width: 1201px) {

    /* ======================================================
       VARIABLES
    ====================================================== */

    .apidis-header-desktop {

        /* Couleurs */
        --header-bg: #FFFFFF;
        --header-dark: #25282D;
        --header-accent: #F2A900;
        --dropdown-bg: #FFFFFF;

        /* Dropdown */
        --dropdown-radius: 12px;
        --dropdown-item-radius: 8px;
        --dropdown-item-hover-bg: #F7F5F0;
        --dropdown-item-hover-color: #25282D;
        --dropdown-item-padding: 11px 14px;
        --dropdown-item-gap: 4px;

        /* Zone de transition menu → dropdown */
        --dropdown-safe-zone: 8px;

        /* Accent jaune */
        --dropdown-accent-width: 42px;
        --dropdown-accent-height: 3px;
        --dropdown-accent-radius: 20px;

        /* Logo */
        --logo-width: 150px;

        /* Espacements */
        --header-outer-space: 40px;
        --logo-menu-space: 15px;
        --nav-item-space: 15px;

        /* Hauteurs */
        --logo-row-height: 40px;
        --nav-row-height: 40px;


        display: block !important;

        position: relative;
        z-index: 9999;

        width: 100%;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: var(--header-bg);

        box-shadow: none !important;
        filter: none !important;

        font-family:
            "Poppins",
            Arial,
            sans-serif;
    }


    /* ======================================================
       RESET LOCAL
    ====================================================== */

    .apidis-header-desktop *,
    .apidis-header-desktop *::before,
    .apidis-header-desktop *::after {
        box-sizing: border-box;
    }


    /* ======================================================
       CONTENEUR GLOBAL
    ====================================================== */

    .apidis-header-desktop__inner {
        width: 100%;

        margin: 0 !important;

        padding:
            var(--header-outer-space)
            0
            15px
            0 !important;

        display: flex;
        flex-direction: column;
        align-items: stretch;

        background: var(--header-bg);

        border: 0 !important;
        box-shadow: none !important;
        filter: none !important;
    }


    /* ======================================================
       LIGNE DU LOGO
    ====================================================== */

    .apidis-header-desktop__logo-row {
        width: 100%;
        height: var(--logo-row-height);

        margin:
            0
            0
            var(--logo-menu-space)
            0 !important;

        padding: 0 !important;

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

        background: var(--header-bg);

        border: 0 !important;
        box-shadow: none !important;
    }


    /* ======================================================
       LOGO
    ====================================================== */

    .apidis-header-desktop__logo {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        text-decoration: none;

        box-shadow: none !important;
    }


    .apidis-header-desktop__logo img {
        display: block;

        width: var(--logo-width);
        height: auto;
        max-width: 100%;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        object-fit: contain;
        object-position: center;

        box-shadow: none !important;
    }


    /* ======================================================
       NAVIGATION PRINCIPALE
    ====================================================== */

    .apidis-header-desktop__nav {
        position: relative;

        width: 100%;
        min-height: var(--nav-row-height);

        margin: 0 !important;

        padding:
            0
            4%;

        display: flex;

        align-items: stretch;
        justify-content: center;

        gap: 0 !important;

        background: var(--header-bg);

        border: 0 !important;
        box-shadow: none !important;
    }


    /* ======================================================
       ESPACEMENT ENTRE LES ONGLETS
    ====================================================== */

    .apidis-header-desktop__nav
    > .apidis-header-desktop__link,

    .apidis-header-desktop__nav
    > .apidis-header-desktop__item {

        margin-left:
            var(--nav-item-space) !important;

        margin-right:
            var(--nav-item-space) !important;
    }


    .apidis-header-desktop__nav
    > :first-child {
        margin-left: 0 !important;
    }


    .apidis-header-desktop__nav
    > :last-child {
        margin-right: 0 !important;
    }


    /* ======================================================
       ITEMS AVEC SOUS-MENU
    ====================================================== */

    .apidis-header-desktop__item {
        position: relative;

        flex: 0 0 auto;

        margin-top: 0;
        margin-bottom: 0;

        padding: 0;

        border: 0;
    }


    /* ======================================================
       SUMMARY
    ====================================================== */

    .apidis-header-desktop__item > summary {
        list-style: none;
    }


    .apidis-header-desktop__item
    > summary::-webkit-details-marker {
        display: none;
    }


    .apidis-header-desktop__item
    > summary::marker {
        content: "";
    }


    /* ======================================================
       LIENS PRINCIPAUX
    ====================================================== */

    .apidis-header-desktop__link {
        min-height: var(--nav-row-height);

        margin: 0;
        padding: 0;

        display: flex;

        align-items: center;
        justify-content: center;

        border: 0 !important;

        background: transparent !important;
        box-shadow: none !important;

        font-family:
            "Poppins",
            Arial,
            sans-serif;

        font-size: 15px;
        font-weight: 600;

        line-height: 1.15;

        letter-spacing: -0.025em;

        color: var(--header-dark);

        text-decoration: none;

        white-space: nowrap;

        cursor: pointer;

        transition:
            color .22s ease;
    }


    /* ======================================================
       SUMMARY — NORMALISATION
    ====================================================== */

    .apidis-header-desktop__item
    > summary.apidis-header-desktop__link {

        font-family:
            "Poppins",
            Arial,
            sans-serif !important;

        font-size: 15px !important;
        font-weight: 600 !important;

        color: var(--header-dark);

        background: transparent !important;

        box-shadow: none !important;
    }


    /* ======================================================
       HOVER / ITEM OUVERT
    ====================================================== */

    .apidis-header-desktop__link:hover,

    .apidis-header-desktop__item:hover
    > .apidis-header-desktop__link,

    .apidis-header-desktop__item[open]
    > .apidis-header-desktop__link {

        color: var(--header-accent);
    }


    /* ======================================================
       DROPDOWN

       IMPORTANT :
       Le dropdown commence directement à la fin de l'onglet.
       Il n'existe donc plus de zone vide entre l'onglet
       principal et le sous-menu.
    ====================================================== */

    .apidis-header-desktop__dropdown {
        position: absolute;

        z-index: 10000;

        top: 100%;
        left: 50%;

        width: 350px;

        /*
         * Les 8px qui étaient auparavant à l'extérieur
         * du dropdown sont maintenant intégrés à celui-ci.
         * Ils appartiennent donc à la zone de survol.
         */
        padding:
            calc(18px + var(--dropdown-safe-zone))
            14px
            14px;

        display: none;

        background: var(--dropdown-bg);

        border: 0 !important;

        border-radius:
            var(--dropdown-radius);

        box-shadow:
            0
            12px
            32px
            rgba(31, 45, 65, .10);

        opacity: 0;

        transform:
            translateX(-50%)
            translateY(0);

        transition:
            opacity .18s ease,
            transform .18s ease;
    }


    /* ======================================================
       SIGNATURE JAUNE DU DROPDOWN
    ====================================================== */

    .apidis-header-desktop__dropdown::before {
        content: "";

        position: absolute;

        /*
         * On conserve visuellement l'accent jaune
         * au début réel du contenu du dropdown.
         */
        top: var(--dropdown-safe-zone);
        left: 50%;

        width:
            var(--dropdown-accent-width);

        height:
            var(--dropdown-accent-height);

        transform:
            translateX(-50%);

        background:
            var(--header-accent);

        border-radius:
            0
            0
            var(--dropdown-accent-radius)
            var(--dropdown-accent-radius);

        pointer-events: none;
    }


    /* ======================================================
       OUVERTURE
    ====================================================== */

    .apidis-header-desktop__item[open]
    .apidis-header-desktop__dropdown {

        display: block;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        transform:
            translateX(-50%)
            translateY(0);
    }


    /* ======================================================
       OUVERTURE AU SURVOL
       Uniquement sur périphérique avec véritable hover
    ====================================================== */

    @media (hover: hover) {

        .apidis-header-desktop__item:hover
        .apidis-header-desktop__dropdown {

            display: block;

            opacity: 1;

            visibility: visible;

            pointer-events: auto;

            transform:
                translateX(-50%)
                translateY(0);
        }
    }


    /* ======================================================
       LIENS DU DROPDOWN
    ====================================================== */

    .apidis-header-desktop__dropdown a {
        position: relative;

        display: block;

        width: 100%;

        margin:
            0
            0
            var(--dropdown-item-gap)
            0;

        padding:
            var(--dropdown-item-padding);

        border: 0 !important;

        border-radius:
            var(--dropdown-item-radius);

        font-family:
            "Poppins",
            Arial,
            sans-serif;

        font-size: 15px;
        font-weight: 500;

        line-height: 1.35;

        color: var(--header-dark);

        text-decoration: none;

        background: transparent;

        box-shadow: none;

        transition:
            background-color .20s ease,
            color .20s ease;
    }


    .apidis-header-desktop__dropdown
    a:last-child {
        margin-bottom: 0;
    }


    /* ======================================================
       SUPPRESSION DES PSEUDO-ÉLÉMENTS PARASITES
    ====================================================== */

    .apidis-header-desktop__dropdown a::before,
    .apidis-header-desktop__dropdown a::after {

        content: none !important;

        display: none !important;
    }


    /* ======================================================
       HOVER DROPDOWN
    ====================================================== */

    .apidis-header-desktop__dropdown a:hover,
    .apidis-header-desktop__dropdown a.is-active {

        color:
            var(--dropdown-item-hover-color);

        background:
            var(--dropdown-item-hover-bg);

        text-decoration: none;
    }


    /* ======================================================
       ACCESSIBILITÉ
    ====================================================== */

    .apidis-header-desktop__logo:focus-visible,

    .apidis-header-desktop__link:focus-visible,

    .apidis-header-desktop__dropdown a:focus-visible {

        outline:
            2px solid
            var(--header-accent);

        outline-offset: 4px;
    }


    /* ======================================================
       APIDIS — OUVERTURE SOUS-MENU AU SURVOL
       Souris / trackpad uniquement
    ====================================================== */

    @media (hover: hover) and (pointer: fine) {

        .apidis-header-desktop__item:hover
        > .apidis-header-desktop__dropdown {

            display: block !important;

            opacity: 1 !important;
            visibility: visible !important;

            pointer-events: auto !important;

            transform:
                translateX(-50%)
                translateY(0) !important;
        }

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1acd4e *//* ==========================================================
   APIDIS — HEADER UNIVERSEL
   TABLETTE + MOBILE : 1200PX ET MOINS
========================================================== */

.apidis-universal-header {
    display: none !important;
}


/* ==========================================================
   TABLETTE + MOBILE — 1200PX ET MOINS
========================================================== */

@media (max-width: 1200px) {

    /* ======================================================
       VARIABLES
    ====================================================== */

    .apidis-universal-header {
        --header-bg: #FFFFFF;
        --header-dark: #25282D;
        --header-accent: #F2A900;

        --header-height: 72px;
        --menu-main-width: 390px;
        --menu-sub-width: 390px;

        /* Logo La Miellerie */
        --miellerie-logo-width: 115px;
        --miellerie-logo-max-height: 60px;

        display: block !important;

        position: sticky;
        top: 0;
        left: 0;

        z-index: 99990;

        width: 100%;

        background: var(--header-bg);

        font-family: "Poppins", Arial, sans-serif;

        box-shadow:
            0 2px 12px rgba(31, 45, 65, .05);
    }


    /* ======================================================
       RESET LOCAL
    ====================================================== */

    .apidis-universal-header *,
    .apidis-universal-header *::before,
    .apidis-universal-header *::after {
        box-sizing: border-box;
    }


    /* ======================================================
       BARRE PRINCIPALE
    ====================================================== */

    .apidis-universal-header__bar {
        position: relative;

        z-index: 99991;

        display: grid;

        grid-template-columns: 1fr auto 1fr;

        align-items: center;

        width: 90%;
        height: var(--header-height);

        margin: 0 auto;
        padding: 0;

        background: var(--header-bg);
    }


    .apidis-universal-header__left {
        display: flex;

        align-items: center;
        justify-content: flex-start;

        min-width: 0;
    }


    /* ======================================================
       LOGO APIDIS — CENTRAL
    ====================================================== */

    .apidis-universal-header__logo {
        display: flex;

        align-items: center;
        justify-content: center;

        min-width: 0;

        text-decoration: none;
    }


    .apidis-universal-header__logo img {
        display: block;

        width: auto;

        max-width: 155px;
        max-height: 40px;

        object-fit: contain;
    }


    /* ======================================================
       LA MIELLERIE — CONTENEUR
       LOGO SEUL
    ====================================================== */

    .apidis-universal-header__right {
        display: flex;

        align-items: center;
        justify-content: flex-end;

        min-width: 0;
    }


    .apidis-universal-header__miellerie {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        width: auto;
        height: auto;

        margin: 0;
        padding: 0;

        gap: 0;

        background: transparent;

        text-decoration: none !important;

        cursor: pointer;

        -webkit-tap-highlight-color: transparent;
    }


    /* ======================================================
       LA MIELLERIE — LOGO
       NOIR AU REPOS
       COULEUR D'ORIGINE AU SURVOL
    ====================================================== */

    .apidis-universal-header__miellerie img {
        display: block;

        flex: 0 0 auto;

        width: var(--miellerie-logo-width);
        height: auto;

        max-width: 100%;
        max-height: var(--miellerie-logo-max-height);

        margin: 0;
        padding: 0;

        object-fit: contain;
        object-position: center;

        filter: grayscale(1) brightness(0);

        transform: translateY(0);

        transition:
            filter .3s ease,
            transform .3s ease;
    }


    /* ======================================================
       LA MIELLERIE — SURVOL
       COULEUR ORIGINALE + LÉGÈRE REMONTÉE
    ====================================================== */

    .apidis-universal-header__miellerie:hover img,
    .apidis-universal-header__miellerie:focus-visible img {
        filter: none;

        transform: translateY(-2px);
    }


    /* ======================================================
       ACCESSIBILITÉ — FOCUS LOGO
    ====================================================== */

    .apidis-universal-header__miellerie:focus-visible {
        outline: 2px solid var(--header-accent);
        outline-offset: 5px;
    }


    /* ======================================================
       BOUTON MENU
    ====================================================== */

    .apidis-universal-header__toggle {
        display: inline-flex;

        flex-direction: row;

        align-items: center;
        justify-content: flex-start;

        gap: 14px;

        min-width: 108px;
        height: 44px;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        outline: 0 !important;

        background: transparent !important;
        box-shadow: none !important;

        color: var(--header-dark);

        cursor: pointer;

        appearance: none !important;
        -webkit-appearance: none !important;

        -webkit-tap-highlight-color: transparent;

        transition: color .22s ease;
    }


    /* ======================================================
       BURGER
    ====================================================== */

    .apidis-universal-header__burger {
        position: relative;

        display: flex;

        flex-direction: column;

        align-items: flex-start;
        justify-content: center;

        gap: 6px;

        width: 30px;
        height: 24px;

        flex: 0 0 30px;
    }


    .apidis-universal-header__burger > span {
        display: block;

        height: 2px;

        background: currentColor;

        transform-origin: center;

        transition:
            width .25s ease,
            transform .3s cubic-bezier(.22, .61, .36, 1),
            opacity .2s ease;
    }


    .apidis-universal-header__burger > span:nth-child(1) {
        width: 30px;
    }


    .apidis-universal-header__burger > span:nth-child(2) {
        width: 21px;
    }


    .apidis-universal-header__burger > span:nth-child(3) {
        width: 26px;
    }


    .apidis-universal-header__toggle-label {
        display: block;

        font-family: "Poppins", Arial, sans-serif;

        font-size: 15px;
        line-height: 1;
        font-weight: 500;

        letter-spacing: .12em;

        color: currentColor;

        white-space: nowrap;
    }


    .apidis-universal-header__toggle:hover {
        color: var(--header-accent);
    }


    .apidis-universal-header__toggle:hover
    .apidis-universal-header__burger > span:nth-child(2) {
        width: 27px;
    }


    /* ======================================================
       OVERLAY
    ====================================================== */

    .apidis-universal-menu__overlay {
        position: fixed;

        inset: 0;

        z-index: 999980;

        background:
            rgba(255, 255, 255, .78);

        backdrop-filter: blur(1.5px);
        -webkit-backdrop-filter: blur(1.5px);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            opacity .28s ease,
            visibility .28s ease;
    }


    .apidis-universal-header.is-open
    .apidis-universal-menu__overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }


    /* ======================================================
       MENU OFF-CANVAS

       FERMÉ : HORS ÉCRAN
       OUVERT : UNE COLONNE
       SOUS-MENU : DEUX COLONNES
    ====================================================== */

    .apidis-universal-menu {
        position: fixed;

        top: 0;
        left: 0;

        z-index: 999990;

        display: grid;

        grid-template-columns:
            var(--menu-main-width)
            var(--menu-sub-width);

        width: var(--menu-main-width);
        max-width: 100vw;

        height: 100vh;
        height: 100dvh;

        background: #FFFFFF;

        overflow: hidden;

        visibility: hidden;
        pointer-events: none;

        transform: translate3d(-102%, 0, 0);

        box-shadow:
            18px 0 45px rgba(31, 45, 65, .10);

        transition:
            transform .38s cubic-bezier(.22, .61, .36, 1),
            width .32s cubic-bezier(.22, .61, .36, 1),
            visibility .38s;
    }


    .apidis-universal-header.is-open
    .apidis-universal-menu {
        transform: translate3d(0, 0, 0);

        visibility: visible;
        pointer-events: auto;
    }


    .apidis-universal-header.is-open
    .apidis-universal-menu.has-submenu {
        width: calc(
            var(--menu-main-width) + var(--menu-sub-width)
        );

        max-width: 100vw;
    }


    /* ======================================================
       COLONNE PRINCIPALE
    ====================================================== */

    .apidis-universal-menu__main {
        position: relative;

        display: flex;

        flex-direction: column;

        min-width: 0;
        min-height: 0;

        padding: 95px 38px 36px;

        background: #FFFFFF;

        border-right:
            1px solid rgba(31, 45, 65, .10);

        overflow-y: auto;
    }


    /* ======================================================
       BOUTON FERMETURE
    ====================================================== */

    .apidis-universal-menu__close {
        position: absolute;

        top: 22px;
        left: 28px;

        display: flex;

        align-items: center;
        justify-content: center;

        width: 40px;
        height: 40px;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        outline: 0 !important;

        background: transparent !important;

        color: var(--header-dark) !important;

        box-shadow: none !important;

        font-size: 30px;
        font-weight: 300;

        cursor: pointer;
    }


    /* ======================================================
       NAVIGATION
    ====================================================== */

    .apidis-universal-menu__nav {
        display: flex;

        flex-direction: column;
    }


    .apidis-universal-menu__main-link {
        display: flex;

        align-items: center;
        justify-content: space-between;

        gap: 20px;

        width: 100%;
        min-height: 54px;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        border-bottom:
            1px solid rgba(31, 45, 65, .08) !important;

        background: transparent !important;

        outline: 0 !important;
        box-shadow: none !important;

        font-family:
            "Poppins", Arial, sans-serif !important;

        font-size: 16px !important;
        line-height: 1.2;
        font-weight: 500 !important;

        letter-spacing: -.02em;

        text-align: left;

        color: var(--header-dark) !important;

        text-decoration: none !important;

        cursor: pointer;

        appearance: none !important;
        -webkit-appearance: none !important;

        -webkit-tap-highlight-color: transparent;
    }


    .apidis-universal-menu__main-link:hover,
    .apidis-universal-menu__main-link:focus,
    .apidis-universal-menu__main-link:active,
    .apidis-universal-menu__main-link.is-active {
        background: transparent !important;

        color: var(--header-accent) !important;

        box-shadow: none !important;
        outline: none !important;
    }


    /* ======================================================
       CHEVRONS
    ====================================================== */

    .apidis-universal-menu__chevron {
        width: 8px;
        height: 8px;

        flex: 0 0 8px;

        border-style: solid;
        border-width: 0 1.5px 1.5px 0;

        border-color: currentColor;

        transform: rotate(-45deg);

        transition: transform .2s ease;
    }


    .apidis-universal-menu__trigger.is-active
    .apidis-universal-menu__chevron {
        transform: rotate(135deg);
    }


    /* ======================================================
       LIENS SECONDAIRES
    ====================================================== */

    .apidis-universal-menu__footer-links {
        display: flex;

        flex-direction: column;

        gap: 15px;

        margin-top: auto;
        padding-top: 36px;
    }


    .apidis-universal-menu__footer-links a {
        font-size: 13px;
        font-weight: 400;

        color: var(--header-dark);

        text-decoration: none;
    }


    .apidis-universal-menu__footer-links a:hover {
        color: var(--header-accent);
    }


    /* ======================================================
       SOUS-MENU
       INVISIBLE SANS RUBRIQUE ACTIVE
    ====================================================== */

    .apidis-universal-menu__sub {
        position: relative;

        min-width: 0;
        min-height: 0;

        padding: 110px 38px 40px;

        background: #FFFFFF;

        overflow-y: auto;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            opacity .2s ease,
            visibility .2s ease;
    }


    .apidis-universal-menu.has-submenu
    .apidis-universal-menu__sub {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transition-delay: .12s;
    }


    /* ======================================================
       RETOUR — MOBILE UNIQUEMENT
    ====================================================== */

    .apidis-universal-menu__back {
        display: none;

        margin: 0 0 28px;
        padding: 0;

        border: 0;

        background: transparent;

        font-family: "Poppins", Arial, sans-serif;

        font-size: 14px;
        font-weight: 500;

        color: var(--header-dark);

        cursor: pointer;
    }


    /* ======================================================
       PANELS
    ====================================================== */

    .apidis-universal-menu__panel {
        display: none;

        width: 100%;
    }


    .apidis-universal-menu__panel.is-active {
        display: block;

        animation:
            apidisPanelIn .24s ease both;
    }


    .apidis-universal-menu__panel-title {
        margin-bottom: 26px;

        font-size: 22px;
        line-height: 1.15;
        font-weight: 600;

        color: var(--header-accent);
    }


    .apidis-universal-menu__panel a {
        display: block;

        width: 100%;

        padding: 15px 0;

        border-bottom:
            1px solid rgba(31, 45, 65, .10);

        font-size: 16px;
        font-weight: 500;

        color: var(--header-dark);

        text-decoration: none;

        transition:
            color .2s ease,
            padding-left .2s ease;
    }


    .apidis-universal-menu__panel a:hover {
        color: var(--header-accent);
        padding-left: 6px;
    }


    /* ======================================================
       BURGER OUVERT
    ====================================================== */

    .apidis-universal-header.is-open
    .apidis-universal-header__burger {
        gap: 0;
    }


    .apidis-universal-header.is-open
    .apidis-universal-header__burger > span:nth-child(1) {
        width: 28px;

        transform:
            translateY(2px) rotate(45deg);
    }


    .apidis-universal-header.is-open
    .apidis-universal-header__burger > span:nth-child(2) {
        width: 0;
        opacity: 0;
    }


    .apidis-universal-header.is-open
    .apidis-universal-header__burger > span:nth-child(3) {
        width: 28px;

        transform: rotate(-45deg);
    }

}


/* ==========================================================
   ANIMATION PANELS
========================================================== */

@keyframes apidisPanelIn {

    from {
        opacity: 0;
        transform: translateX(10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


/* ==========================================================
   PETITES TABLETTES — 768 À 1024PX
========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .apidis-universal-header {
        --menu-main-width: 36vw;
        --menu-sub-width: 46vw;

        --miellerie-logo-width: 105px;
        --miellerie-logo-max-height: 56px;
    }


    .apidis-universal-menu__main {
        padding-left: 28px;
        padding-right: 28px;
    }


    .apidis-universal-menu__sub {
        padding-left: 28px;
        padding-right: 28px;
    }


    .apidis-universal-menu__main-link {
        font-size: 14px !important;
    }


    .apidis-universal-menu__panel a {
        font-size: 14px;
    }


    .apidis-universal-header__logo img {
        max-width: 140px;
    }

}


/* ==========================================================
   MOBILE — 767PX ET MOINS
========================================================== */

@media (max-width: 767px) {

    .apidis-universal-header {
        --header-height: 68px;

        --miellerie-logo-width: 80px;
        --miellerie-logo-max-height: 48px;
    }


    .apidis-universal-header__bar {
        width: 90%;

        margin: 0 auto;
        padding: 0;
    }


    /* ======================================================
       MENU
    ====================================================== */

    .apidis-universal-header__toggle {
        min-width: 86px;
        height: 40px;

        gap: 9px;
    }


    .apidis-universal-header__burger {
        width: 25px;
        height: 21px;

        flex-basis: 25px;

        gap: 5px;
    }


    .apidis-universal-header__burger > span:nth-child(1) {
        width: 25px;
    }


    .apidis-universal-header__burger > span:nth-child(2) {
        width: 18px;
    }


    .apidis-universal-header__burger > span:nth-child(3) {
        width: 22px;
    }


    .apidis-universal-header__toggle-label {
        font-size: 13px;
        font-weight: 500;

        letter-spacing: .09em;
    }


    /* ======================================================
       LOGO APIDIS
    ====================================================== */

    .apidis-universal-header__logo img {
        max-width: 135px;
        max-height: 40px;
    }


    /* ======================================================
       LA MIELLERIE — LOGO SEUL
       AGRANDI SUR MOBILE
    ====================================================== */

    .apidis-universal-header__miellerie {
        width: auto;
        height: auto;

        gap: 0;
    }


    .apidis-universal-header__miellerie img {
        width: var(--miellerie-logo-width);
        height: auto;

        max-height: var(--miellerie-logo-max-height);

        object-fit: contain;
    }


    /* ======================================================
       MENU MOBILE — PLEINE LARGEUR
    ====================================================== */

    .apidis-universal-menu,
    .apidis-universal-menu.has-submenu,
    .apidis-universal-header.is-open
    .apidis-universal-menu.has-submenu {
        display: block;

        width: 100%;
        max-width: none;
    }


    .apidis-universal-menu__main {
        width: 100%;
        height: 100%;

        padding: 88px 24px 28px;

        border-right: 0;
    }


    .apidis-universal-menu__main-link {
        min-height: 52px;

        font-size: 15px !important;
    }


    /* ======================================================
       SOUS-MENU MOBILE — ÉCRAN SECONDAIRE
    ====================================================== */

    .apidis-universal-menu__sub {
        position: absolute;

        inset: 0;

        z-index: 5;

        width: 100%;
        height: 100%;

        padding: 84px 24px 28px;

        background: #FFFFFF;

        opacity: 1;
        visibility: hidden;
        pointer-events: none;

        transform: translateX(100%);

        transition:
            transform .32s cubic-bezier(.22, .61, .36, 1),
            visibility .32s;
    }


    .apidis-universal-menu.has-submenu
    .apidis-universal-menu__sub {
        transform: translateX(0);

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transition-delay: 0s;
    }


    .apidis-universal-menu__back {
        display: inline-flex;
    }


    .apidis-universal-menu__panel-title {
        font-size: 20px;
    }


    .apidis-universal-menu__panel a {
        font-size: 15px;
        padding: 14px 0;
    }

}


/* ==========================================================
   TRÈS PETITS MOBILES — 390PX ET MOINS
   ÉVITE LE CHEVAUCHEMENT DES LOGOS
========================================================== */

@media (max-width: 390px) {

    .apidis-universal-header__toggle {
        min-width: 72px;
        gap: 7px;
    }

    .apidis-universal-header__toggle-label {
        font-size: 11px;
    }

    .apidis-universal-header__logo img {
        max-width: 112px;
    }

    .apidis-universal-header {
        --miellerie-logo-width: 70px;
        --miellerie-logo-max-height: 44px;
    }

}


/* ==========================================================
   ACCESSIBILITÉ — RÉDUCTION DES ANIMATIONS
========================================================== */

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

    .apidis-universal-menu,
    .apidis-universal-menu__sub,
    .apidis-universal-menu__panel.is-active,
    .apidis-universal-header__miellerie img {
        animation: none !important;

        transition-duration: .01ms !important;
    }

}/* End custom CSS */