/* ============================================
   RENAULT PAGE — overrides on top of neofarm.css
   ============================================ */

/* ── HERO : titre plus haut, image plus basse ── */
.nf-hero { padding-top: 56px; }
.nf-hero-image { margin-top: 0; }

/* ── COLORIMETRIE alignée à gauche (pas centrée) ── */
.nf-swatches { justify-content: flex-start; }

/* ── TYPOGRAPHIE ── */
/* "Renault Group" tient sur une ligne ; le reste se décale à droite */
.rg-typo-block {
    grid-template-columns: auto 1fr 1fr 1fr 1.4fr;
}
.rg-display { white-space: nowrap; }

/* Police d'affichage Renault Group + lettres */
.rg-display,
.rg-letter {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Poids LIGHT / REGULAR / BOLD */
.rg-light   { font-weight: 300; }
.rg-regular { font-weight: 400; }
.rg-bold    { font-weight: 700; }

/* Lettres A décalées de 24px à droite de la ligne verticale gauche de leur colonne */
.rg-typo-block .rg-letter {
    align-self: flex-start;
    margin-left: 24px;
    margin-right: 0;
}

/* ── Effet de superposition appliqué aussi à LIGHT / REGULAR ──
   Initial : BOLD recouvre REGULAR (déjà géré par neofarm.css)
             REGULAR recouvre LIGHT (ajouté ici)
   Hover LIGHT  → REGULAR glisse à sa place
   Hover REGULAR → BOLD glisse à sa place (déjà géré) */
.rg-typo-block .nf-typo-col-regular {
    transform: translateX(-50%);
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
    background:
        linear-gradient(rgba(0,0,0,0.30), rgba(0,0,0,0.30)),
        url(assets/Noise.png),
        #000;
    z-index: 2;
}
.rg-typo-block .nf-typo-col-bold {
    transform: translateX(-50%);
    z-index: 3;
}
.rg-typo-block .rg-typo-col-light { z-index: 1; }

.rg-typo-block .rg-typo-col-light:hover + .nf-typo-col-regular {
    transform: translateX(0);
}

/* Responsive */
@media (max-width: 900px) {
    .rg-typo-block { grid-template-columns: auto 1fr 1fr 1fr; }
}
@media (max-width: 600px) {
    .rg-typo-block { grid-template-columns: auto 1fr 1fr 1fr; }
}
