/* Menu burger mobile – Glassmorphism */

/* Par défaut (desktop/tablette), on masque le menu mobile. */
.burger-toggle,
.burger-menu {
  display: none;
}

@media (max-width: 768px) {
  /* Design tokens – Maquette UI finale */
  body.has-burger-menu {
    --burger-toggle-font-size: 2.25rem;
    --burger-toggle-bg: rgba(255, 255, 255, 0.12);
    --burger-toggle-border: 1px solid rgba(255, 255, 255, 0.22);
    --burger-toggle-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
    --burger-toggle-blur: 12px;
    --burger-overlay-bg: rgba(0, 0, 0, 0.42);
    --burger-overlay-blur: 12px;
    --burger-panel-width: min(400px, calc(100vw - 2rem));
    --burger-panel-max-height: calc(100vh - 2rem);
    --burger-panel-content-width: 360px;
    --burger-panel-radius: 20px;
    --burger-panel-bg: rgba(30, 30, 30, 0.92);
    --burger-panel-border: 1px solid rgba(255, 255, 255, 0.08);
    --burger-panel-shadow: 0 18px 56px rgba(0, 0, 0, 0.45);
    --burger-panel-padding-top: 1rem;
    --burger-panel-padding: 1.25rem;
    --burger-separator-color: rgba(255, 255, 255, 0.1);
    --burger-title-font: 18px;
    --burger-title-color: #a4a4a5;
    --burger-module-title-font: 16px;
    --burger-module-title-color: rgba(164, 164, 165, 0.8);
    --burger-module-text-font: 15px;
    --burger-module-text-color: #a4a4a5;
    --burger-icon-box: 32px;
    --burger-icon-size: 32px;
    --burger-icon-fill: #a4a4a5;
    --burger-icon-stroke: #a4a4a5;
    --burger-icon-hover-color: rgba(242, 242, 242, 0.8);
    --burger-close-size: 35px;
    --burger-close-icon-size: 13px;
    --burger-close-bg: rgba(153, 153, 153, 0.3);
    --burger-close-hover-bg: rgba(153, 153, 153, 0.5);
    --burger-close-top: 10px;
    --burger-close-right: 10px;
    --burger-search-height: 52px;
    --burger-search-radius: 14px;
    --burger-search-bg: rgba(50, 50, 50, 0.9);
    --burger-search-border: 1px solid rgba(255, 255, 255, 0.08);
    --burger-search-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    --burger-search-blur: 12px;
    --burger-search-padding-x: 18px;
    --burger-search-gap: 12px;
    --burger-search-text-color: #a4a4a5;
    --burger-search-placeholder-color: rgba(164, 164, 165, 0.6);
    --burger-search-icon-size: 20px;
    --burger-search-icon-color: rgba(164, 164, 165, 0.6);
    --burger-search-button-size: 38px;
    --burger-search-button-bg: rgba(255, 255, 255, 0.1);
    --burger-search-button-icon: #a4a4a5;
    --burger-transition-fast: 160ms;
    --burger-transition-medium: 220ms;
    --burger-transition-hover: 120ms;
    --burger-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
    --burger-stack-gap: 20px;
    --burger-item-gap: 15px;
  }

  @supports (height: 100dvh) {
    body.has-burger-menu {
      --burger-panel-max-height: calc(100dvh - 2.5rem);
    }
  }

  @media (max-width: 390px) {
    body.has-burger-menu {
      --burger-panel-radius: 22px;
      --burger-panel-padding: 1rem;
      --burger-stack-gap: 22px;
    }

    .burger-menu-list > li {
      padding: 1.35rem 0;
    }
  }

  /* Masquer la navigation desktop injectée (menu global) en mobile */
  body.has-burger-menu .site-navigation-wrap.oceanly-news-body-nav {
    display: none !important;
  }

  /* Masquer aussi le menu mobile natif du thème (si présent ailleurs) */
  body.has-burger-menu .main-navigation .menu-toggle,
  body.has-burger-menu .main-navigation ul {
    display: none !important;
  }

  .burger-toggle {
    position: fixed;
    font-size: var(--burger-toggle-font-size, 2.25rem);
    border: none;
    cursor: pointer;
    padding: 0.5rem 0.75rem;
    display: inline-flex;
    left: 0;
    top: 0;
    scale: 65%;
    background-color: #0000009e !important;
  }

  .burger-toggle:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: 3px;
  }

  /* Quand le menu est ouvert, on masque le bouton d'ouverture (le bouton Fermer est dans le panneau) */
  .burger-toggle[aria-expanded="true"] {
    opacity: 0;
    pointer-events: none;
  }

  body.admin-bar .burger-toggle {
    top: calc(1rem + 32px);
  }

  @media screen and (max-width: 782px) {
    body.admin-bar .burger-toggle {
      top: calc(1rem + 46px);
    }
  }

  .burger-searchbar {
    width: var(--burger-panel-width, min(520px, calc(100vw - 2.5rem)));
    max-width: min(680px, calc(100vw - 2.5rem));
    margin-top: 2.5em;
    z-index: 10002;
  }

  .burger-searchbar-form {
    height: var(--burger-search-height, 60px);
    border-radius: var(--burger-search-radius, 30px);
    border: var(--burger-search-border, 1px solid rgba(255, 255, 255, 0.16));
    box-shadow: var(--burger-search-shadow, 0 16px 44px rgba(0, 0, 0, 0.22));
    display: flex;
    align-items: center;
    gap: var(--burger-search-gap, 14px);
    padding: 0 10px 0 15px;
    background: rgba(50, 50, 50, 0.5);
    box-sizing: border-box;
  }

  .burger-searchbar-form:focus-within {
    border-color: rgba(255, 255, 255, 0.42);
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.28);
  }

  .burger-searchbar-icon {
    display: none;
  }

  .burger-searchbar-icon svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  @supports (backdrop-filter: blur(0)) {
    .burger-searchbar-form {
      backdrop-filter: blur(var(--burger-search-blur, 16px));
      transform: translateY(20px);
    }
  }

  @supports (-webkit-backdrop-filter: blur(0)) {
    .burger-searchbar-form {
      -webkit-backdrop-filter: blur(var(--burger-search-blur, 16px));
    }
  }

  /* Override ciblé des styles globaux input[type=search] */
  .burger-searchbar-form .burger-searchbar-input[type="search"] {
    flex: 1 1 auto;
    height: 100%;
    min-width: 0;
    margin: 0;
    margin-left: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--burger-search-text-color, #fff);
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    max-width: none;
    border-radius: 0;
  }

  /* Supprimer la croix (clear button) native des champs search */
  .burger-searchbar-form
    .burger-searchbar-input[type="search"]::-webkit-search-cancel-button,
  .burger-searchbar-form
    .burger-searchbar-input[type="search"]::-webkit-search-decoration,
  .burger-searchbar-form
    .burger-searchbar-input[type="search"]::-webkit-search-results-button,
  .burger-searchbar-form
    .burger-searchbar-input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    display: none;
  }

  .burger-searchbar-form .burger-searchbar-input[type="search"]::-ms-clear,
  .burger-searchbar-form .burger-searchbar-input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }

  .burger-searchbar-input::placeholder {
    color: var(--burger-search-placeholder-color, rgba(255, 255, 255, 0.7));
  }

  .burger-searchbar-submit {
    flex: 0 0 auto;
    width: var(--burger-search-button-size, 44px);
    height: var(--burger-search-button-size, 44px);
    border-radius: 999px;
    border: 0;
    background: var(--burger-search-button-bg, rgba(255, 255, 255, 0.15));
    color: var(--burger-search-button-icon, #fff);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .burger-searchbar-submit:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.85);
    outline-offset: 3px;
  }

  .burger-searchbar-submit {
    width: 40px;
    height: 40px;
    display: contents;
  }

  .burger-searchbar-submit-icon {
    width: 38px;
    height: 38px;
    padding: 0.5em;
    background-color: #9999992b;
    border-radius: 30px;
    border: 0;
  }

  .burger-menu {
    position: fixed;
    inset: 0;
    z-index: 10001;
    box-sizing: border-box;

    background: var(--burger-overlay-bg, rgba(0, 0, 0, 0.35));
    padding: calc(1.25rem + env(safe-area-inset-top))
      calc(1.25rem + env(safe-area-inset-right))
      calc(1.25rem + env(safe-area-inset-bottom))
      calc(1.25rem + env(safe-area-inset-left));

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--burger-stack-gap, 1.25rem);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity var(--burger-transition-medium, 220ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1)),
      visibility 0s linear var(--burger-transition-medium, 220ms);
    will-change: opacity;
  }

  body.admin-bar .burger-menu {
    padding-top: calc(1.25rem + env(safe-area-inset-top) + 32px);
  }

  @media screen and (max-width: 782px) {
    body.admin-bar .burger-menu {
      padding-top: calc(1.25rem + env(safe-area-inset-top) + 46px);
    }
  }

  @supports (backdrop-filter: blur(0)) {
    .burger-menu {
      backdrop-filter: blur(var(--burger-overlay-blur, 12px));
    }
  }

  @supports (-webkit-backdrop-filter: blur(0)) {
    .burger-menu {
      -webkit-backdrop-filter: blur(var(--burger-overlay-blur, 12px));
    }
  }

  .burger-menu.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition:
      opacity var(--burger-transition-medium, 220ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1)),
      visibility 0s;
    background-color: #000000ba;
  }

  body.burger-menu-open {
    overflow: hidden;
    overscroll-behavior: none;
  }

  .burger-menu-panel {
    position: relative;
    width: var(--burger-panel-width, min(520px, calc(100vw - 2.5rem)));
    max-height: var(--burger-panel-max-height, calc(100vh - 2.5rem));

    display: flex;
    flex-direction: column;

    border-radius: var(--burger-panel-radius, 28px);
    background: var(--burger-panel-bg, rgba(0, 0, 0, 0.58));
    border: var(--burger-panel-border, 1px solid rgba(255, 255, 255, 0.18));
    box-shadow: var(--burger-panel-shadow, 0 18px 56px rgba(0, 0, 0, 0.35));
    overflow: hidden;

    transform: translateY(10px);
    opacity: 0;
    transition:
      transform var(--burger-transition-medium, 220ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1)),
      opacity var(--burger-transition-fast, 160ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1));
    will-change: transform, opacity;
  }

  @supports (backdrop-filter: blur(0)) {
    .burger-menu-panel {
      backdrop-filter: blur(18px);
    }
  }

  @supports (-webkit-backdrop-filter: blur(0)) {
    .burger-menu-panel {
      -webkit-backdrop-filter: blur(18px);
    }
  }

  .burger-menu.open .burger-menu-panel {
    transform: translateY(30px);
    opacity: 1;
    z-index: 100;
  }

  .burger-close {
    width: 40px;
    height: 40px;
    display: contents;
    cursor: pointer;
    z-index: 2;
  }

  .burger-close:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.85);
    outline-offset: 3px;
  }

  .burger-close:hover .burger-close-icon {
    background-color: rgba(153, 153, 153, 0.5);
  }

  .burger-close:active {
    transform: scale(0.98);
  }

  .burger-close-icon {
    position: absolute;
    display: block;
    width: 38px;
    height: 38px;
    padding: 0.6em;
    background-color: #9999992b;
    border-radius: 5px;
    border: 0;
    top: 10px;
    left: 10px;
  }

  .burger-menu-list {
    list-style: none;
    width: 100%;
    flex: 0 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: calc(var(--burger-panel-padding-top, 0.5rem) + 2.5rem)
      var(--burger-panel-padding, 1.25rem) 0.5rem 20px;
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overscroll-behavior: contain;
    /* Masquer la scrollbar – maquette */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
  }

  .burger-menu-list::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
  }

  /* Masquer les items d'authentification injectés par le filtre WP (doublons avec section auth dédiée) */
  .burger-menu-list > li.lms-auth-menu-item {
    display: none !important;
  }

  /* Items du menu – maquette : espacement 15-20px */
  .burger-menu-list > li {
    margin: 0;
    padding: var(--burger-item-gap, 15px) 0;
    border-bottom: none;
  }

  .burger-menu-list > li:last-child {
    padding-bottom: 0;
  }

  .burger-link {
    text-decoration: none;
    color: var(--burger-title-color, #a4a4a5);
    display: block;
    border-radius: 10px;
    padding: 0.5rem 0.75rem;
    margin: 0 -0.75rem;
    transition:
      color var(--burger-transition-hover, 120ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1)),
      background var(--burger-transition-hover, 120ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1));
  }

  .burger-link:hover,
  .burger-link:focus-visible {
    color: rgba(242, 242, 242, 0.8); /* #f2f2f2 opacity 0.8 */
    background: rgba(255, 255, 255, 0.08);
  }

  .burger-link:focus-visible {
    outline: 2px solid rgba(242, 242, 242, 0.5);
    outline-offset: 4px;
  }

  .burger-link-inner {
    display: flex;
    align-items: center;
    gap: 1.25rem; /* 20px selon maquette */
  }

  .burger-link-inner .burger-icon {
    flex: 0 0 auto;
    width: var(--burger-icon-box, 42px);
    height: var(--burger-icon-box, 42px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Support des icônes externes (nouveaux SVG via <img>) */
  .burger-link-inner .burger-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    transition: filter var(--burger-transition-hover, 120ms)
      var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1));
  }

  .burger-link-inner .burger-icon svg {
    width: var(--burger-icon-size, 34px);
    height: var(--burger-icon-size, 34px);
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  /* Rollover icônes – maquette : #f2f2f2 opacity 0.8 */
  .burger-link .burger-icon svg,
  .burger-link .burger-icon img {
    transition:
      filter var(--burger-transition-hover, 120ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1)),
      opacity var(--burger-transition-hover, 120ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1));
  }

  .burger-link:hover .burger-icon svg,
  .burger-link:focus-visible .burger-icon svg,
  .burger-link:hover .burger-icon img,
  .burger-link:focus-visible .burger-icon img {
    filter: brightness(1.4);
    opacity: 0.8;
  }

  .burger-link-inner .burger-icon svg * {
    fill: var(--burger-icon-fill, currentColor);
    stroke: var(--burger-icon-stroke, currentColor);
  }

  /* Titres top-level */
  .burger-menu-list > li > .burger-link .burger-text {
    font-size: var(--burger-title-font, 17px);
    font-weight: 400;
    color: var(--burger-title-color, #fff);
    letter-spacing: 0.2px;
    line-height: normal;
  }

  /* Sous-items (modules) */
  .burger-menu-list .sub-menu {
    list-style: none;
    margin: 0.8rem 0 0 0;
    padding: 0 0 0 1.5rem;
  }

  .burger-menu-list .sub-menu > li {
    border: 0;
    padding: 0;
    margin: 0;
  }

  /* Hauteur/hover des items "modules" (maquette: 40px + rollover blanc 20%) */
  .burger-menu-list > li > .sub-menu > li > .burger-link,
  .burger-menu-list > li > .sub-menu > li > .sub-menu > li > .burger-link {
    min-height: 40px;
    display: flex;
    align-items: center;
    border-radius: 14px;
    padding: 0 0.75rem;
    transition: background var(--burger-transition-hover, 120ms)
      var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1));
  }

  .burger-menu-list > li > .sub-menu > li > .burger-link:hover,
  .burger-menu-list > li > .sub-menu > li > .burger-link:focus-visible,
  .burger-menu-list > li > .sub-menu > li > .sub-menu > li > .burger-link:hover,
  .burger-menu-list
    > li
    > .sub-menu
    > li
    > .sub-menu
    > li
    > .burger-link:focus-visible {
    background: rgba(255, 255, 255, 0.2);
  }

  /* Icônes spécifiques (maquette: 21.5px) */
  .burger-link-inner .burger-icon.burger-icon--file,
  .burger-link-inner .burger-icon.burger-icon--about {
    width: 21.5px;
    height: 21.5px;
  }

  .burger-link-inner .burger-icon.burger-icon--file svg,
  .burger-link-inner .burger-icon.burger-icon--about svg {
    width: 21.5px;
    height: 21.5px;
  }

  /* Niveau 1 (titre module) */
  .burger-menu-list > li > .sub-menu > li > .burger-link {
    color: var(--burger-module-title-color, #d3d1d1);
  }

  .burger-menu-list > li > .sub-menu > li > .burger-link .burger-text {
    font-size: var(--burger-module-title-font, 15px);
    font-weight: 400;
    color: var(--burger-module-title-color, #d3d1d1);
    line-height: 1.2;
  }

  /* Niveau 2+ (texte module) */
  .burger-menu-list > li > .sub-menu > li > .sub-menu > li > .burger-link {
    color: var(--burger-module-text-color, #fff);
  }

  .burger-menu-list
    > li
    > .sub-menu
    > li
    > .sub-menu
    > li
    > .burger-link
    .burger-text {
    font-size: var(--burger-module-text-font, 14px);
    font-weight: 400;
    color: var(--burger-module-text-color, #fff);
    line-height: 1.25;
  }

  /* Variante italic pour certains items (via classes de menu WP) */
  .burger-menu-list .italic > .burger-link .burger-text,
  .burger-menu-list .is-italic > .burger-link .burger-text {
    font-style: italic;
  }

  .burger-menu-list .sub-menu .burger-link-inner .burger-icon svg {
    width: var(--burger-icon-size, 20px);
    height: var(--burger-icon-size, 20px);
  }

  /* ═══════════════════════════════════════════════════════════════
     Section authentification (Me Connecter / Créer un compte)
     ═══════════════════════════════════════════════════════════════ */
  .burger-menu-auth {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem var(--burger-panel-padding, 1.25rem);
    margin-top: 0.5rem;
  }

  .burger-link--auth {
    display: flex;
    margin: 0.2em;
    min-height: 70px;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    text-decoration: none;
    color: var(--burger-title-color, #a4a4a5);
    transition:
      background var(--burger-transition-hover, 120ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1)),
      color var(--burger-transition-hover, 120ms)
        var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1));
  }

  /* Item "Me Connecter" / "Mon Espace Connexion" : maquette 70px, fond clair au hover */
  .burger-link--login {
    background: rgba(255, 255, 255, 0.06);
  }

  .burger-link--login:hover,
  .burger-link--login:focus-visible {
    background: rgba(255, 255, 255, 0.92);
    color: #1a1a1a;
  }

  .burger-link--login:hover .burger-icon img,
  .burger-link--login:focus-visible .burger-icon img {
    filter: brightness(0.15);
  }

  /* Item "Créer un compte" */
  .burger-link--register:hover,
  .burger-link--register:focus-visible {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(242, 242, 242, 0.8);
  }

  /* Item "Me Déconnecter" */
  .burger-link--logout {
    min-height: 52px;
  }

  .burger-link--logout:hover,
  .burger-link--logout:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(242, 242, 242, 0.8);
  }

  .burger-link--auth:focus-visible {
    outline: 2px solid rgba(242, 242, 242, 0.5);
    outline-offset: 3px;
  }

  .burger-link--auth .burger-link-inner {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .burger-link--auth .burger-icon {
    flex: 0 0 auto;
    width: var(--burger-icon-box, 32px);
    height: var(--burger-icon-box, 32px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .burger-link--auth .burger-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: filter var(--burger-transition-hover, 120ms)
      var(--burger-ease-out, cubic-bezier(0.2, 0.8, 0.2, 1));
    filter: brightness(0) invert(1);
  }

  .burger-link--auth .burger-text {
    font-weight: 100;
    letter-spacing: 0.1px;
    font-size: 16px;
  }

  a,
  a:visited,
  .entry-title a,
  .cat-links a,
  .tags-links a,
  .entry-meta a {
    /* color: #555555 !important; */
  }

  .ol-card > .ol-card-body {
    flex: 1 1 73%;
    /* align-self: center; */
  }

  /* ═══════════════════════════════════════════════════════════════
     Dropdown Formations – Menu déroulant
     ═══════════════════════════════════════════════════════════════ */
  .burger-dropdown {
    width: 100%;
  }

  .burger-link--dropdown {
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    justify-content: space-between;
  }

  .burger-dropdown-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--burger-title-color, #a4a4a5);
    transition: transform var(--burger-transition-fast, 160ms)
      var(--burger-ease-out);
  }

  .burger-dropdown.open .burger-dropdown-arrow {
    transform: rotate(180deg);
  }

  .burger-dropdown-menu {
    display: none;
    flex-direction: column;
    /* padding: 0.5rem 0 0.5rem 1rem; */
    margin-left: 0.5rem;
    margin-top: 0.8em;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }

  .burger-dropdown.open .burger-dropdown-menu {
    display: flex;
  }

  .burger-dropdown-item {
    display: block;
    padding: 0.65rem 1rem;
    font-size: 14px;
    font-weight: 300;
    color: var(--burger-module-text-color, #a4a4a5);
    text-decoration: none;
    border-radius: 8px;
    transition:
      background var(--burger-transition-hover, 120ms) var(--burger-ease-out),
      color var(--burger-transition-hover, 120ms) var(--burger-ease-out);
  }

  .burger-dropdown-item:hover,
  .burger-dropdown-item:focus-visible {
    background: rgba(255, 255, 255, 0.92);
    color: #1a1a1a;
  }

  .burger-dropdown-menu a {
    color: #adadad !important;
  }

  /* ═══════════════════════════════════════════════════════════════
     Footer LMS Pro (logo + texte) – maquette
     ═══════════════════════════════════════════════════════════════ */
  .burger-menu-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    opacity: 0.5;
    scale: 130%;
    margin-top: 3em;
    position: fixed;
    bottom: 3em;
    z-index: 10;
  }

  .burger-footer-logo {
    display: inline-flex;
    scale: 140%;
    padding-right: 3px;
  }

  .burger-footer-logo svg {
    width: 24px;
    height: 24px;
  }

  .burger-footer-brand {
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.2px;
  }

  /* Positionner le bouton X à l'intérieur visuellement */
  .burger-toggle {
    z-index: 10001;
  }

  @media (prefers-reduced-motion: reduce) {
    .burger-menu,
    .burger-menu-panel {
      transition: none !important;
    }
  }
}