/* dc26-{slug} — entry point PostCSS
   Ajouter les overrides et styles spécifiques au site ici */

/* WooCommerce overrides — dc26-kaws */

/* Header sticky : fond intact, sans flou ni override de couleur */

.is-style-sticky-header.is-scrolled > header.wp-block-group,
.is-style-sticky-header.is-scrolled > .wp-block-group {
    background-color: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

/* ── Navigation ─────────────────────────────────────────── */

/* Top menu — underline (zero impact layout) */

.wp-block-navigation-item__content {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 3px;
    text-underline-offset: 6px;
    transition: text-decoration-color 0.2s ease;
}

.wp-block-navigation-item__content:hover {
    text-decoration-color: currentColor;
}

.current-menu-item > .wp-block-navigation-item__content,
.current-menu-ancestor > .wp-block-navigation-item__content {
    text-decoration-color: var(--wp--preset--color--primary);
    text-decoration-thickness: 4px;
}

/* Sous-menus — fond sombre, largeur, flèches masquées */

.wp-block-navigation .wp-block-navigation__submenu-container {
    min-width: 400px !important;
    background-color: var(--wp--preset--color--gray-dark) !important;
    border: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    padding: 0 !important;
}

/* Sub-submenu latéral : pas de margin-top (le gap header→dropdown ne s'applique pas ici) */

.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    margin-top: 0 !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
    display: none;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    text-decoration: none;
    display: block;
    padding: 0.55rem 1.25rem;
    transition: background-color 0.2s ease;
}

/* Hover : légère surbrillance claire */

.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Current : plein primary + texte blanc */

.wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--gray-light) !important;
}

/* Style "Pointe bas" — chevron clip-path sur group et cover */

.wp-block-group.is-style-dc26-pointe,
.wp-block-cover.is-style-dc26-pointe {
    --dc26-pointe: 56px;
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - var(--dc26-pointe)),
        50% 100%,
        0 calc(100% - var(--dc26-pointe))
    );
    padding-bottom: calc(var(--dc26-pointe) + var(--wp--preset--spacing--60, 3rem)) !important;
}

@media (max-width: 600px) {
    .wp-block-group.is-style-dc26-pointe,
    .wp-block-cover.is-style-dc26-pointe {
        --dc26-pointe: 32px;
    }
}

/* scroll-image : crossfade piloté par le bloc uniquement, pas par l'ancêtre sticky */

.is-scrolled .dc26-scroll-image__default  { opacity: 1; }

.is-scrolled .dc26-scroll-image__on-scroll { opacity: 0; }