/* =============================================================
   THÈME CLAIR GLOBAL, unipolissage.ca
   Même palette que le thème clair de la page Aviation :
   gris doux #eef1f4, jamais blanc pur, cartes blanches, teal #147d6c.
   Nav, pied de page, photos et cartes radar restent sombres.
   Chargé APRÈS shared.css et le <style> de la page.
   ============================================================= */

:root{
  --bg:#eef1f4;
  --bg-2:#e5eaee;
  --bg-3:#dbe2e7;
  --surface:#ffffff;
  --surface-2:#f6f8f9;
  --surface-tint:#ffffff;
  --ink:#0d1b17;
  --ink-2:#1d2a31;
  --ink-3:#3f5058;
  --ink-4:#66777f;
  --ink-5:#93a1a8;
  --line:rgba(13,27,23,0.08);
  --line-2:rgba(13,27,23,0.16);
  --line-teal:rgba(20,125,108,0.28);
  --teal-light:#147d6c;
  --teal-bright:#147d6c;
  --teal-pale:rgba(20,125,108,0.08);
  --teal-pale-2:rgba(20,125,108,0.05);
  --grad-brand:linear-gradient(135deg,#1a9e88 0%,#147d6c 100%);
  --sh-sm:0 1px 2px rgba(13,27,23,0.05),0 2px 6px rgba(13,27,23,0.04);
  --sh-md:0 4px 12px rgba(13,27,23,0.07),0 8px 24px rgba(13,27,23,0.05);
  --sh-lg:0 8px 24px rgba(13,27,23,0.09),0 16px 48px rgba(13,27,23,0.07);
  --sh-xl:0 16px 40px rgba(13,27,23,0.12),0 32px 80px rgba(13,27,23,0.08);
}
html,body{background:#eef1f4;color:var(--ink-3);}
body::before,body::after{opacity:.35;}
h1,h2,h3,h4{color:var(--ink);}
p{color:var(--ink-3);}

/* Nav et pied de page : restent sombres (comme la page Aviation) */
nav,footer{
  --bg:#0a0f14;--bg-2:#0f1822;--bg-3:#152030;
  --surface:#131d28;--surface-2:#1a2633;
  --ink:#ffffff;--ink-2:#e8eef1;--ink-3:#b5c3cc;--ink-4:#7f8e98;--ink-5:#546571;
  --line:rgba(255,255,255,0.06);--line-2:rgba(255,255,255,0.1);
  --line-teal:rgba(40,230,212,0.2);--teal-light:#28e6d4;--teal-bright:#1effff;
  --teal-pale:rgba(40,230,212,0.08);--teal-pale-2:rgba(40,230,212,0.05);
}
nav{background:rgba(15,24,34,0.92);}
nav.scrolled{background:rgba(10,15,20,0.94);}
footer{background:#0a0f14;color:#b5c3cc;}
footer h1,footer h2,footer h3,footer h4{color:#fff;}
footer p{color:#b5c3cc;}
.nav-links{background:transparent;}
.nav-links a{color:#e8eef1;}
.nav-links a.active{color:#28e6d4;}
.nav-links a:hover{color:#fff;}
.nav-phone{color:#fff;}
.nav-actions .btn-ghost{color:#e8eef1;}
.nav-toggle span,.nav-burger span{background:#fff;}
@media(max-width:900px){
  .nav-links{background:rgba(10,15,20,0.97);}
}

/* Boutons */
.btn-primary,.btn-primary-light,.btn-submit,.btn-cta{color:#fff;}
.btn-primary::after,.btn-primary-light::after{opacity:.35;}
.btn-ghost{color:var(--ink-2);}
.btn-ghost:hover{color:var(--teal);}
.btn-outline,.btn-secondary{color:var(--ink);border-color:var(--line-2);}
.btn-outline:hover,.btn-secondary:hover{border-color:var(--teal);color:var(--teal);}

/* Surfaces génériques : ce qui était une carte translucide sur fond sombre devient une carte blanche */
[class*="card"],[class*="tile"],[class*="-item"],.faq-item,.review,.testimonial,.step,.feature,.pricing,.plan,.stat,.kpi,.contact-form-wrap,.form-card,.quote-card,.info-box,.callout,.panel{
  color:inherit;
}
.svc-card,.service-card,.craft-tile,.proto-point,.info-item,.contact-form-wrap,.why-item,.why-card,.value-card,.step-card,.zone-card,.pricing-card,.faq-item,.review-card,.testimonial-card,.gallery-card,.stat-card,.feature-card,.about-card,.team-card,.trust-bar,.hero-card,.hero-form,.form-wrap,.form-card,.quote-card,.avis-card,.process-step,.type-card,.vehicle-card{
  background:var(--surface);
  border-color:var(--line);
  box-shadow:var(--sh-sm);
}
.svc-card:hover,.service-card:hover,.craft-tile:hover,.proto-point:hover,.info-item:hover,.why-item:hover,.why-card:hover,.value-card:hover,.step-card:hover,.pricing-card:hover,.review-card:hover,.testimonial-card:hover,.gallery-card:hover,.feature-card:hover,.type-card:hover,.vehicle-card:hover{
  background:var(--surface);
  border-color:rgba(20,125,108,0.4);
  box-shadow:var(--sh-lg);
}
.svc-icon,.craft-icon,.proto-icon,.info-icon,.why-icon,.step-icon,.feature-icon,.value-icon,.type-icon,.icon-box,.card-icon{
  background:rgba(20,125,108,0.08);
  border-color:rgba(20,125,108,0.22);
  color:var(--teal);
}
.svc-tag,.whatwedo-tag,.tag,.badge,.pill,.chip,code{
  background:rgba(20,125,108,0.10);
  border-color:rgba(20,125,108,0.25);
  color:var(--teal);
}
.eyebrow,.section-eyebrow,.section-label,.kicker{color:var(--teal);}
.section-title,.hero-title{color:var(--ink);}
.grad-text,.text-gradient,.hero-title em,.hero-title span.grad{
  background:none;-webkit-text-fill-color:var(--teal);color:var(--teal);
}
hr,.divider{border-color:var(--line);background:var(--line);}

/* Formulaires */
input,select,textarea{background-color:var(--bg);border-color:var(--line-2);color:var(--ink);}
input:focus,select:focus,textarea:focus{background-color:var(--surface);border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,125,108,0.14);}
select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23147d6c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 16px center;}
select option{background:#fff;color:var(--ink);}
label{color:var(--ink-2);}
::placeholder{color:var(--ink-5);}
label.svc-check,.check-pill,.option-pill{background:var(--bg);border-color:var(--line-2);color:var(--ink-2);}
label.svc-check:has(input:checked),.check-pill:has(input:checked),.option-pill:has(input:checked){background:rgba(20,125,108,0.07);border-color:rgba(20,125,108,0.45);}
.file-upload-zone{background:var(--bg);}
.file-upload-zone:hover,.file-upload-zone.drag-over{background:rgba(20,125,108,0.06);border-color:var(--teal);}
.form-success-icon{background:rgba(20,125,108,0.10);border-color:var(--teal);color:var(--teal);}

/* FAQ */
details,.faq-item{background:var(--surface);border-color:var(--line);}
summary{color:var(--ink);}
.faq-item summary::after,summary::after{color:var(--teal);}

/* Décor : halos et lueurs teal atténués */
.page-header::before,.hero::before,section::before,.glow,.orb,.blob{opacity:.5;}
.hero-glow,.hero-orb{opacity:.35;}
[class*="glow"]{filter:saturate(.7);}

/* Zones qui restent sombres : photos, carte radar, badges sur photo */
.hero-illus-card,.zone-map,.map-card,.radar,.photo-card,.gallery-item,.ba-slider,.before-after,.hero-media,.hero-photo,.hero-visual,.aviation-banner,.banner-photo,.card-photo{
  --bg-2:#0f1822;--bg-3:#152030;--surface:#131d28;
  --ink:#ffffff;--ink-2:#e8eef1;--ink-3:#b5c3cc;--ink-4:#7f8e98;
  --line:rgba(255,255,255,0.06);--line-2:rgba(255,255,255,0.1);--teal-light:#28e6d4;
}
.hero-illus-card,.zone-map,.map-card,.radar{background:#0f1822;border-color:rgba(20,125,108,0.35);}
.hero-illus-badge{background:rgba(19,29,40,0.9);border-color:rgba(40,230,212,0.25);}
.hero-illus-badge-icon{background:rgba(40,230,212,0.12);border-color:rgba(40,230,212,0.3);color:#28e6d4;}
.hero-illus-badge-title{color:#fff;}
.hero-illus-badge-sub{color:#b5c3cc;}

/* Barre mobile fixe */
.mobile-cta,.sticky-cta,.mcta{background:rgba(255,255,255,0.96);border-top:1px solid var(--line-2);}
.mobile-cta .btn-ghost,.sticky-cta .btn-ghost{color:var(--ink);}

/* Héros sur photo : texte blanc conservé (index, page menu) */
.hero,.share-hero,.share-header{
  --bg:#0a0f14;--bg-2:#0f1822;--bg-3:#152030;--surface:#131d28;--surface-2:#1a2633;
  --ink:#ffffff;--ink-2:#e8eef1;--ink-3:#b5c3cc;--ink-4:#7f8e98;--ink-5:#546571;
  --line:rgba(255,255,255,0.06);--line-2:rgba(255,255,255,0.1);
  --line-teal:rgba(40,230,212,0.2);--teal-light:#28e6d4;--teal-bright:#1effff;
  --teal-pale:rgba(40,230,212,0.08);--teal-pale-2:rgba(40,230,212,0.05);
  background:#0a0f14;
}
.hero h1,.hero h2,.hero h3,.share-hero h1,.share-header h1{color:#fff;}
.hero p,.share-hero p,.share-header p{color:#b5c3cc;}
.hero .hero-title .accent{color:#28e6d4;}
.hero .hero-stat-num{color:#fff;}
.hero .hero-stat-num .teal{color:#28e6d4;}
.hero .hero-stat-label{color:#b5c3cc;}
.hero .hero-tagline{color:#28e6d4;}
/* … sauf le formulaire du héros, qui reste une carte claire */
.hero .hero-form-wrap{
  --bg:#eef1f4;--bg-2:#e5eaee;--surface:#ffffff;--surface-2:#f6f8f9;
  --ink:#0d1b17;--ink-2:#1d2a31;--ink-3:#3f5058;--ink-4:#66777f;--ink-5:#93a1a8;
  --line:rgba(13,27,23,0.08);--line-2:rgba(13,27,23,0.16);--line-teal:rgba(20,125,108,0.28);--teal-light:#147d6c;
  background:#fff;color:#3f5058;
}
.hero .hero-form-wrap h1,.hero .hero-form-wrap h2,.hero .hero-form-wrap h3,.hero .hero-form-title{color:#0d1b17;}
.hero .hero-form-wrap p,.hero .hero-form-sub{color:#66777f;}
/* Bandeaux d'appel à l'action sur dégradé teal : texte blanc */
.cta-inner,.cta-inner h2,.cta-inner h3,.cta-inner p,.share-cta,.share-cta h2,.share-cta p{color:#fff;}
.cta-inner p{color:rgba(255,255,255,0.85);}

/* Section avant/après : gris du thème au lieu du beige */
.ba-section{background:var(--bg-2);border-color:var(--line);}

/* Étiquettes des cartes photo (VR, Bateau, Aviation) : elles sont sur une photo assombrie → rester blanches */
.whatwedo-card .whatwedo-tag{background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.22);color:rgba(255,255,255,0.92);}

/* Correctifs 23 sept. 2026 : boutons blanc sur blanc */
/* Bouton mobile fixe « Soumission gratuite » (accueil, aviation) : le lien est le bouton */
a.mobile-cta{background:var(--grad-brand);color:#fff;border-top:0;box-shadow:0 8px 24px rgba(13,27,23,0.25);}
/* Bouton blanc des bandes finales (services, galerie, à propos) : texte vert sur fond blanc */
.btn-primary-light{color:#0e5f52;}
.btn-primary-light:hover{color:#147d6c;}