/* =========================================================================
   LCDL — Refonte franchise (charte 2026)
   Surcharge de vg-mirinae/css/theme1.css. Ne PAS éditer le thème.
   Chargé après « mirinae-css » (cf. lcdl-franchise.php).

   Palette :
     --lcdl-bleu      : #062e65   (bleu titres / héros)
     --lcdl-jaune     : #fede65   (jaune vif)
     --lcdl-bleuciel  : #b6d3db   (bleu ciel)
     --lcdl-jaunepale : #f9f6c4   (jaune pâle)
   ========================================================================= */

:root{
  --lcdl-bleu:#062e65;
  --lcdl-jaune:#fede65;
  --lcdl-bleuciel:#b6d3db;
  --lcdl-jaunepale:#f9f6c4;
}

/* ---------- Police Avenir (réutilisée du projet kruger) ---------- */
@font-face{
  font-family:'Avenir';
  src:url('../fonts/avenirltstd-book-webfont.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Avenir';
  src:url('../fonts/avenirltstd-roman-webfont.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Avenir';
  src:url('../fonts/avenir_medium-webfont.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Avenir';
  src:url('../fonts/avenir_heavy-webfont.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Avenir';
  src:url('../fonts/avenirltstd-black-webfont.woff2') format('woff2');
  font-weight:900; font-style:normal; font-display:swap;
}

/* ---------- Police Muli (= Mulish ; même caractère de Vernon Adams, renommé par Google).
   Nommée 'Muli' pour coller exactement au font-family demandé par le client (Adobe Fonts).
   Fichiers : ExtraLight 200 italique. ---------- */
@font-face{
  font-family:'Muli';
  src:url('../fonts/mulish-200italic.woff2') format('woff2');
  font-weight:200; font-style:italic; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212;
}
@font-face{
  font-family:'Muli';
  src:url('../fonts/mulish-200italic-latin-ext.woff2') format('woff2');
  font-weight:200; font-style:italic; font-display:swap;
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* =========================================================================
   1. NOUVEAU BLEU DES TITRES — #01025c → #062e65
   ========================================================================= */
div#vg_top_header{ background:var(--lcdl-bleu); }
#vg_wrapper_header .vg-second-head{ background-color:var(--lcdl-bleu); }
.tc-tabs-style1 .nav-tabs li a:after{ background-color:var(--lcdl-bleu) !important; }
.wdo-tabs-container h2.tab-title{ color:var(--lcdl-bleu); }
input[type=submit]{ background-color:var(--lcdl-bleu); }
.to-top{ background-color:var(--lcdl-bleu); }
.to-top:hover{ color:var(--lcdl-bleu); }

.title_one_block,
.title_second_block_blue,
.title_bloc_three,
.title_volet_bloc_three,
.title_four_bloc,
.title_five_bloc_profil,
.title_six_bloc,
.subtitle_six_bloc,
.title_eight_bloc,
.title_nine_bloc,
.name_nine_bloc,
.title_candidatez{ color:var(--lcdl-bleu); }

.title_second_block_blue{ text-shadow:0 0 0 var(--lcdl-bleu); }
.wpb_text_column.wpb_content_element.text_bold p{ color:var(--lcdl-bleu); }
.wpb_text_column.wpb_content_element a{ color:var(--lcdl-bleu); }

/* Boutons (Parlons de votre projet / Déposer ma candidature) */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
  background-color:var(--lcdl-bleu) !important;
  border-color:var(--lcdl-bleu) !important;
}

/* Menu mobile */
.mbmenu-toggler{ background:var(--lcdl-bleu); }
.mobile-menu-container ul >li > a{ color:var(--lcdl-bleu) !important; }
.mobile-menu-container ul >li.current-menu-item >a{ color:var(--lcdl-bleu) !important; }

/* Cartes « prix » : 3 colonnes (1/3) au lieu de 4 → logos alignés sur la MÊME hauteur
   (le sélecteur vc_col-sm-3 du thème ne s'applique plus en vc_col-sm-4) */
.border_blue .wpb_single_image img{
  height:110px !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 auto;
}
@media (max-width:991px){
  .border_blue .wpb_single_image img{ height:74px !important; }
}

/* =========================================================================
   2. LES 4 BLOCS COLORÉS (sous le héros)
   ========================================================================= */
.rectangle_bleu .vc_column-inner{
  border-color:var(--lcdl-bleu);
  background-color:var(--lcdl-bleu);
}
.rectangle_jaune .vc_column-inner{
  border-color:var(--lcdl-jaune);
  background-color:var(--lcdl-jaune);
}
.rectangle_bleu_ciel .vc_column-inner{
  border-color:var(--lcdl-bleuciel);
  background-color:var(--lcdl-bleuciel);
}
/* Bloc 4 « Apport » : fond jaune pâle + texte bleu (classe rectangle_rouge conservée) */
.rectangle_rouge .vc_column-inner{
  border-color:var(--lcdl-jaunepale);
  background-color:var(--lcdl-jaunepale);
}
.rectangle_rouge .title_second_block_white,
.rectangle_rouge .text_second_block{
  color:var(--lcdl-bleu);
}

/* Bloc 1 « CA HT » : fond bleu foncé → titre script en blanc (sinon invisible) */
.rectangle_bleu .title_second_block_blue{
  color:#fff;
  text-shadow:0 0 0 #fff;
}

/* Blocs à fond clair (jaune, bleu ciel, jaune pâle) → tous les textes en bleu (demande client) */
.rectangle_jaune .title_second_block_white,
.rectangle_jaune .title_second_block_blue,
.rectangle_jaune .text_second_block,
.rectangle_jaune .text_second_block span,
.rectangle_bleu_ciel .title_second_block_blue,
.rectangle_bleu_ciel .text_second_block,
.rectangle_bleu_ciel .text_second_block span,
.rectangle_rouge .title_second_block_white,
.rectangle_rouge .text_second_block,
.rectangle_rouge .text_second_block span{
  color:var(--lcdl-bleu) !important;
  text-shadow:none !important;
}

/* Typo des TITRES des blocs (demande client : Mulish/« Muli » 40px, italic, weight 200). */
.rectangle_bleu .title_second_block_blue,
.rectangle_jaune .title_second_block_white,
.rectangle_bleu_ciel .title_second_block_blue,
.rectangle_rouge .title_second_block_white{
  font-family:'Muli', 'Mulish', sans-serif !important;
  font-size:32px !important;   /* réduit pour que « Investissement concept et stock » tienne sur 2 lignes */
  font-style:italic !important;
  font-weight:200 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  line-height:1.1 !important;
  padding-top:0 !important;
  margin-bottom:12px !important;
  text-shadow:none !important;
  /* hauteur réservée = titre le plus long (2 lignes) → les chiffres s'alignent
     tous sur la même ligne d'un bloc à l'autre, titres calés en haut */
  min-height:80px;
  box-sizing:border-box;
}
/* Valeurs (chiffres) : conservées telles quelles (Avenir + tailles inline) */
.text_second_block,
.text_second_block span{
  font-family:'Avenir', sans-serif !important;
}
.rectangle_bleu .text_second_block,
.rectangle_jaune .text_second_block,
.rectangle_bleu_ciel .text_second_block,
.rectangle_rouge .text_second_block{
  padding-top:0 !important;
  margin:0 !important;
  line-height:1.15 !important;
}
/* Bloc 3 : valeur la plus longue (180K€ et 240 K€) */
.rectangle_bleu_ciel .text_second_block span{
  font-size:22pt !important;
}

/* ---- Bande full width : 4 blocs collés bord à bord, hauteur réduite ----
   Row passée en full_width="stretch_row_content_no_spaces" + el_class="lcdl-blocs-row".
   stretch_row_content_no_spaces insère un wrapper .row-container entre la row et les colonnes. */

/* Full-bleed CSS fiable (indépendant du JS de stretch de VC) */
.lcdl-blocs-row{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.lcdl-blocs-row .row-container{
  display:flex !important;
  flex-wrap:nowrap;
  align-items:stretch;
  width:100%;
  max-width:none !important;   /* annule le max-width:1200px du thème → vrai full-bleed */
  gap:22px;                    /* gap restauré entre les carrés */
  padding:0 22px;             /* marge identique sur les bords extérieurs */
  box-sizing:border-box;
}
.lcdl-blocs-row .wpb_column{
  display:flex;
  flex:1 1 0;
  min-width:0;
  width:auto !important;
  padding:0 !important;
  margin:0 !important;
}
.lcdl-blocs-row .wpb_column > .vc_column-inner{
  flex:1 1 auto;
  width:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  height:auto !important;          /* annule les 288px / 450px du thème */
  display:flex;
  flex-direction:column;
  justify-content:flex-start;      /* titres calés EN HAUT */
  align-items:center;
  padding:28px 16px !important;    /* hauteur réduite : moins d'espace */
}
/* 1081–1200 : on garde 4 colonnes mais le titre est réduit en dégradé fluide
   (32px → ~29px) pour que « Investissement concept et stock » reste sur 2 lignes */
@media (min-width:1081px) and (max-width:1200px){
  .rectangle_bleu .title_second_block_blue,
  .rectangle_jaune .title_second_block_white,
  .rectangle_bleu_ciel .title_second_block_blue,
  .rectangle_rouge .title_second_block_white{
    font-size:clamp(27px, calc(4.2vw - 18.4px), 32px) !important;
  }
}
/* ≤1080 : 2 colonnes (colonnes assez larges → titres sur 2 lignes max) */
@media (max-width:1080px){
  .lcdl-blocs-row .row-container{ flex-wrap:wrap; }
  .lcdl-blocs-row .wpb_column{ flex:1 1 calc(50% - 11px); }
}
/* ≤600 : 1 colonne */
@media (max-width:600px){
  .lcdl-blocs-row .row-container{ gap:14px; padding:0 14px; }
  .lcdl-blocs-row .wpb_column{ flex:1 1 100%; }
  .lcdl-blocs-row .wpb_column > .vc_column-inner{ padding:24px 12px !important; }
  .rectangle_bleu .title_second_block_blue,
  .rectangle_jaune .title_second_block_white,
  .rectangle_bleu_ciel .title_second_block_blue,
  .rectangle_rouge .title_second_block_white{ font-size:28px !important; min-height:0; }
}

/* =========================================================================
   3. BLOCS « LES DATES CLÉS »
   ========================================================================= */
.background_date{ background-color:var(--lcdl-bleuciel); }
/* Couleur des dates → #f9f6c4 (brief). Sélecteur assez spécifique pour battre
   « .wdo-tabs-container .background_date h4 { color:#ffff00 } » du thème. */
.wdo-tabs-container .background_date h4.number_date,
.number_date{ color:var(--lcdl-jaunepale); }
/* Texte des dates : conservé blanc (brief). Contraste faible assumé. */

/* =========================================================================
   4. PROPOSITION — BLOC « LES CHIFFRES CLÉS » (liste éditoriale)
   ========================================================================= */
/* Version « punchy » : 4 stats en cartes, gros chiffres bleus + accents charte */
.lcdl-stats{
  list-style:none !important;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin:18px 0 16px !important;
  padding:0 !important;
  width:100%;
  font-family:'Avenir', sans-serif;
}
.lcdl-stats li{ list-style:none !important; }
.lcdl-stats .lcdl-stat{
  background:#fff;                         /* cartes blanches */
  border-radius:14px;
  border-top:6px solid var(--lcdl-bleu);   /* barre d'accent colorée en haut */
  box-shadow:0 8px 26px rgba(6,46,101,.12);
  padding:24px 18px 22px;
  text-align:center;
}
/* Barre du haut = les 4 couleurs des blocs : bleu, jaune, bleu ciel, jaune pâle */
.lcdl-stats .lcdl-stat:nth-child(1){ border-top-color:var(--lcdl-bleu); }
.lcdl-stats .lcdl-stat:nth-child(2){ border-top-color:var(--lcdl-jaune); }
.lcdl-stats .lcdl-stat:nth-child(3){ border-top-color:var(--lcdl-bleuciel); }
.lcdl-stats .lcdl-stat:nth-child(4){ border-top-color:var(--lcdl-jaunepale); }
.lcdl-stat__num{
  display:block;
  font-size:38px;
  font-weight:900;
  color:var(--lcdl-bleu);
  line-height:1.05;
}
.lcdl-stat__key{
  display:block;
  margin-top:4px;
  font-size:15px;
  font-weight:700;
  color:var(--lcdl-bleu);
}
.lcdl-stat__lbl{
  display:block;
  margin-top:10px;
  font-size:13.5px;
  color:#444;
  line-height:1.4;
}
@media (max-width:900px){ .lcdl-stats{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .lcdl-stats{ grid-template-columns:1fr; } }

/* =========================================================================
   5. PROPOSITION — BLOC « INTÉRESSÉ(E) ? » (bandeau pleine largeur)
   ========================================================================= */
.lcdl-interesse{
  position:relative;
  min-height:300px;
  display:flex;
  align-items:center;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  margin:40px 0;
  overflow:hidden;
}
.lcdl-interesse:before{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(6,46,101,.6) 0%, rgba(6,46,101,.3) 40%, rgba(6,46,101,0) 72%);
}
.lcdl-interesse__inner{
  position:relative;
  z-index:2;
  padding:40px 6%;
  max-width:560px;
  font-family:'Avenir', sans-serif;
}
.lcdl-interesse__hand{
  display:block;
  width:50px;
  height:auto;
  margin:0 0 8px -4px;
}
.lcdl-interesse__title{
  color:var(--lcdl-jaune);
  font-size:38px;
  font-weight:900;
  line-height:1.05;
  margin:0 0 6px;
}
.lcdl-interesse__subtitle{
  color:#fff;
  font-size:22px;
  font-weight:500;
  margin:0 0 22px;
}
.lcdl-interesse__btn{
  display:inline-block;
  background:#cb1f43;          /* CTA rouge, comme l'ancien bloc */
  color:#fff !important;
  text-decoration:none;
  font-weight:700;
  font-size:16px;
  padding:14px 30px;
  border-radius:3px;
  transition:background .2s ease, transform .2s ease;
}
.lcdl-interesse__btn:hover{
  background:#a81836;
  transform:translateY(-1px);
}

@media (max-width:767px){
  .lcdl-interesse{ min-height:240px; }
  .lcdl-interesse:before{
    background:linear-gradient(180deg, rgba(6,46,101,.35) 0%, rgba(6,46,101,.7) 100%);
  }
  .lcdl-interesse__inner{ padding:30px 22px; max-width:100%; }
  .lcdl-interesse__title{ font-size:30px; }
  .lcdl-interesse__subtitle{ font-size:18px; }
}