/* dc26-dimension — entry point PostCSS
   Ajouter les overrides et styles spécifiques Dimension ici */

/* Facet tags-pills — radio en pills */

.facetwp-facet-tags_pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.facetwp-facet-tags_pills .facetwp-radio {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    border-radius: var(--facet-radius-pill);
    color: var(--facet-color-primary);
    background: var(--wp--preset--color--gray-light);
    margin-bottom: 0;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.facetwp-facet-tags_pills .facetwp-radio.checked {
    background: var(--facet-color-primary);
    color: var(--facet-color-bg);
}

/* Listes à puces — marqueur petit et couleur primary */

ul:not([class]) li::marker,
.wp-block-list:not([class*="is-style"]) li::marker {
  color: var(--wp--preset--color--secondary);
  font-size: 0.9em;
}

/* Language switcher : light tout le temps */

.is-style-sticky-header .wp-block-polylang-language-switcher a {
    color: var(--wp--preset--color--gray);
}

.is-style-sticky-header .wp-block-polylang-language-switcher .current-lang a {
    color: var(--wp--preset--color--white);
}

/* Header scrollé : fond bleu primary, liens blancs */

.is-style-sticky-header.is-scrolled > header.wp-block-group,
.is-style-sticky-header.is-scrolled > .wp-block-group {
    background-color: var(--wp--preset--color--primary);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    backdrop-filter: none;
}

.is-style-sticky-header.is-scrolled .wp-block-navigation a,
.is-style-sticky-header.is-scrolled .wp-block-navigation .wp-block-navigation-item__content {
    color: var(--wp--preset--color--white);
}

.is-style-sticky-header.is-scrolled .wp-block-polylang-language-switcher a,
.is-style-sticky-header.is-scrolled .wp-block-polylang-language-switcher .current-lang a {
    color: var(--wp--preset--color--white);
}

/* Offset scroll pour le header sticky */

html {
    scroll-padding-top: var(--site-header-height, 80px);
}

/* Scrollspy — lien actif souligné animé */

.is-style-sticky-header .wp-block-navigation-item__content {
    position: relative;
    overflow: visible;
}

.is-style-sticky-header .wp-block-navigation-item__content::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background: currentColor;
    transition: width 0.3s ease;
}

.is-style-sticky-header .wp-block-navigation-item.is-active > .wp-block-navigation-item__content::after {
    width: 100%;
}

/* Cover — style BG Blur (frosted glass) */

.wp-block-cover.is-style-bgblur {
    overflow: hidden;
}

.wp-block-cover.is-style-bgblur .wp-block-cover__image-background,
.wp-block-cover.is-style-bgblur video.wp-block-cover__video-background {
    filter: blur(9px);
    transform: scale(1.08); /* évite les bords blancs du blur */
}

/* Logo toujours visible (override dc26-base qui le cache en haut de homepage) */

.home .is-style-sticky-header.is-top .wp-block-site-logo,
.front-page .is-style-sticky-header.is-top .wp-block-site-logo {
  opacity: 1;
}

/* Off-canvas mobile — force le texte et la croix en primary (spécificité > sticky scrollé blanc) */

.is-style-sticky-header .wp-block-navigation__responsive-container.is-menu-open a,
.is-style-sticky-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.is-style-sticky-header .wp-block-navigation__responsive-container.has-modal-open a,
.is-style-sticky-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__content {
    color: var(--wp--preset--color--primary);
}

.is-style-sticky-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
.is-style-sticky-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-close {
    color: var(--wp--preset--color--primary);
}

.is-style-sticky-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg,
.is-style-sticky-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-close svg {
    fill: var(--wp--preset--color--primary);
    stroke: var(--wp--preset--color--primary);
}