/* === HHOcarbon.eu — Mobile Contrast & Form Visibility Hotfix === Drop this file after your main CSS in : */ body { color:#f7f9fb; background-color:#0a1511; } .feature-box,.card,.section,.container .card,.container .feature-box { background:#102219!important;border:1px solid rgba(255,255,255,.10)!important; box-shadow:0 8px 28px rgba(0,0,0,.35)!important;border-radius:16px!important; } h1,h2,h3,h4,h5,h6{color:#fff!important} a{color:#b8ffcf;text-decoration:none} a:hover,a:focus{color:#d3ffe0;text-decoration:underline} form,.form,.lead-form,#lead-form,.contact-form{ background:#0f2018!important;border:1px solid rgba(184,255,207,.25)!important;border-radius:16px!important;padding:16px!important } label,.form-label{color:#fff!important;font-weight:600!important} input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select,textarea,.form-control{ background:#fff!important;color:#111!important;border:2px solid #dfe7e2!important;border-radius:12px!important; padding:12px 14px!important;font-size:16px!important;line-height:1.25!important } ::placeholder{color:#6b6b6b!important;opacity:1} input:focus,select:focus,textarea:focus,.form-control:focus{ border-color:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.25)!important;outline:none!important } .is-invalid,.has-error input,.has-error select,.has-error textarea{ border-color:#ff6b6b!important;box-shadow:0 0 0 4px rgba(255,107,107,.25)!important } .invalid-feedback,.error,.form-error{color:#ffb3b3!important;font-weight:600} .btn-primary,.btn-success,button[type=submit],.lead-submit{ background:#22c55e!important;color:#06210f!important;border:none!important;border-radius:12px!important; padding:14px 18px!important;font-weight:700!important;font-size:18px!important;width:100% } .btn-primary:hover,.btn-success:hover,button[type=submit]:hover,.lead-submit:hover{filter:brightness(1.05)} .btn-outline-light,.btn-secondary{color:#eaf7f0!important;border:2px solid #eaf7f0!important;background:transparent!important;border-radius:12px!important} .btn-outline-light:hover,.btn-secondary:hover{background:rgba(234,247,240,.08)!important} .form-check-label,.checkbox label{color:#fff!important;font-size:15px} .form-check-input{width:20px;height:20px;border:2px solid #dfe7e2!important} .form-check-input:checked{background-color:#22c55e!important;border-color:#22c55e!important} @media (max-width:768px){ form,.lead-form,#lead-form,.contact-form{margin-top:12px!important;margin-bottom:18px!important} .mobile-cta-bar{position:sticky;bottom:0;z-index:9999;background:#0e1d16;border-top:1px solid rgba(255,255,255,.12); display:flex;gap:8px;padding:10px} .mobile-cta-bar a{flex:1;text-align:center;border-radius:12px;padding:12px 10px;font-weight:700;font-size:16px} .mobile-cta-call{background:#22c55e;color:#06210f} .mobile-cta-whatsapp{background:transparent;color:#eaf7f0;border:2px solid #eaf7f0} .mobile-cta-devis{background:#22c55e;color:#06210f} .row .col,.row [class*=col-] input,.row [class*=col-] select,.row [class*=col-] textarea{width:100%!important} } .cookie-banner,.cookies,#cookie-banner{background:#102219!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.15)!important} .cookie-banner a,.cookies a{color:#b8ffcf!important;text-decoration:underline!important} footer,.site-footer{background:#0d1a14!important;color:#eaf7f0!important} footer a{color:#b8ffcf!important}