/* Heritage layout is loaded in the head so it is ready for the first snapshot. */
body.page-template-modele-heritage #default-page {
    padding-top: 100px;
}

body.heritage-section #sitefooter {
    padding-right: 0 !important;
}

@media (min-width: 1281px) {
    body.heritage-section {
        padding-right: 0 !important;
        padding-left: 80px;
    }

    .heritage-section .bandeauheritage {
        left: 0;
        right: auto;
    }

    .heritage-section .bandeauheritage h3 {
        transform: translateX(50%) translateY(-50%) rotate(-90deg);
        white-space: nowrap;
    }

    .heritage-section .saison {
        left: 40px;
        right: auto;
        transform: translateY(-50%) rotate(-90deg);
    }

    .heritage-section #mainNav {
        left: 80px;
        width: calc(100% - 80px);
        padding-right: 0;
    }
}

@media (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }
}

/* No default crossfade on ordinary links or when the script is unavailable. */
::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}

html[data-gitana-transition] {
    --gitana-slide-distance: 100vw;
}

html[data-gitana-transition]::view-transition-group(*) {
    animation-duration: 1500ms;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-gitana-transition]::view-transition-old(root),
html[data-gitana-transition]::view-transition-new(root) {
    animation-duration: 1500ms;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    animation-fill-mode: both;
}

html[data-gitana-transition="to-heritage"]::view-transition-old(root) {
    animation-name: gitana-out-left;
}

html[data-gitana-transition="to-heritage"]::view-transition-new(root) {
    animation-name: gitana-in-right;
}

html[data-gitana-transition="to-season"]::view-transition-old(root) {
    animation-name: gitana-out-right;
}

html[data-gitana-transition="to-season"]::view-transition-new(root) {
    animation-name: gitana-in-left;
}

@media (min-width: 1281px) {
    html[data-gitana-transition] {
        --gitana-slide-distance: calc(100vw - 80px);
    }

    html[data-gitana-transition] .bandeauheritage {
        view-transition-name: gitana-sidebar;
    }

    html[data-gitana-transition] .saison {
        view-transition-name: gitana-section-label;
    }
}

html[data-gitana-transition]::view-transition-group(gitana-sidebar) {
    z-index: 2;
}

html[data-gitana-transition]::view-transition-group(gitana-section-label) {
    z-index: 3;
}

@keyframes gitana-out-left {
    to { transform: translateX(calc(-1 * var(--gitana-slide-distance))); }
}

@keyframes gitana-in-right {
    from { transform: translateX(var(--gitana-slide-distance)); }
}

@keyframes gitana-out-right {
    to { transform: translateX(var(--gitana-slide-distance)); }
}

@keyframes gitana-in-left {
    from { transform: translateX(calc(-1 * var(--gitana-slide-distance))); }
}

@media (prefers-reduced-motion: reduce) {
    html[data-gitana-transition]::view-transition-group(*),
    html[data-gitana-transition]::view-transition-old(*),
    html[data-gitana-transition]::view-transition-new(*) {
        animation: none !important;
    }
}