/* dc26-sixtysevenagency — entry point PostCSS */

/* Offset scroll pour le header sticky */

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

/* Header sixtyseven — override du background WP (has-primary-background-color génère !important) */

.is-style-sticky-header > header.wp-block-group {
    background-color: transparent !important;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

.is-style-sticky-header.is-scrolled > header.wp-block-group {
    background-color: var(--wp--preset--color--primary) !important;
}

/* WPML — spécificité élevée pour battre le \3c style> inline dans le body */

.is-style-sticky-header header .wp-block-group > .wpml-language-switcher-block {
    width: auto !important;
    flex: 0 0 auto !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
}

.is-style-sticky-header .wpml-language-switcher-block ul,
.is-style-sticky-header .wpml-language-switcher-block li,
.is-style-sticky-header .wpml-language-switcher-block [data-wpml="current-language-item"] > div {
    display: flex;
    align-items: center;
    line-height: 1;
}

.is-style-sticky-header .wpml-language-switcher-block .wp-block-navigation-item__label {
    text-transform: uppercase;
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 300;
}

.is-style-sticky-header .wpml-language-switcher-block [data-wpml="current-language-item"] .wp-block-navigation-item__label {
    font-weight: 700;
}

.is-style-sticky-header .wpml-language-switcher-block ul.hasSpacing.isHorizontal li:not(:last-child) {
    margin-right: 6px !important;
}

/* 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%;
}

/* Parallax wrapper — mettre overflow: hidden sur le conteneur parent */

.parallax-wrap {
    overflow: hidden;
}

/* Scale uniquement sur les images directes dans .parallax-wrap */

.parallax-wrap .parallax,
.parallax-wrap .parallax-slow,
.parallax-wrap .parallax-fast {
    will-change: transform;
    transform: scale(1.2);
    transform-origin: center center;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* Sur un group/cover : l'image de fond est déjà en position absolute */

.wp-block-cover.parallax .wp-block-cover__image-background,
.wp-block-cover.parallax-slow .wp-block-cover__image-background,
.wp-block-cover.parallax-fast .wp-block-cover__image-background {
    will-change: transform;
    transform: scale(1.2);
}