/**
 * Horizontal Scroll Layout - Desktop uniquement
 *
 * Transforme le layout vertical en scroll horizontal fluide.
 * Utilise les classes .main-section, .main-section-demi, .main-section-variable.
 *
 * @package     UneAutreVoix
 * @author      Horizon Signature
 * @copyright   2026 Horizon Signature
 * @license     Proprietary
 * @version     0.1.0
 *
 * @changelog
 * 0.1.0 — Passage en preprod
 * 0.0.2 - Footer masqué avant repositionnement JS via :not(.main-section)
 *        - uav-horizontal-enabled étant SSR, display: none appliqué dès le premier paint
 *        - Élimine le flash du footer en bas de page avant DOMContentLoaded
 * 0.0.1 - Version initiale
 */

/* ============================================================================
   Horizontal Scroll - Desktop uniquement (≥1201px)
   ========================================================================== */

@media (min-width: 1201px) {

    /* --- 1. CONFIGURATION GLOBALE --- */
    html.uav-horizontal-enabled,
    html.uav-horizontal-enabled body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        overscroll-behavior: none;
    }

    /* --- 2. CONTENEUR PRINCIPAL (WRAPPER) --- */
    html.uav-horizontal-enabled .horizontal-wrapper {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        overflow-x: hidden;
        overflow-y: hidden;
        width: 100vw;
        height: 100vh;
        align-items: flex-start;
        justify-content: flex-start;
        scroll-behavior: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
    }

    /* --- 3. SECTIONS --- */
    html.uav-horizontal-enabled .main-section,
    html.uav-horizontal-enabled .main-section-demi,
    html.uav-horizontal-enabled .main-section-variable {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 95vh;
        padding: 8vh;
        flex-shrink: 0;
        flex-grow: 0;
        box-sizing: border-box;
    }

    /* Largeurs des sections */
    html.uav-horizontal-enabled .main-section {
        width: 178vh;
        min-width: 178vh;
    }

    html.uav-horizontal-enabled .main-section-demi {
        width: 89vh;
        min-width: 89vh;
    }

    html.uav-horizontal-enabled .main-section-variable {
        width: fit-content;
        min-width: 0;
    }

    /* --- 4. OPTIMISATIONS IMAGES --- */
    html.uav-horizontal-enabled .main-section img,
    html.uav-horizontal-enabled .main-section-demi img,
    html.uav-horizontal-enabled .main-section-variable img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        user-select: none;
        -webkit-user-drag: none;
    }

    /* --- 5. FOOTER --- */

    /* Masquer le footer dans sa position naturelle (avant repositionnement JS).
     * uav-horizontal-enabled étant SSR, cette règle s'applique dès le premier paint :
     * le footer ne flashe jamais en bas de page. Une fois que JS ajoute .main-section
     * et déplace le footer dans .horizontal-wrapper, ce sélecteur ne matche plus. */
    html.uav-horizontal-enabled .site-footer:not(.main-section) {
        display: none;
    }

    html.uav-horizontal-enabled .site-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 95vh;
        flex-shrink: 0;
        box-sizing: border-box;
    }
}