/* ==========================================================================
   THEME MAURIN — DACIA
   --------------------------------------------------------------------------
   Fichier de marque DÉDIÉ aux sites "Dacia + Ville" du groupe Maurin.
   Self-contained : il REMPLACE theme-maurin.css sur ces domaines.
   (À charger À LA PLACE de theme-maurin.css dans le template du site Dacia.)

   Architecture en 4 couches (cf. CONTEXT « Système de tokens v2 ») :
     1. @font-face DaciaBlock + Read
     2. Palette brute --dacia-* (valeurs Dacia)
     3. Tokens sémantiques --theme-* (mêmes noms que theme-maurin.css
        -> les widgets migrés héritent SANS être modifiés)
     4. Tokens spécifiques Dacia : menu (--theme-menu-*) + boutons 3 niveaux
        (--theme-btn-*).

   Police : DaciaBlock (titres) + Read (textes), chemin /dacia/assets/fonts/daciablock/.

   ========================================================================== */


/* ==========================================================================
   1. POLICE — DaciaBlock (titres) + Read (textes)
   --------------------------------------------------------------------------
   Fichiers : /var/www/maurin.carsens.net/public/dacia/assets/fonts/daciablock/
   Famille  : 'DaciaBlock' (titres) / 'Read' (textes, boutons, menus, footer).
   Graisses : 200 Light / 300 Book / 400 Regular / 600 SemiBold / 700 Bold / 800 ExtraBold
   ========================================================================== */

/* --- Dacia Block --- */
@font-face { font-family: 'DaciaBlock'; src: url('/dacia/assets/fonts/daciablock/DaciaBlock-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'DaciaBlock'; src: url('/dacia/assets/fonts/daciablock/DaciaBlock-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DaciaBlock'; src: url('/dacia/assets/fonts/daciablock/DaciaBlock-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'DaciaBlock'; src: url('/dacia/assets/fonts/daciablock/DaciaBlock-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
/* --- Dacia Block Extended --- */
@font-face { font-family: 'DaciaBlockExtended'; src: url('/dacia/assets/fonts/daciablock/DaciaBlockExtended-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'DaciaBlockExtended'; src: url('/dacia/assets/fonts/daciablock/DaciaBlockExtended-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DaciaBlockExtended'; src: url('/dacia/assets/fonts/daciablock/DaciaBlockExtended-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
/* --- Read --- */
@font-face { font-family: 'Read'; src: url('/dacia/assets/fonts/daciablock/Read-Light_V3000.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Read'; src: url('/dacia/assets/fonts/daciablock/Read-LightItalic_V3000.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Read'; src: url('/dacia/assets/fonts/daciablock/Read-Regular_V3000.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Read'; src: url('/dacia/assets/fonts/daciablock/Read-Italic_V3000.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Read'; src: url('/dacia/assets/fonts/daciablock/Read-Medium_V3000.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Read'; src: url('/dacia/assets/fonts/daciablock/Read-MediumItalic_V3000.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Read'; src: url('/dacia/assets/fonts/daciablock/Read-Bold_V3000.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Read'; src: url('/dacia/assets/fonts/daciablock/Read-BoldItalic_V3000.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }


:root {

    /* ----------------------------------------------------------------------
       2. PALETTE MARQUE DACIA (couleurs brutes)
       Couleur principale : vert olive #646B52 (Dacia green).
       Arrondis : 0 — design angulaire, identique à Renault.
       ---------------------------------------------------------------------- */

    --dacia-green:            #646B52;   /* vert olive / Kaki Lichen Dacia */
    --dacia-green-hover:      #575E48;   /* survol vert olive */
    --dacia-terracotta:       #C35334;   /* Terracotta Dacia */
    --dacia-terracotta-hover: #A84428;   /* survol Terracotta */
    --dacia-kaki-dark:        #273A33;   /* Kaki Lichen sombre */
    --dacia-sand:             #D7D1C9;   /* Sable / Sand */
    --dacia-sand-light:       #F2EFE9;   /* Sable clair */
    --dacia-black:            #000000;
    --dacia-black-hover:      #1a1a1a;
    --dacia-white:            #ffffff;
    --dacia-gray-light:       #F2F2F2;
    --dacia-gray-mid:         #777777;
    --dacia-gray-dark:        #333333;
    --dacia-border:           #EBEBEB;

    /* Mapping vers les noms de palette Maurin (compat : les widgets lisent ces noms) */
    --maurin-primary:        var(--dacia-green);         /* action "primary" = VERT OLIVE */
    --maurin-secondary:      var(--dacia-green-hover);   /* survol du vert */
    --maurin-accent:         var(--dacia-terracotta);    /* accent = Terracotta Dacia */
    --theme-primary:         var(--dacia-green);
    --theme-secondary:       var(--dacia-green-hover);
    --theme-accent:          var(--dacia-terracotta);
    --maurin-text:           var(--dacia-black);
    --maurin-bg-soft:        var(--dacia-sand-light, #F2EFE9);
    --maurin-white:          var(--dacia-white);
    --maurin-light-gray:     var(--dacia-gray-light);
    --maurin-black:          var(--dacia-black);

    /* ----------------------------------------------------------------------
       Typographies — DaciaBlock (titres) + Read (textes)

       ---------------------------------------------------------------------- */

    --maurin-font-primary:   'DaciaBlock', sans-serif;
    --maurin-font-secondary: 'Read', sans-serif;

    --theme-font-primary:    var(--maurin-font-primary);
    --theme-font-secondary:  var(--maurin-font-secondary);
    --theme-title-font:      var(--maurin-font-primary);
    --theme-font-title:      var(--maurin-font-primary);
    --theme-text-font:       var(--maurin-font-secondary);
    --theme-font-body:       var(--maurin-font-secondary);
    --theme-button-font:     var(--maurin-font-secondary);
    --main-font:             var(--maurin-font-primary);
    --base-font:             var(--maurin-font-secondary);

    /* ----------------------------------------------------------------------
       Radius / arrondis — Dacia = design angulaire (identique à Renault).
       ---------------------------------------------------------------------- */

    --maurin-section-radius: 0px;
    --maurin-image-radius:   0px;
    --maurin-button-radius:  0px;

    --theme-section-radius:           var(--maurin-section-radius);
    --theme-section-container-radius: var(--maurin-section-radius);
    --theme-card-radius:              var(--maurin-section-radius);
    --theme-image-radius:             var(--maurin-image-radius);
    --theme-button-radius:            var(--maurin-button-radius);

    /* Badge / tag : arrondi minimal (2px) */
    --theme-badge-radius: 2px;

    /* ----------------------------------------------------------------------
       Boutons (dimensions génériques)
       ---------------------------------------------------------------------- */

    --maurin-button-height:      48px;
    --maurin-button-padding-x:   24px;
    --maurin-button-font-size:   15px;
    --maurin-button-font-weight: 600;

    --theme-button-height:      var(--maurin-button-height);
    --theme-button-padding-x:   var(--maurin-button-padding-x);
    --theme-button-font-size:   var(--maurin-button-font-size);
    --theme-button-font-weight: var(--maurin-button-font-weight);

    /* ----------------------------------------------------------------------
       3. TOKENS SÉMANTIQUES GLOBAUX (mêmes noms que theme-maurin.css)
       ---------------------------------------------------------------------- */

    /* Sections */
    --theme-section-title-color:    var(--dacia-black);
    --theme-section-subtitle-color: var(--dacia-black);
    --theme-section-text-color:     var(--dacia-black);
    --theme-section-background:     var(--dacia-white);

    /* Titres de page (franck-page-heading) — charte Dacia : H1 35 / H2 20, centre.
       franck-page-heading est le SEUL consommateur de ces tokens (parite Renault). */
    --theme-h1-size:     35px;
    --theme-h2-size:     20px;
    --theme-title-align: center;

    /* Blocs de contenu */
    --theme-block-title-color:    var(--dacia-black);
    --theme-block-subtitle-color: var(--dacia-black);
    --theme-block-text-color:     var(--dacia-black);

    /* Boutons (CTA "primary" par défaut = vert olive Dacia) */
    --theme-button-bg:         var(--dacia-green);
    --theme-button-bg-hover:   var(--dacia-green-hover);
    --theme-button-text-color: var(--dacia-white);

    /* Bordures / contours / accents */
    --theme-border-accent-color: var(--dacia-green);   /* remplace le jaune Renault */

    /* Médias / cards */
    --theme-card-border-color: var(--dacia-border);
    --theme-card-background:   var(--dacia-gray-light);

    /* Fonds */
    --theme-bg-default: var(--dacia-white);
    --theme-bg-light:   var(--dacia-gray-light);
    --theme-bg-white:   var(--dacia-white);

    /* Texte global / liens */
    --theme-text-color:       var(--dacia-black);
    --theme-link-color:       var(--dacia-green);
    --theme-link-hover-color: var(--dacia-green-hover);

    /* ----------------------------------------------------------------------
       4a. TOKENS SPÉCIFIQUES — BARRE DE NAVIGATION / HEADER
       ---------------------------------------------------------------------- */

    --theme-menu-bg:                 var(--dacia-white);
    --theme-menu-text-color:         var(--dacia-black);
    --theme-menu-link-color:         var(--dacia-black);
    --theme-menu-link-hover-color:   var(--dacia-black);
    --theme-menu-accent:             var(--dacia-green);   /* indicateur actif (remplace jaune Renault) */
    --theme-menu-border-color:       var(--dacia-border);
    --theme-menu-icon-color:         var(--dacia-black);
    --theme-menu-action-hover-color: var(--dacia-green);   /* survol actions */
    --theme-menu-sitename-color:     var(--dacia-black);
    --theme-menu-separator-color:    var(--dacia-black);
    --theme-menu-height:             160px;
    --theme-menu-font:               var(--maurin-font-secondary);

    /* ----------------------------------------------------------------------
       4a-bis. TOKENS SPÉCIFIQUES — FOOTER
       ---------------------------------------------------------------------- */

    --theme-footer-bg:                   var(--dacia-kaki-dark, #273A33);
    --theme-footer-text-color:           var(--dacia-white);
    --theme-footer-title-color:          var(--dacia-white);
    --theme-footer-link-color:           var(--dacia-white);
    --theme-footer-link-hover-color:     var(--dacia-white);
    --theme-footer-accent:               var(--dacia-green);   /* remplace le jaune Renault */
    --theme-footer-topbar-bg:            var(--dacia-white);
    --theme-footer-topbar-text-color:    var(--dacia-black);
    --theme-footer-bottombar-bg:         var(--dacia-white);
    --theme-footer-bottombar-text-color: var(--dacia-black);
    --theme-footer-font:                 var(--maurin-font-secondary);

    /* ----------------------------------------------------------------------
       4b. TOKENS SPÉCIFIQUES — BOUTONS DACIA 3 NIVEAUX
         super-primary = VERT OLIVE (action très importante)
         primary       = NOIR       (action normale)
         secondary     = BLANC bordé (action secondaire)
       ---------------------------------------------------------------------- */

    --theme-btn-radius: 0px;

    --theme-btn-super-primary-bg:          var(--dacia-green);
    --theme-btn-super-primary-color:       var(--dacia-white);
    --theme-btn-super-primary-bg-hover:    var(--dacia-green-hover);
    --theme-btn-super-primary-color-hover: var(--dacia-white);

    --theme-btn-primary-bg:          var(--dacia-black);
    --theme-btn-primary-color:       var(--dacia-white);
    --theme-btn-primary-bg-hover:    var(--dacia-black-hover);
    --theme-btn-primary-color-hover: var(--dacia-white);

    --theme-btn-secondary-bg:           var(--dacia-white);
    --theme-btn-secondary-color:        var(--dacia-black);
    --theme-btn-secondary-border-color: var(--dacia-black);
    --theme-btn-secondary-bg-hover:     var(--dacia-gray-light);
    --theme-btn-secondary-color-hover:  var(--dacia-black);
}

/* ==========================================================================
   Typographies globales Dacia
   ========================================================================== */

body {
    font-family: var(--theme-font-secondary, 'Read', sans-serif);
}

h1, h2, h3, h4, h5, h6,
.post-title,
.page-title {
    font-family: var(--theme-font-primary, 'DaciaBlock', sans-serif);
}

/* ==========================================================================
   Classes utilitaires (parité avec theme-maurin.css)
   ========================================================================== */

.theme-text-primary   { color: var(--maurin-primary); }
.theme-text-secondary { color: var(--maurin-secondary); }
.theme-text-accent    { color: var(--maurin-accent); }
.theme-bg-soft        { background-color: var(--maurin-bg-soft); }
.theme-bg-primary     { background-color: var(--maurin-primary); }
.theme-border-accent  { border-color: var(--maurin-accent); }


/* ==========================================================================
   OVERRIDES "CHARTE" — composants Maurin réutilisés sur Dacia
   --------------------------------------------------------------------------
   Règles de marque appliquées SANS forker les composants partagés.
   Design angulaire (radius 0) + titres en MAJUSCULES.
   Accent vert olive à la place du jaune Renault.
   Un bloc par composant ; à compléter au fur et à mesure des widgets activés.
   ========================================================================== */

/* franck-page-heading : titre H1 en MAJUSCULES (charte Dacia, parite Renault).
   Centrage + taille 35px pilotes par les tokens --theme-title-align / --theme-h1-size. */
.fph-title { text-transform: uppercase; }

/* franck-cards-static : titres en MAJUSCULES + en-tête centré (charte Dacia).
   !important car le CSS du composant est chargé APRÈS le thème.
   Effet de bord assumé : le réglage « Position » du form est neutralisé. */
.franck-cards-static__title {
    text-transform: uppercase;
    font-weight: 700 !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
}
.franck-cards-static__subtitle {
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
}
.franck-cards-static__eyebrow,
.franck-cards-static__title,
.franck-cards-static__subtitle { text-align: center !important; }


/* franck-two-lines-img-text : en-tête centré + titre MAJUSCULES (charte Dacia). */
.franck-two-lines-img-text__title {
    text-transform: uppercase;
    letter-spacing: 0 !important;
    font-size: 35px !important;
}
.franck-two-lines-img-text__subtitle {
    font-size: 20px !important;
}
.franck-two-lines-img-text__eyebrow,
.franck-two-lines-img-text__title,
.franck-two-lines-img-text__subtitle,
.franck-two-lines-img-text__section-text { text-align: center !important; }


/* franck-faq-with-picture : en-tête centré + titre MAJUSCULES + accordéon
   vert olive (ouvert) + design angulaire (charte Dacia). */
.franck-faq-with-picture__header { text-align: center !important; }
.franck-faq-with-picture__title {
    text-transform: uppercase;
    letter-spacing: 0 !important;
    font-size: 35px !important;
}
.franck-faq-with-picture__subtitle {
    font-size: 20px !important;
}

/* Accordéon FERMÉ : liseré noir + icône noire */
.franck-faq-with-picture__accordion     { border-top-color: var(--dacia-black) !important; }
.franck-faq-with-picture__item          { border-bottom-color: var(--dacia-black) !important; }
.franck-faq-with-picture__question-icon { color: var(--dacia-black); }

/* Accordéon OUVERT : liseré vert olive + icône vert olive */
.franck-faq-with-picture__item.is-open { border-bottom-color: var(--dacia-green) !important; }
.franck-faq-with-picture__item.is-open .franck-faq-with-picture__question-icon { color: var(--dacia-green); }

/* Design angulaire */
.franck-faq-with-picture__main-card,
.franck-faq-with-picture-wrapper--container .franck-faq-with-picture,
.franck-faq-with-picture__answer-media,
.franck-faq-with-picture__button,
.franck-faq-with-picture__answer-button { border-radius: 0 !important; }

/* Chevron à la place du +/− */
.franck-faq-with-picture__question-icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}
.franck-faq-with-picture__question-icon::after { display: none !important; }
.franck-faq-with-picture__question-icon::before {
    width: 13px !important;
    height: 8px !important;
    border-radius: 0 !important;
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpath d='M1 1.5 6.5 6.5 12 1.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px 8px no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpath d='M1 1.5 6.5 6.5 12 1.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px 8px no-repeat;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: transform .25s ease;
}
.franck-faq-with-picture__item.is-open .franck-faq-with-picture__question-icon::before {
    transform: translate(-50%, -50%) rotate(180deg);
}
.franck-faq-with-picture__item.is-open {
    padding-bottom: 32px;
}
.franck-faq-with-picture__item.is-open .franck-faq-with-picture__answer {
    padding-bottom: 0 !important;
}


/* franck-slider-banner-cta : en-tête centré + titre MAJUSCULES (charte Dacia). */
.franck-slider-banner-cta__header {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.franck-slider-banner-cta__title {
    text-transform: uppercase;
    letter-spacing: 0 !important;
    font-size: 35px !important;
}
.franck-slider-banner-cta__subtitle {
    font-size: 20px !important;
}
.franck-slider-banner-cta__eyebrow,
.franck-slider-banner-cta__title,
.franck-slider-banner-cta__subtitle,
.franck-slider-banner-cta__section-text { text-align: center !important; }
.franck-slider-banner-cta__slider {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* franck-gamme-neuve : titre MAJUSCULES + centré (charte Dacia). */
.franck-gamme-neuve__title {
    text-transform: uppercase;
    font-weight: 700 !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    font-size: 35px !important;
}


/* franck-carousel-renault-insight : titre MAJUSCULES (charte Dacia). */
.franck-carousel-renault-insight__title {
    text-transform: uppercase !important;
}


/* ===== FLUV-DACIA-OVERRIDES : franck-latest-usedcars (derniers VO) =====
   Charte Dacia : noir/vert olive, radius 0, titre MAJUSCULES, tout en respectant les variables --fk-* du Page Builder. */
.franck-latest-usedcars__section-title {
    color: var(--fk-section-title-color, var(--dacia-black, #000)) !important;
    font-size: var(--fk-section-title-size, 35px) !important;
    text-transform: uppercase !important;
}

.franck-latest-usedcars__card,
.franck-latest-usedcars__price-box,
.franck-latest-usedcars__button,
.franck-latest-usedcars__all-button { border-radius: 0 !important; }

.franck-latest-usedcars__title-band { background: var(--dacia-gray-light, #F2F2F2) !important; }
.franck-latest-usedcars__price-box { background: transparent !important; border: none !important; box-shadow: none !important; }

.franck-latest-usedcars__brand,
.franck-latest-usedcars__specs i,
.franck-latest-usedcars__monthly strong,
.franck-latest-usedcars__monthly em { color: #646B52 !important; }

/* Bouton "Voir la fiche" */
.franck-latest-usedcars__button {
    background: var(--fk-button-bg, #646B52) !important;
    color: var(--fk-button-text, #ffffff) !important;
    border-color: var(--fk-button-bg, #646B52) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.franck-latest-usedcars__button:hover,
.franck-latest-usedcars__button:focus-visible {
    background: var(--fk-button-hover-bg, #000000) !important;
    color: var(--fk-button-hover-text, #ffffff) !important;
    border-color: var(--fk-button-hover-bg, #000000) !important;
}

/* Bouton "Voir toutes les occasions" */
.franck-latest-usedcars__all-button {
    background: var(--fk-all-button-bg, #646B52) !important;
    color: var(--fk-all-button-text, #ffffff) !important;
    border-color: var(--fk-all-button-bg, #646B52) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.franck-latest-usedcars__all-button:hover,
.franck-latest-usedcars__all-button:focus-visible {
    background: var(--fk-all-button-hover-bg, #000000) !important;
    color: var(--fk-all-button-hover-text, #ffffff) !important;
    border-color: var(--fk-all-button-hover-bg, #000000) !important;
}

/* Hover card : liseré vert olive (remplace jaune Renault) */
.franck-latest-usedcars__card:hover { border-color: var(--dacia-green, #646B52) !important; }

/* Typo DaciaBlock + tailles charte (titre 35 / sous-titre 20) + en-tête centré par défaut */
.franck-latest-usedcars-wrapper,
.franck-latest-usedcars__section-title,
.franck-latest-usedcars__section-subtitle,
.franck-latest-usedcars__section-text {
    font-family: 'DaciaBlock', sans-serif !important;
}
.franck-latest-usedcars-wrapper {
    --fluv-section-title-size: 35px;
    --fluv-section-subtitle-size: 20px;
}
.franck-latest-usedcars__header-row {
    flex-direction: column !important;
    align-items: var(--fk-header-align-items, center) !important;
}
.franck-latest-usedcars__header {
    max-width: var(--fk-section-header-max-width, 100%) !important;
    text-align: var(--fk-section-title-align, center) !important;
}
.franck-latest-usedcars__actions { justify-content: var(--fk-header-align-items, center) !important; }

.franck-latest-usedcars-wrapper { --fluv-image-ratio: 57% !important; }
.franck-latest-usedcars__card--renault { background: var(--fk-card-bg, #fff) !important; }
.flur-card__body { display: flex; flex-direction: column; gap: 6px; padding: 16px; }
.flur-card__name { margin: 0; font-weight: 700; font-size: 18px; line-height: 22px; text-transform: uppercase; color: var(--dacia-black, #000); }
.flur-card__version { margin: 0; font-weight: 400; font-size: 16px; line-height: 16px; color: var(--dacia-black, #000); }
.flur-card__specs { margin: 4px 0 0; font-weight: 400; font-size: 12px; line-height: 16px; color: var(--dacia-black, #000); }
.flur-card__price { margin: 8px 0 0; font-weight: 700; font-size: 18px; line-height: 22px; color: var(--dacia-black, #000); }
.flur-card__monthly { margin: 2px 0 0; font-weight: 700; font-size: 14px; line-height: 18px; text-transform: lowercase; color: var(--dacia-black, #000); }
.flur-card__dealer { margin: 8px 0 0; font-weight: 400; font-size: 12px; line-height: 16px; color: var(--dacia-black, #000); }

/* CTA card : bouton noir inversé au hover (sans vert olive pour le fond) */
.franck-latest-usedcars__card--renault .franck-latest-usedcars__button {
    border: 1px solid var(--fk-button-bg, var(--dacia-black, #000)) !important;
    border-radius: 0 !important;
    padding: 11px 18px !important;
    gap: 9px !important;
    background: var(--fk-button-bg, var(--dacia-black, #000)) !important;
    color: var(--fk-button-text, var(--dacia-white, #fff)) !important;
    box-shadow: none !important;
}
.franck-latest-usedcars__card--renault .franck-latest-usedcars__button:hover {
    background: var(--fk-button-hover-bg, var(--dacia-white, #fff)) !important;
    color: var(--fk-button-hover-text, var(--dacia-black, #000)) !important;
}

.franck-latest-usedcars__card--renault .flur-card__body { flex: 1 1 auto; }
.franck-latest-usedcars__card--renault .flur-card__dealer { margin-top: auto; }

/* Carrousel : flèches sur les côtés + dots dessous */
.franck-latest-usedcars__viewport { position: relative; }
.franck-latest-usedcars__viewport .franck-latest-usedcars__control {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
    width: 32px; height: 60px; min-width: 0; padding: 0;
    border: none; border-radius: 0;
    background: var(--dacia-black, #000); color: var(--dacia-white, #fff);
}
.franck-latest-usedcars__viewport [data-fluv-prev] { left: 0; }
.franck-latest-usedcars__viewport [data-fluv-next] { right: 0; }
.franck-latest-usedcars__viewport .franck-latest-usedcars__control:hover:not(:disabled) {
    background: var(--dacia-black-hover, #1a1a1a); color: var(--dacia-white, #fff);
    transform: translateY(-50%); box-shadow: none;
}
.franck-latest-usedcars__viewport .franck-latest-usedcars__control:disabled { opacity: .35; }

/* Dots : vert olive (remplace jaune Renault) */
.franck-latest-usedcars__controls.flur-dots {
    display: flex; justify-content: center; align-items: center;
    gap: 10px; margin-top: 20px;
}
.flur-dot {
    width: 14px; height: 14px; padding: 0; cursor: pointer;
    border: 2px solid var(--dacia-green, #646B52); border-radius: 999px;
    background: transparent;
}
.flur-dot.is-active { background: var(--dacia-green, #646B52); }

.franck-latest-usedcars__card--renault .flur-card__body { gap: 0; padding: 16px 16px 0; }
.franck-latest-usedcars__card--renault .flur-card__version { margin-top: 6px; }
.franck-latest-usedcars__card--renault .flur-card__specs   { margin-top: 8px; }
.franck-latest-usedcars__card--renault .flur-card__price   { margin-top: 24px; }
.franck-latest-usedcars__card--renault .flur-card__monthly { margin-top: 16px; }
.franck-latest-usedcars__card--renault .flur-card__dealer  { margin-top: auto; padding-top: 24px; }
.franck-latest-usedcars__card--renault .franck-latest-usedcars__button {
    align-self: flex-start; width: auto; min-width: 0; min-height: 0;
    margin: 24px 16px 16px;
}

.franck-latest-usedcars-wrapper .franck-latest-usedcars__section-subtitle {
    color: var(--fk-section-subtitle-color, var(--dacia-black, #000)) !important;
    font-size: var(--fk-section-subtitle-size, 20px) !important;
    text-align: var(--fk-section-title-align, center) !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}
.franck-latest-usedcars__all-button span { display: none !important; }
.franck-latest-usedcars-wrapper .franck-latest-usedcars__all-button {
    border: 1px solid var(--fk-all-button-bg, #646B52) !important;
}
.franck-latest-usedcars-wrapper .franck-latest-usedcars__all-button:hover,
.franck-latest-usedcars-wrapper .franck-latest-usedcars__all-button:focus-visible {
    background: var(--fk-all-button-hover-bg, #000000) !important;
    color: var(--fk-all-button-hover-text, #ffffff) !important;
    border-color: var(--fk-all-button-hover-bg, #000000) !important;
}
/* ===== /FLUV-DACIA-OVERRIDES ===== */

/* franck-main-banner-renault-home — bouton Dacia */
.franck-main-banner-renault-home__cta {
    background-color: var(--dacia-green) !important;
    color: #ffffff !important;
    border-color: var(--dacia-green) !important;
    border-radius: 0 !important;
}
.franck-main-banner-renault-home__cta:hover,
.franck-main-banner-renault-home__cta:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* franck-main-banner-renault-home — typographie titre Dacia */
.franck-main-banner-renault-home__title {
    font-size: 35px !important;
    line-height: 40px !important;
}
.franck-main-banner-renault-home__title-strong {
    font-family: 'DaciaBlock', sans-serif !important;
    font-weight: 700 !important;
}
.franck-main-banner-renault-home__title-regular {
    font-family: 'DaciaBlock', sans-serif !important;
    font-weight: 400 !important;
}

/* ============================================================
   franck-gamme-neuve — overrides Dacia
   ============================================================ */

/* 1. Centrage cards et contenu */
.franck-gamme-neuve__card {
    text-align: center !important;
}
.franck-gamme-neuve__body {
    align-items: center !important;
    text-align: center !important;
}
.franck-gamme-neuve__badges {
    justify-content: center !important;
}
.franck-gamme-neuve__badge-label {
    text-align: center !important;
}

/* 2. Badges orange — contour + texte, fond transparent */
.franck-gamme-neuve__badge {
    background-color: transparent !important;
    color: #FF671B !important;
    border: 1px solid #FF671B !important;
    border-radius: var(--theme-badge-radius, 2px) !important;
}

/* 3. Lien Découvrir — pas de soulignement par défaut, soulignement noir au hover */
.franck-gamme-neuve__discover {
    text-decoration: none !important;
    font-family: Read, sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 17px !important;
}
.franck-gamme-neuve__card:hover .franck-gamme-neuve__discover {
    text-decoration: underline !important;
    text-decoration-color: #000000 !important;
    color: #000000 !important;
}

/* 4. Bouton voir plus de modèles */
.franck-gamme-neuve__more {
    background-color: var(--dacia-green) !important;
    color: #ffffff !important;
    border-color: var(--dacia-green) !important;
    border-radius: 0 !important;
}
.franck-gamme-neuve__more:hover,
.franck-gamme-neuve__more:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* 5. Typographie modèle */
.franck-gamme-neuve__model {
    font-family: DaciaBlock, sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

/* 6. Typographie prix */
.franck-gamme-neuve__price-label {
    font-family: Read, sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #2D2D2D !important;
}
.franck-gamme-neuve__price-value {
    font-family: Read, sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: rgba(51, 51, 51, 0.6) !important;
}

/* franck-gamme-neuve — polices titre / sous-titre / bouton */
.franck-gamme-neuve__title {
    font-family: 'DaciaBlock', sans-serif !important;
    font-weight: 700 !important;
}
.franck-gamme-neuve__subtitle {
    font-family: 'DaciaBlock', sans-serif !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    color: #000000 !important;
}
.franck-gamme-neuve__more {
    font-family: 'Read', sans-serif !important;
    font-weight: 500 !important;
}

/* ============================================================
   TYPOGRAPHIE GLOBALE — Titres et sous-titres de section Dacia
   Titres      : DaciaBlock Bold 700 / 35px / 40px
   Sous-titres : DaciaBlock Light 300 / 20px / 22px / #000000
   ============================================================ */

:root {
    --dacia-title-font:      'DaciaBlock', sans-serif;
    --dacia-title-weight:    700;
    --dacia-title-size:      35px;
    --dacia-title-lh:        40px;
    --dacia-subtitle-font:   'DaciaBlock', sans-serif;
    --dacia-subtitle-weight: 300;
    --dacia-subtitle-size:   20px;
    --dacia-subtitle-lh:     22px;
    --dacia-subtitle-color:  #000000;
}

/* Application globale aux sélecteurs BEM standards Dacia */
[class*="franck-"][class*="__title"] {
    font-family: var(--dacia-title-font) !important;
    font-weight: var(--dacia-title-weight) !important;
    font-size: var(--dacia-title-size) !important;
    line-height: var(--dacia-title-lh) !important;
}
[class*="franck-"][class*="__subtitle"] {
    font-family: var(--dacia-subtitle-font) !important;
    font-weight: var(--dacia-subtitle-weight) !important;
    font-size: var(--dacia-subtitle-size) !important;
    line-height: var(--dacia-subtitle-lh) !important;
    color: var(--dacia-subtitle-color) !important;
}

/* franck-main-banner-renault-home — neutralise text-transform uppercase sur le titre */
.fmbrh-title-prefix,
.fmbrh-title-brand,
.fmbrh-title-city {
    text-transform: none !important;
}