/* ════════════════════════════════════════════
   DestockGym — components/header.css
   Header V2 sticky, glassmorphism crème
   (style nav-header repris de custom.css)
════════════════════════════════════════════ */

/* GSAP reveal anti-FOUC : masqué seulement quand html.dg-gsap est posé
   (= JS actif + pas de prefers-reduced-motion). Sinon visible par défaut. */
html.dg-gsap .dg-reveal { opacity: 0; }

.dg-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(251, 250, 246, 0.55);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    backdrop-filter: blur(30px) saturate(180%);
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset,
                0 8px 32px -16px rgba(0, 0, 0, 0.10);
}

/* Connecté : le sticky se cale sous la barre d'admin WP (visiteurs : top 0) */
.admin-bar .dg-header { top: 32px; }
@media screen and (max-width: 782px) {
    .admin-bar .dg-header { top: 46px; }
}

.dg-header__inner {
    max-width: var(--dg-container);
    margin: 0 auto;
    padding: 12px var(--dg-gutter);
    display: flex;
    align-items: center;
    gap: 28px;
}

/* Logo (PNG blanc rendu noir) */
.dg-header__logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.dg-header__logo img {
    height: 34px;
    width: auto;
    filter: brightness(0);
}

/* Nav centrale */
.dg-header__nav {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-left: auto;
}

.dg-header__nav a {
    font-family: var(--dg-font-heading);
    font-weight: var(--dg-semibold);
    font-size: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--dg-dark);
    text-decoration: none;
    transition: color .2s ease;
}

.dg-header__nav a:hover { color: var(--dg-teal); }

/* Lien Produits actif quand le mega est ouvert */
.dg-header.dg-mega-open .dg-header__nav-produits { color: var(--dg-teal); }

/* ════════════════════════════════════════════
   MEGA MENU "Produits" (pleine largeur, desktop/tablette)
════════════════════════════════════════════ */

.dg-mega {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.18);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s;
    z-index: 1090;
}

.dg-header.dg-mega-open .dg-mega {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.dg-mega__inner {
    max-width: var(--dg-container);
    margin: 0 auto;
    padding: 44px var(--dg-gutter) 56px;
    display: grid;
    grid-template-columns: 1fr 1fr 1.15fr 1.15fr;
    gap: 48px;
}

.dg-mega__title {
    font-family: var(--dg-font-heading);
    font-weight: var(--dg-bold);
    font-size: 16px;
    letter-spacing: 0.04em;
    color: var(--dg-dark);
    margin: 0 0 22px;
}

.dg-mega__list {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
}

.dg-mega__list li { margin-bottom: 13px; }

.dg-mega__list a {
    font-family: var(--dg-font-body);
    font-size: 14.5px;
    color: var(--dg-text);
    text-decoration: none;
    transition: color .18s ease;
}

.dg-mega__list a:hover { color: var(--dg-teal); }

.dg-mega__all {
    font-family: var(--dg-font-body);
    font-size: 14px;
    font-weight: var(--dg-semibold);
    color: var(--dg-dark);
    text-decoration: none;
    transition: color .18s ease;
}

.dg-mega__all:hover { color: var(--dg-teal); }

/* Cartes Type / État */
.dg-mega__cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dg-mega__card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 135px;
    border-radius: 4px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    text-decoration: none;
}

.dg-mega__card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(15, 20, 25, 0.42);
    transition: background .25s ease;
}

.dg-mega__card:hover::after { background: rgba(15, 20, 25, 0.28); }

.dg-mega__card span {
    position: relative;
    z-index: 1;
    font-family: var(--dg-font-body);
    font-size: 15px;
    font-weight: var(--dg-medium);
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

/* Zone outils droite */
.dg-header__tools {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: auto;
}

/* Recherche */
.dg-header__search {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dg-header .dg-header__search-input {
    width: 190px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: var(--dg-radius-pill);
    background: rgba(255, 255, 255, 0.75);
    font-family: var(--dg-font-body);
    font-size: 13.5px;
    color: var(--dg-dark);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: border-color .2s ease, background .2s ease;
}

.dg-header .dg-header__search-input:focus {
    outline: none;
    border-color: var(--dg-teal);
    background: #ffffff;
}

.dg-header .dg-header__search-input::-webkit-search-cancel-button { -webkit-appearance: none; }

.dg-header .dg-header__search-btn {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--dg-radius-pill);
    border: 1px solid rgba(255, 255, 255, 0.55);
    padding: 0;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(1, 92, 122, 0.92), rgba(1, 92, 122, 0.78));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),
                0 10px 26px -12px rgba(1, 92, 122, 0.55);
    transition: background .3s ease, color .25s ease, border-color .3s ease;
}

.dg-header .dg-header__search-btn:hover,
.dg-header .dg-header__search-btn:focus {
    color: var(--dg-teal-dark);
    background: rgba(255, 255, 255, 0.45);
    border-color: var(--dg-teal);
}

/* Wrapper recherche + dropdown autocomplete */
.dg-search {
    position: relative;
}

.dg-search__dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 360px;
    max-width: 80vw;
    max-height: 70vh;
    overflow-y: auto;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 12px 40px -8px rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(0, 0, 0, 0.05);
    z-index: 1100;
    padding: 6px;
}

.dg-search__dropdown[hidden] { display: none; }

.dg-search__suggests,
.dg-search__products {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dg-search__suggests {
    border-bottom: 1px solid var(--dg-border);
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.dg-search__suggests a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    text-decoration: none;
    transition: background .15s ease;
}

.dg-search__suggests a:hover { background: rgba(1, 92, 122, 0.07); }

.dg-search__sug-label {
    font-family: var(--dg-font-heading);
    font-weight: var(--dg-semibold);
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--dg-dark);
}

.dg-search__sug-type {
    font-size: 11px;
    color: #9aa0a4;
}

.dg-search__products a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    border-radius: 8px;
    text-decoration: none;
    transition: background .15s ease;
}

.dg-search__products a:hover { background: rgba(1, 92, 122, 0.07); }

.dg-search__thumb {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 6px;
    overflow: hidden;
    background: #f3f2ee;
}

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

.dg-search__info {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.dg-search__brand {
    font-family: var(--dg-font-heading);
    font-weight: var(--dg-bold);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--dg-teal);
}

.dg-search__title {
    font-size: 13.5px;
    font-weight: var(--dg-semibold);
    color: var(--dg-dark);
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dg-search__price {
    font-size: 13px;
    font-weight: var(--dg-bold);
    color: var(--dg-dark);
}

.dg-search__price del { color: #b3b8bc; font-weight: var(--dg-regular); font-size: 11px; margin-left: 4px; }

.dg-search__empty {
    padding: 18px;
    text-align: center;
    font-size: 13.5px;
    color: #9aa0a4;
    margin: 0;
}

.dg-search__all {
    display: block;
    margin-top: 6px;
    padding: 11px;
    text-align: center;
    font-size: 13px;
    font-weight: var(--dg-semibold);
    color: var(--dg-teal);
    text-decoration: none;
    border-top: 1px solid var(--dg-border);
}

.dg-search__all:hover { color: var(--dg-teal-dark); }

/* Icônes panier / favoris / compte */
.dg-header__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dg-dark);
    text-decoration: none;
    transition: color .2s ease;
}

.dg-header__icon:hover { color: var(--dg-teal); }

.dg-header__cart-count {
    position: absolute;
    top: -7px;
    right: -9px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: var(--dg-radius-pill);
    background: var(--dg-orange);
    color: #fff;
    font-size: 10.5px;
    font-weight: var(--dg-bold);
    line-height: 16px;
    text-align: center;
}

/* Panier + favoris + compte du header : bouton rond blanc + halo néon aqua→violet */
.dg-header__wish,
.dg-header__cart,
.dg-header__account {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow:
        0 0 0 1px rgba(94, 231, 223, 0.35),
        0 4px 18px rgba(94, 231, 223, 0.5),
        0 4px 18px rgba(180, 144, 245, 0.4);
    transition: box-shadow .25s ease, transform .15s ease;
}

.dg-header__wish:hover,
.dg-header__cart:hover,
.dg-header__account:hover {
    transform: translateY(-1px);
    box-shadow:
        0 0 0 1px rgba(94, 231, 223, 0.5),
        0 6px 24px rgba(94, 231, 223, 0.65),
        0 6px 24px rgba(180, 144, 245, 0.55);
}

.dg-header__wish-count {
    position: absolute;
    top: -7px;
    right: -9px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: var(--dg-radius-pill);
    background: var(--dg-orange);
    color: #fff;
    font-size: 10.5px;
    font-weight: var(--dg-bold);
    line-height: 16px;
    text-align: center;
}

/* compteur favoris dans le drawer mobile */
.dg-drawer__wish-count {
    display: inline-block;
    margin-left: 4px;
    color: var(--dg-teal);
    font-weight: var(--dg-bold);
}

.dg-header__sep {
    width: 1px;
    height: 20px;
    background: rgba(22, 25, 28, 0.25);
}

.dg-header__explore {
    padding: 10px 26px;
    min-height: 40px;
    font-size: 13.5px;
}


/* ════════════════════════════════════════════
   BULLES GLASS (mobile) — search, panier, burger
════════════════════════════════════════════ */

/* Base : bulle sombre-sur-clair (header crème / catalogue)
   Préfixé .dg-header / .dg-drawer pour battre reset.css [type=button] */
.dg-header .dg-header__bubble,
.dg-drawer .dg-header__bubble {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: none;               /* visible en mobile uniquement */
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: var(--dg-radius-pill);
    border: 1px solid rgba(20, 25, 30, 0.12);
    background: rgba(20, 25, 30, 0.06);
    color: var(--dg-dark);
    cursor: pointer;
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    transition: background .25s ease, transform .15s ease;
}

.dg-header .dg-header__bubble:hover,
.dg-header .dg-header__bubble:focus { background: rgba(20, 25, 30, 0.12); }

.dg-header .dg-header__bubble:active { transform: scale(0.94); }

/* loupe + burger mobile : fond blanc + halo néon aqua→violet (comme panier) */
.dg-header .dg-header__bubble--search,
.dg-header .dg-header__burger {
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow:
        0 0 0 1px rgba(94, 231, 223, 0.35),
        0 4px 18px rgba(94, 231, 223, 0.5),
        0 4px 18px rgba(180, 144, 245, 0.4);
}

.dg-header .dg-header__bubble--search:hover,
.dg-header .dg-header__bubble--search:focus,
.dg-header .dg-header__burger:hover,
.dg-header .dg-header__burger:focus {
    background: #ffffff;
    box-shadow:
        0 0 0 1px rgba(94, 231, 223, 0.5),
        0 6px 24px rgba(94, 231, 223, 0.65),
        0 6px 24px rgba(180, 144, 245, 0.55);
}

/* Bouton fermeture drawer : glass blanc sur fond sombre */
.dg-drawer .dg-drawer__close {
    display: inline-flex;
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}
.dg-drawer .dg-drawer__close:hover { background: rgba(255, 255, 255, 0.16); }

/* Burger (3 traits) */
.dg-header .dg-header__burger {
    display: none;               /* visible en mobile uniquement */
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.dg-header__burger span {
    display: block;
    height: 2px;
    width: 18px;
    border-radius: 2px;
    background: var(--dg-dark);
    transition: transform .25s ease, opacity .2s ease;
}

/* ════════════════════════════════════════════
   DRAWER MOBILE (plein écran)
════════════════════════════════════════════ */

.dg-drawer {
    position: fixed;
    inset: 0;
    z-index: 2000;
    visibility: hidden;
    pointer-events: none;
}

body.dg-menu-open .dg-drawer {
    visibility: visible;
    pointer-events: auto;
}

.dg-drawer__panel {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    padding: 18px var(--dg-gutter) 0;
    overflow-y: auto;
    background:
        radial-gradient(80vw 50vh at 80% 0%, rgba(196, 106, 68, 0.28) 0%, transparent 55%),
        radial-gradient(70vw 50vh at 10% 100%, rgba(1, 92, 122, 0.30) 0%, transparent 55%),
        rgba(12, 17, 22, 0.72);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    backdrop-filter: blur(30px) saturate(180%);
    transform: translateX(8%);
    opacity: 0;
    transition: transform .3s ease, opacity .3s ease;
}

body.dg-menu-open .dg-drawer__panel {
    transform: none;
    opacity: 1;
}

.dg-drawer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.dg-drawer__logo img { height: 30px; width: auto; }

/* Recherche */
.dg-drawer__searchwrap {
    position: relative;
    z-index: 20;
    margin-bottom: 20px;
}

.dg-drawer__search {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    height: 50px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* dropdown autocomplete dans le drawer : pleine largeur, sous le champ */
.dg-drawer__search-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    max-height: 60vh;
}

.dg-drawer__search input {
    flex: 1;
    width: 100%;
    border: none !important;          /* bat le reset thème parent input[type=search] */
    background: none !important;
    color: #fff;
    font-family: var(--dg-font-body);
    font-size: 15px;
    padding: 0;
}

.dg-drawer__search input::placeholder { color: rgba(255, 255, 255, 0.5); }
.dg-drawer__search input:focus { outline: none; box-shadow: none; }

/* Nav numérotée */
.dg-drawer__nav { display: flex; flex-direction: column; }

.dg-drawer__row,
.dg-drawer button.dg-drawer__row {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 20px 4px;
    background: none !important;
    border: none !important;          /* bat le reset thème parent button { border:#c36 } */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 0 !important;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
}

.dg-drawer button.dg-drawer__row:focus { outline: none; box-shadow: none; }

.dg-drawer__num {
    font-family: var(--dg-font-body);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.05em;
}

.dg-drawer__label {
    flex: 1;
    font-family: var(--dg-font-heading);
    font-weight: var(--dg-bold);
    font-size: 24px;
    color: #fff;
}

.dg-drawer__row--produits .dg-drawer__label { color: var(--dg-orange); }

/* flèche diagonale : rond transparent + halo teal foncé */
.dg-drawer__arrow {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(75, 165, 185, 0.45);
    color: #8fd4e6;
    box-shadow:
        0 0 0 1px rgba(1, 92, 122, 0.35),
        0 4px 18px rgba(1, 92, 122, 0.6),
        inset 0 0 12px rgba(75, 165, 185, 0.25);
    transition: box-shadow .25s ease, transform .15s ease, color .2s ease;
}

.dg-drawer__row:hover .dg-drawer__arrow,
.dg-drawer__row:focus .dg-drawer__arrow {
    color: #fff;
    transform: translate(2px, -2px);
    box-shadow:
        0 0 0 1px rgba(75, 165, 185, 0.6),
        0 6px 24px rgba(1, 92, 122, 0.8),
        inset 0 0 14px rgba(75, 165, 185, 0.4);
}

.dg-drawer__chev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--dg-radius-pill);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    transition: transform .28s ease, background .25s ease, border-color .25s ease;
}

.dg-drawer__acc.is-open .dg-drawer__chev {
    transform: rotate(90deg);
    background: var(--dg-orange);
    border-color: var(--dg-orange);
}

/* Panneau Produits déplié */
.dg-drawer__panel-prod { padding: 8px 4px 22px; }

.dg-drawer__sublabel {
    font-family: var(--dg-font-body);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    margin: 18px 0 12px;
}

.dg-drawer__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.dg-drawer__card {
    position: relative;
    height: 110px;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dg-drawer__card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(12, 17, 22, 0.45);
}

.dg-drawer__card-label {
    position: relative;
    z-index: 1;
    font-family: var(--dg-font-body);
    font-weight: var(--dg-medium);
    font-size: 15px;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.dg-drawer__card-tag {
    position: absolute;
    left: 12px;
    bottom: 10px;
    z-index: 1;
    font-size: 10px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

/* Pills catégories / marques */
.dg-drawer__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dg-drawer__pill {
    display: inline-flex;
    align-items: center;
    padding: 9px 16px;
    border-radius: var(--dg-radius-pill);
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.04);
    font-family: var(--dg-font-body);
    font-size: 13.5px;
    color: #fff;
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease;
}

.dg-drawer__pill:hover {
    background: rgba(1, 92, 122, 0.4);
    border-color: var(--dg-teal-light);
}

.dg-drawer__seeall {
    display: inline-block;
    margin-top: 14px;
    font-family: var(--dg-font-body);
    font-size: 12px;
    font-weight: var(--dg-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dg-orange);
    text-decoration: none;
}

/* Footer actions */
.dg-drawer__footer {
    margin-top: auto;
    padding: 22px 0 28px;
}

.dg-drawer__cta2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

.dg-drawer__cta2 .dg-btn { width: 100%; }

.dg-drawer__quick {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

.dg-drawer__quick a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 14px 6px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
    text-decoration: none;
}

.dg-drawer__quick span {
    font-family: var(--dg-font-body);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
}

.dg-drawer__explore { width: 100%; }

/* Boutons du footer drawer — même style glassy que le hero (btn-third / btn-fourth) */
.dg-drawer .dg-btn--teal {
    color: #fff !important;
    background: linear-gradient(180deg, #015c7ab5, #015c7a99) !important;
    border: 1px solid transparent !important;
    -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
    backdrop-filter: blur(12px) saturate(150%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),
                0 10px 26px -12px rgba(1, 92, 122, 0.55) !important;
}

.dg-drawer .dg-btn--teal:hover {
    color: #fff !important;
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.90) !important;
}

.dg-drawer .dg-btn--orange {
    color: #fff !important;
    background: linear-gradient(135deg, #e8783a61 0%, #4d3224a1 100%) !important;
    border: 1px solid transparent !important;
    -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
    backdrop-filter: blur(12px) saturate(150%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),
                0 10px 26px -12px #e8783a78 !important;
}

.dg-drawer .dg-btn--orange:hover {
    color: #fff !important;
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.90) !important;
}

/* ════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════ */

@media (max-width: 1180px) {
    .dg-header .dg-header__search-input { width: 150px; }
    .dg-header__nav { gap: 18px; }
    .dg-header__inner { gap: 18px; }
}

/* Tablette (768–1024) : on garde nav + mega, on allège pour faire de la place */
@media (min-width: 768px) and (max-width: 1024px) {
    .dg-header__explore,
    .dg-header__sep,
    .dg-header__icon--desktop { display: none; }
    .dg-header__nav { gap: 14px; }
    .dg-header__nav a { font-size: 14px; }
    .dg-header .dg-header__search-input { width: 120px; }
}

/* ≤767 : bascule mobile — header transparent sur le hero + bulles + drawer */
@media (max-width: 767px) {
    .dg-header__nav,
    .dg-search,
    .dg-header__explore,
    .dg-header__sep,
    .dg-header__icon--desktop {
        display: none;
    }

    .dg-header .dg-header__bubble,
    .dg-header .dg-header__burger { display: inline-flex; }

    .dg-header__inner { padding: 14px 16px; }
    .dg-header__tools { gap: 10px; margin-left: auto; }

    .dg-mega { display: none; }

    /* Panier en bulle (mobile, sombre-sur-clair par défaut) */
    .dg-header__cart {
        width: 42px;
        height: 42px;
        border-radius: var(--dg-radius-pill);
        border: 1px solid rgba(20, 25, 30, 0.12);
        background: rgba(20, 25, 30, 0.06);
        color: var(--dg-dark);
        -webkit-backdrop-filter: blur(14px) saturate(160%);
        backdrop-filter: blur(14px) saturate(160%);
    }

    /* ── HOME uniquement : header fixé transparent par-dessus le hero ── */
    body.page-template-page-home-php .dg-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        border-bottom: none;
        box-shadow: none;
    }

    body.page-template-page-home-php .dg-header__logo img { filter: brightness(0) invert(1); }

    body.page-template-page-home-php .dg-header__bubble,
    body.page-template-page-home-php .dg-header__cart {
        position: relative;
        color: #fff;
        background: rgba(255, 255, 255, 0.10);
        border: 0.5px solid rgba(255, 255, 255, 0.40);
        -webkit-backdrop-filter: blur(18px) saturate(180%) brightness(1.08);
        backdrop-filter: blur(18px) saturate(180%) brightness(1.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),
                    inset 0 -1px 1px rgba(0, 0, 0, 0.18),
                    0 6px 18px -6px rgba(0, 0, 0, 0.5);
    }

    /* Halo glossy en haut de la bulle (reflet) */
    body.page-template-page-home-php .dg-header__bubble::before,
    body.page-template-page-home-php .dg-header__cart::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.08) 42%, rgba(255, 255, 255, 0) 60%);
        pointer-events: none;
    }

    /* L'icône SVG passe au-dessus du halo */
    body.page-template-page-home-php .dg-header__bubble svg,
    body.page-template-page-home-php .dg-header__cart svg { position: relative; z-index: 1; }

    body.page-template-page-home-php .dg-header__bubble:hover,
    body.page-template-page-home-php .dg-header__cart:hover {
        background: rgba(255, 255, 255, 0.18);
    }

    body.page-template-page-home-php .dg-header__burger span { background: #fff; }

    /* HOME scrollée : retour crème glass + logo/bulles sombres (lisibilité) */
    body.page-template-page-home-php .dg-header.dg-scrolled {
        position: fixed;
        background: rgba(251, 250, 246, 0.55);
        -webkit-backdrop-filter: blur(30px) saturate(180%);
        backdrop-filter: blur(30px) saturate(180%);
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.4);
        box-shadow: 0 8px 32px -16px rgba(0, 0, 0, 0.10);
    }

    body.page-template-page-home-php .dg-header.dg-scrolled .dg-header__logo img { filter: brightness(0); }

    body.page-template-page-home-php .dg-header.dg-scrolled .dg-header__bubble,
    body.page-template-page-home-php .dg-header.dg-scrolled .dg-header__cart {
        background: rgba(20, 25, 30, 0.06);
        border-color: rgba(20, 25, 30, 0.12);
        color: var(--dg-dark);
        box-shadow: none;
    }
    body.page-template-page-home-php .dg-header.dg-scrolled .dg-header__burger span { background: var(--dg-dark); }
}