/*
 * CSS Override Chassiscontact - Uniformisation bleu foncé
 * Créé le 12/09/2026
 */

/* ═══════ VRAI VERT CUSTOM DU SITE (#AECC50) ═══════ */

/* Bouton "Prenez rendez-vous" du footer */
.footer-btn.media {
    border-color: #1e3a5f !important;
    color: #ffffff !important;
    background: #1e3a5f !important;
}
.footer-btn.media:hover {
    color: #ffffff !important;
    background: #15294a !important;
}

/* Éléments avec border #AECC50 */
[style*="border:3px solid #AECC50"],
[style*="border: 3px solid #AECC50"],
[style*="border-color:#AECC50"],
[style*="border-color: #AECC50"] {
    border-color: #1e3a5f !important;
}

/* Éléments avec background #AECC50 */
/* règle vert->bleu supprimée */

/* règle color vert->bleu supprimée */

/* Classes CSS utilisant #AECC50 */
.button-cta,
.cta-vert,
.btn-devis {
    background: #1e3a5f !important;
    border-color: #1e3a5f !important;
    color: #ffffff !important;
}
.button-cta:hover,
.cta-vert:hover,
.btn-devis:hover {
    background: #15294a !important;
}

/* ═══════ VERT BOOTSTRAP ═══════ */
.btn-success, .bg-success, .badge-success {
    background-color: #1e3a5f !important;
    border-color: #1e3a5f !important;
    color: #ffffff !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    background-color: #15294a !important;
    border-color: #15294a !important;
}
.text-success { color: #1e3a5f !important; }
.alert-success {
    background-color: #d4dde8 !important;
    border-color: #a8bcd5 !important;
    color: #1e3a5f !important;
}
.border-success { border-color: #1e3a5f !important; }
.progress-bar.bg-success, .progress-bar-success { background-color: #1e3a5f !important; }
.icon-success, .fa-check-circle.text-success, .fa-check.text-success { color: #1e3a5f !important; }

/* ═══════ Section 'Quand dépannage' pleine largeur ═══════ */
.section.w11 {
    width: 100%;
    max-width: none !important;
    padding: 40px 20px !important;
    background: #f5f6f8 !important;
}
.section.w11 > .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
[class*="section w"] {
    width: 100%;
    padding: 30px 0 !important;
}
[class*="section w"] > .container {
    max-width: 1200px;
    margin: 0 auto;
}


}

/* === CENTRAGE BOUTON DIAGNOSTIC MOBILE === */
@media (max-width: 767px){
  .button-div{ text-align:center !important; padding-left:0 !important; }
  .button-div li{ text-align:center !important; }
  .button-div .button-cta.media{
    display:inline-flex !important;
    justify-content:center !important;
    align-items:center !important;
    float:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* === CENTRAGE BOUTON DIAGNOSTIC MOBILE V2 (specificite .w4) === */
@media (max-width: 767px){
  .w4 .button-div{
    max-width:340px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
  .w4 .button-div li{ text-align:center !important; }
  .w4 .button-div .button-cta{
    display:inline-flex !important;
    justify-content:center !important;
    float:none !important;
  }
}

/* === FIX "Chassiscontact" en VERT dans titre #avantages === */
#avantages h2 span,
#avantages h2 span[style]{
  color:#AECC50 !important;
}

/* === SÉPARATEUR bande verte banniere -> w9 "Nos domaines" === */
.section.w9{
  border-top:6px solid #AECC50 !important;
  box-shadow:0 -8px 20px rgba(0,0,0,0.12) !important;
}

/* === AVIS : cartes horizontales empilées + étoiles jaunes === */
.w10 .testi-wrapper{
  display:block !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.w10 .testi-wrapper .item{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 14px 0 !important;
}
.w10 .testi-wrapper .item#hidemobileyes{ display:block !important; }
.w10 .quote-box{
  text-align:left !important;
  background:#ffffff !important;
  border-radius:12px !important;
  padding:24px 26px 22px !important;
  margin:0 !important;
  position:relative !important;
  box-shadow:0 4px 14px rgba(30,58,95,0.10) !important;
  border:1px solid #eef1f5 !important;
}
.w10 .quote-box .client-image{ display:none !important; }
.w10 .quote-box cite{
  color:#1e3a5f !important;
  font-weight:700 !important;
  font-style:normal !important;
  font-size:16px !important;
  display:inline-block !important;
  margin:0 0 10px 0 !important;
  padding-left:56px !important;
  position:relative !important;
  min-height:44px !important;
  line-height:44px !important;
}
.w10 .quote-box cite:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important; top:0 !important;
  width:44px !important; height:44px !important;
  border-radius:50% !important;
  background:#AECC50 !important;
}
.w10 .quote-box blockquote{
  color:#40404c !important;
  font-size:15px !important;
  line-height:1.6 !important;
  border:none !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
}

.w10 .quote-box .rating{
  position:absolute !important;
  top:24px !important;
  right:24px !important;
  color:#FFAB1A !important;
  font-size:16px !important;
  letter-spacing:2px !important;
}
.w10 .quote-box .rating span{ color:#d8dde3 !important; opacity:1 !important; }

/* === AVIS VILLES (.w2) cartes bleues empilees === */
.w2#avisclients .row, .w2 #avisclients .row{ display:block !important; }
.w2#avisclients .col-md-6, .w2 #avisclients .col-lg-4{ max-width:100% !important; flex:0 0 100% !important; width:100% !important; margin-bottom:14px !important; }
.w2#avisclients .media{ background:#1e3a5f !important; border-radius:12px !important; padding:18px 20px !important; position:relative !important; align-items:flex-start !important; }
.w2#avisclients .media .icon{ display:none !important; }
.w2#avisclients .media-body strong{ color:#ffffff !important; font-weight:700 !important; font-size:15px !important; display:block !important; margin-bottom:6px !important; }
.w2#avisclients .media-body p{ color:#cdd8e6 !important; font-size:14px !important; line-height:1.6 !important; margin:0 !important; }
.w2#avisclients .media-body::after{ content:"\2605\2605\2605\2605\2605" !important; color:#FFAB1A !important; font-size:16px !important; letter-spacing:2px !important; display:block !important; margin-top:10px !important; }

/* === CARTE MAPS responsive (pas de debordement mobile) === */
.map-img{ width:100% !important; max-width:100% !important; overflow:hidden !important; border-radius:12px !important; }
.map-img iframe{ width:100% !important; max-width:100% !important; height:300px !important; border:0 !important; display:block !important; }

/* === LOGO HEADER largeur (horizontal) === */
.header .logo{ display:flex !important; align-items:center !important; max-width:none !important; flex:0 0 auto !important; }
.header .logo a{ display:block !important; }
.header .logo .logoone,
img.logoone{
  height:auto !important;
  width:230px !important;
  max-width:none !important;
  max-height:none !important;
}
@media (max-width:991px){
  .header .logo .logoone, img.logoone{ width:200px !important; }
}
@media (max-width:575px){
  .header .logo .logoone, img.logoone{ width:240px !important; }
}

/* === BARRE 3 BOUTONS (Appel + Email + WhatsApp) === */
.floating-call-btn{ display:none !important; }
.dual-action-bar{ display:none !important; }
.tri-action-bar{ display:none; }
@media (max-width:991px){
  body{ padding-bottom:62px !important; }
  .tri-action-bar{
    display:flex !important;
    position:fixed; bottom:0; left:0; right:0; width:100%;
    z-index:9999;
    box-shadow:0 -3px 12px rgba(0,0,0,0.2);
  }
  .tri-action-bar a{
    flex:1;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    padding:9px 4px;
    text-decoration:none !important;
    font-weight:700; font-size:12px;
    font-family:'Poppins',Arial,sans-serif;
  }
  .tri-action-bar a span{ line-height:1; }
  .tri-action-bar .ta-call{ background:#1e3a5f; color:#fff !important; }
  .tri-action-bar .ta-call .ic::before{ content:"\260E"; color:#AECC50; font-size:20px; }
  .tri-action-bar .ta-mail{ background:#2d4a70; color:#fff !important; }
  .tri-action-bar .ta-mail .ic::before{ content:"\2709"; color:#AECC50; font-size:20px; }
  .tri-action-bar .ta-wa{ background:#25D366; color:#fff !important; }
  .tri-action-bar .ta-wa .ic::before{ content:"\1F4AC"; font-size:19px; }
  .tri-action-bar .ta-call:active{ background:#15294a; }
  .tri-action-bar .ta-mail:active{ background:#243c5c; }
  .tri-action-bar .ta-wa:active{ background:#1da851; }
}

/* === BARRE 3 BOUTONS : encadrement blanc === */
@media (max-width:991px){
  .tri-action-bar{
    border-top:2px solid #ffffff !important;
  }
  .tri-action-bar a{
    border-right:1.5px solid rgba(255,255,255,0.85) !important;
  }
  .tri-action-bar a:last-child{
    border-right:none !important;
  }
}

/* === LOGO MOBILE agrandi 240px === */
@media (max-width:575px){
  .header .logo .logoone, img.logoone{ width:240px !important; height:auto !important; }
}

/* === FIX clic bouton : dividers non-cliquables === */
.section-divider{ pointer-events:none !important; }
.btn-primary{ position:relative !important; z-index:5 !important; }

/* === FIX texte "Chassiscontact" blanc sur blanc dans les cartes villes (.w6) === */
.w6 ul li a{ color:#516070 !important; }
.w6 ul li a strong{ color:#1e3a5f !important; }

/* === FIX RENFORCÉ Chassiscontact blanc/blanc (spécificité max) === */
.w6 .wrapper ul li a,
.w6 section ul li a,
div.w6 ul li a,
.w6 ul li a[href],
.w6 ul li a{ color:#516070 !important; }
.w6 .wrapper ul li a strong,
.w6 ul li a strong{ color:#1e3a5f !important; }

/* === FIX titre "Nantes mais aussi" blanc sur fond clair (.w6) === */
.w6 h2, .w6 .mb-4 h2, .w6 .text-center h2{ color:#1e3a5f !important; }

/* === FIX section "Chassiscontact en chiffres" (.w8) : labels lisibles sur fond foncé === */
.w8 .number-block h2, .w8 .number-block h2 .text, .w8 .number-block h2 .text strong, .w8 .number-block h5{ color:#ffffff !important; }
.w8 .number-block h2 .counter{ color:#AECC50 !important; }
.w8 h2{ color:#ffffff !important; }

/* === Avis clients .w2 (pages villes) : cartes blanches modernes === */
.w2#avisclients h3, .w2 #avisclients h3{ color:#1e3a5f !important; text-align:center !important; font-weight:800 !important; margin-bottom:10px !important; }
.w2#avisclients .media, .w2 #avisclients .media{
  display:block !important;
  background:#ffffff !important;
  border:1px solid #eef1f5 !important;
  border-radius:12px !important;
  box-shadow:0 4px 14px rgba(30,58,95,0.10) !important;
  padding:22px 24px !important;
  position:relative !important;
  text-decoration:none !important;
  height:100% !important;
}
.w2#avisclients .media .icon, .w2 #avisclients .media .icon{
  width:44px !important; height:44px !important;
  margin:0 0 12px 0 !important;
  background:#AECC50 !important;
  border-radius:50% !important;
  padding:10px !important;
}
.w2#avisclients .media .icon svg path, .w2 #avisclients .media .icon svg path{ fill:#1e3a5f !important; }
.w2#avisclients .media-body strong, .w2 #avisclients .media-body strong{
  color:#1e3a5f !important; font-weight:800 !important; font-size:16px !important; display:block !important; margin-bottom:8px !important;
}
.w2#avisclients .media-body p, .w2 #avisclients .media-body p{
  color:#40404c !important; font-size:15px !important; line-height:1.6 !important;
  margin:0 !important;
}



/* === HEADER bleu avec texte blanc === */
.header{ background:#1e3a5f !important; }
.header nav ul li a{ color:#ffffff !important; }
.header .media{ color:#ffffff !important; }
.header .media *{ color:#ffffff !important; }
.header .logo img{ content:url('imagesnew/logo-header-blanc.svg') !important; }
.stellarnav ul li a{ color:#ffffff !important; }

/* === Bouton PRENDRE RENDEZ-VOUS : pas de césure disgracieuse === */
.banner-btn, .footer-btn, a.banner-btn, .media.banner-btn{ white-space:normal !important; word-break:keep-all !important; hyphens:none !important; }
.banner-btn .media-body, .footer-btn .media-body{ word-break:keep-all !important; hyphens:none !important; }

/* === FIX section compteur .w8 : fond bleu (texte blanc lisible) === */
.w8, .w8.section, .w8.text-center{ background:#1e3a5f !important; }
.w8 p{ color:#ffffff !important; }
.w8 .number-block [class*=col-] + [class*=col-]{ border-left:1px solid rgba(255,255,255,0.2) !important; }