/*
 * 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 */
[style*="background:#AECC50"],
[style*="background: #AECC50"],
[style*="background-color:#AECC50"],
[style*="background-color: #AECC50"] {
    background: #1e3a5f !important;
    background-color: #1e3a5f !important;
}

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

/* 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;
}

/* ═══════ BOUTON APPEL RECTANGULAIRE FIXE MOBILE ═══════ */
.floating-call-btn {
    display: none;
}

@media (max-width: 991px) {
    /* Espace en bas du body pour ne pas cacher le contenu */
    body {
        padding-bottom: 70px !important;
    }
    
    .floating-call-btn {
        display: flex !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 62px;
        background: #AECC50;
        text-shadow: 0 1px 2px rgba(0,0,0,0.3);
        box-shadow: 0 -4px 12px rgba(0,0,0,0.25);
        z-index: 9999;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #ffffff !important;
        font-size: 20px;
        font-weight: 700;
        font-family: 'Poppins', Arial, sans-serif;
        letter-spacing: 0.5px;
        gap: 12px;
    }
    
    .floating-call-btn:hover,
    .floating-call-btn:active,
    .floating-call-btn:focus,
    .floating-call-btn:visited {
        background: #98B843;
        color: #ffffff !important;
        text-decoration: none;
    }
    
    .floating-call-btn::before {
        content: "\260E";
        font-size: 26px;
        line-height: 1;
        display: inline-block;
        animation: shake-phone 3s infinite;
    }
    
    @keyframes shake-phone {
        0%, 90%, 100% { transform: rotate(0deg); }
        92% { transform: rotate(-15deg); }
        94% { transform: rotate(15deg); }
        96% { transform: rotate(-15deg); }
        98% { transform: rotate(15deg); }
    }
}

/* === 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:#1e3a5f !important;
  border-radius:12px !important;
  padding:18px 20px !important;
  margin:0 !important;
  position:relative !important;
}
.w10 .quote-box .client-image{ display:none !important; }
.w10 .quote-box cite{
  color:#ffffff !important;
  font-weight:700 !important;
  font-style:normal !important;
  font-size:15px !important;
  display:inline-block !important;
  margin:0 0 8px 0 !important;
}
.w10 .quote-box blockquote{
  color:#cdd8e6 !important;
  font-size:14px !important;
  line-height:1.6 !important;
  border:none !important;
  margin:0 !important;
  padding:0 !important;
}
.w10 .quote-box .rating{
  position:absolute !important;
  top:16px !important;
  right:18px !important;
  color:#FFAB1A !important;
  font-size:18px !important;
  letter-spacing:1px !important;
}
.w10 .quote-box .rating span{ color:#FFAB1A !important; opacity:0.3 !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; }