/* MTSCI Industrie — couche de modernisation (chargée après styles.css) */
:root{--mt-navy:#10233f;--mt-blue:#1b2d6b;--mt-steel:#2b3d52;--mt-amber:#f0a31c;--mt-amber-d:#c9830a;--mt-bg:#f4f6f8;--mt-ink:#18232e;--mt-mute:#5b6a77;--mt-r:14px;
--mt-shadow:0 10px 30px rgba(16,35,63,.10)}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--mt-ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{letter-spacing:-.015em;color:var(--mt-navy)}
h2.fw-bolder{font-size:clamp(1.7rem,3.2vw,2.35rem);position:relative}
section h2.fw-bolder::after{content:"";display:block;width:56px;height:4px;background:var(--mt-amber);margin-top:.7rem;border-radius:2px}
.text-center h2.fw-bolder::after{margin-left:auto;margin-right:auto}
.text-muted{color:var(--mt-mute)!important}
.bg-light{background:var(--mt-bg)!important}
section.py-5{padding-top:4.5rem!important;padding-bottom:4.5rem!important}
/* Navigation */
.navbar.fixed-top{background:rgba(16,35,63,.92)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 18px rgba(0,0,0,.25);border-bottom:3px solid var(--mt-amber);padding:.45rem 0}
.navbar .navbar-brand img{height:44px;width:auto}
.navbar .nav-link{color:#e8edf2!important;font-weight:600;font-size:.95rem;padding:.6rem .8rem!important;border-radius:8px;transition:background .2s,color .2s}
.navbar .nav-link:hover,.navbar .nav-link:focus-visible{background:rgba(240,163,28,.18);color:#fff!important}
.navbar .dropdown-menu{border:0;border-radius:var(--mt-r);box-shadow:var(--mt-shadow)}
/* Boutons */
.btn{border-radius:10px;font-weight:700;padding:.75rem 1.5rem;transition:transform .15s,box-shadow .15s,background .2s}
.btn-lg{padding:.9rem 1.8rem;font-size:1.05rem}
.btn-primary{background:var(--mt-amber)!important;border-color:var(--mt-amber)!important;color:#1a1204!important}
.btn-primary:hover{background:var(--mt-amber-d)!important;border-color:var(--mt-amber-d)!important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(240,163,28,.35)}
.btn-outline-primary{color:var(--mt-blue)!important;border:2px solid var(--mt-blue)!important;background:transparent!important}
.btn-outline-primary:hover{background:var(--mt-blue)!important;color:#fff!important;transform:translateY(-2px)}
.btn-outline-light{border-width:2px}
a:focus-visible,.btn:focus-visible,button:focus-visible{outline:3px solid var(--mt-amber);outline-offset:2px}
/* Hero */
.hero-header{position:relative;min-height:92vh;display:flex;align-items:center;padding-top:7rem!important;padding-bottom:5rem!important;background-size:cover!important;background-position:center!important}
.hero-header::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,22,40,.93) 0%,rgba(10,22,40,.78) 48%,rgba(10,22,40,.25) 100%)!important;opacity:1!important}
.hero-header>.container{position:relative;z-index:1}
.hero-header h1{font-size:clamp(2.2rem,5.2vw,3.9rem);line-height:1.08;color:#fff;font-weight:800;max-width:14em}
.hero-header .lead{background:none!important;padding:0!important;border-radius:0!important;font-size:1.2rem;max-width:36em;color:#dfe6ed!important;border-left:4px solid var(--mt-amber);padding-left:1rem!important}
.hero-header .text-smd{color:var(--mt-amber)!important;font-weight:700}
.mt-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.mt-badges span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;padding:.35rem .9rem;border-radius:999px;font-size:.88rem;font-weight:600}
/* Bandeau de confiance */
.mt-trust{background:var(--mt-navy);color:#fff;padding:1.6rem 0;border-bottom:4px solid var(--mt-amber)}
.mt-trust .item{display:flex;align-items:center;gap:.8rem;justify-content:center;font-weight:600}
.mt-trust .item b{font-size:1.9rem;color:var(--mt-amber);line-height:1}
.mt-trust .item small{display:block;color:#b9c6d3;font-weight:400;font-size:.82rem}
/* Cartes */
.card,.feature-img,.bg-white.rounded-4{border-radius:var(--mt-r)!important}
.card.shadow-sm,.card.shadow{box-shadow:var(--mt-shadow)!important;transition:transform .25s,box-shadow .25s}
.card.shadow-sm:hover,.card.shadow:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(16,35,63,.18)!important}
#prestations-completes .card{border-top:4px solid var(--mt-amber)!important}
#prestations-completes .card h3{color:var(--mt-navy)}
.feature-img{overflow:hidden;aspect-ratio:4/3}
.feature-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.col:hover .feature-img img{transform:scale(1.06)}
.card-img-top{aspect-ratio:16/10;object-fit:cover}
#methode .display-6{width:64px;height:64px;line-height:64px;margin:0 auto .8rem;border-radius:50%;background:var(--mt-navy);color:var(--mt-amber)!important;font-size:1.6rem}
/* Galerie */
#galerieCarousel .carousel-item img{object-fit:cover!important;object-position:center}
#galerieCarousel .carousel-inner{box-shadow:var(--mt-shadow)}
.reference-logo{max-height:84px;width:auto;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.reference-logo:hover{filter:none;opacity:1}
/* Appel à l'action */
#contact-mtsci{background:linear-gradient(120deg,var(--mt-navy),var(--mt-blue))!important}
/* Pied de page */
footer{background:var(--mt-navy)!important;color:#c5d0db}
footer a{color:#e8edf2}footer a:hover{color:var(--mt-amber)}
/* Animation d'entrée discrète, une seule fois */
@media(prefers-reduced-motion:no-preference){.hero-header h1,.hero-header .lead,.hero-header .btn{animation:mtIn .7s ease both}.hero-header .lead{animation-delay:.12s}.hero-header .btn{animation-delay:.24s}}
@keyframes mtIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:575px){.hero-header{min-height:auto}.mt-trust .item{justify-content:flex-start}}

/* Pages intérieures */
header.py-5.mt-5,header.page-header{background:linear-gradient(120deg,var(--mt-navy),var(--mt-blue))!important;border-bottom:4px solid var(--mt-amber)}
header.py-5.mt-5 h1{color:#fff;font-weight:800}
.mt-checklist{background:#fff;border:1px solid #dbe2e8;border-left:5px solid var(--mt-amber);border-radius:var(--mt-r);padding:1.2rem 1.4rem;margin-top:1.8rem}
.mt-checklist h2{font-size:1.1rem;margin:0 0 .6rem}
.mt-checklist ul{margin:0;padding-left:1.2rem;color:var(--mt-mute)}
.form-control,.form-select{border-radius:10px;border:1px solid #cdd6de}
.form-control:focus,.form-select:focus{border-color:var(--mt-amber);box-shadow:0 0 0 .25rem rgba(240,163,28,.25)}
/* Bouton devis flottant */
.mt-devis{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:1030;background:var(--mt-amber);color:#1a1204;font-weight:800;padding:.85rem 1.3rem;border-radius:999px;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.3);transition:transform .15s}
.mt-devis:hover{color:#1a1204;transform:translateY(-3px)}
@media(max-width:575px){.mt-devis{left:14px;right:14px;text-align:center}}
@media print{.mt-devis{display:none}}

.mt-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:1030;display:flex;gap:.6rem}
.mt-fab .mt-devis{position:static;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.mt-call{background:var(--mt-navy);color:#fff;font-weight:800;padding:.85rem 1.2rem;border-radius:999px;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.mt-call:hover{color:var(--mt-amber)}
@media(max-width:575px){.mt-fab{left:14px;right:14px}.mt-fab .mt-devis{flex:1;text-align:center}}
@media print{.mt-fab{display:none}}
.mt-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem}
.mt-steps figure{margin:0;background:#fff;border-radius:var(--mt-r);overflow:hidden;box-shadow:var(--mt-shadow)}
.mt-steps img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.mt-steps figcaption{padding:.8rem 1rem;font-weight:600;color:var(--mt-navy)}
.mt-steps figcaption small{display:block;color:var(--mt-mute);font-weight:400}

/* Hero avec photo d'équipe : voile léger pour garder les visages lumineux */
.hero-team{background-color:#0a1628;background-size:cover!important;background-position:center right!important}
.hero-team::before{background:linear-gradient(100deg,rgba(10,22,40,.6) 0%,rgba(10,22,40,.18) 45%,rgba(10,22,40,0) 70%),linear-gradient(0deg,rgba(10,22,40,.45) 0%,rgba(10,22,40,0) 30%)!important}
@media(max-width:767px){.hero-team{background-position:78% center!important}.hero-team::before{background:linear-gradient(180deg,rgba(10,22,40,.88) 0%,rgba(10,22,40,.72) 55%,rgba(10,22,40,.45) 100%)!important}}
.hero-team::before{background:linear-gradient(100deg,rgba(10,22,40,.45) 0%,rgba(10,22,40,.12) 45%,rgba(10,22,40,0) 70%),linear-gradient(0deg,rgba(10,22,40,.4) 0%,rgba(10,22,40,0) 30%)!important}
@media(max-width:767px){.hero-team::before{background:linear-gradient(180deg,rgba(10,22,40,.85) 0%,rgba(10,22,40,.68) 55%,rgba(10,22,40,.4) 100%)!important}}
/* Hero équipe : photo pleine largeur, voile progressif à gauche pour le texte */
.hero-team{background-position:center center!important}
.hero-team::before{background:linear-gradient(95deg,rgba(10,22,40,.82) 0%,rgba(10,22,40,.6) 32%,rgba(10,22,40,.12) 62%,rgba(10,22,40,0) 78%)!important}
@media(max-width:767px){.hero-team{background-position:62% center!important}.hero-team::before{background:linear-gradient(180deg,rgba(10,22,40,.88) 0%,rgba(10,22,40,.7) 55%,rgba(10,22,40,.4) 100%)!important}}

/* Barre de navigation : une seule ligne, lien actif lisible */
.navbar>.container{padding-left:1.25rem!important;padding-right:1.25rem!important;max-width:1320px}
.navbar .nav-link{white-space:nowrap;padding:.5rem .6rem!important;font-size:.92rem}
.navbar .nav-link.active{background:var(--mt-amber)!important;color:#1a1204!important}
@media(min-width:992px){#searchInput{max-width:140px!important}.navbar #searchForm{margin-left:.5rem!important}}
@media(min-width:1200px){.navbar .nav-link{padding:.5rem .8rem!important;font-size:.95rem}#searchInput{max-width:190px!important}}
@media(max-width:991px){.navbar .nav-link{white-space:normal;padding:.7rem .8rem!important}.navbar #searchForm{margin-bottom:.6rem}}
#searchInput::placeholder{color:#e8edf2;opacity:.85}
/* Laisse la place au bouton WhatsApp rond d'origine (en bas à gauche) */
@media(max-width:575px){.mt-fab{left:96px!important;right:12px!important;gap:.4rem}.mt-call{padding:.8rem .9rem}.mt-fab .mt-devis{padding:.8rem .6rem;font-size:.9rem}}

/* Quiz */
.quiz-card{background:#fff;border-radius:var(--mt-r);box-shadow:var(--mt-shadow);padding:clamp(1.2rem,4vw,2.4rem);max-width:760px;margin:0 auto;text-align:center}
.quiz-bar{height:8px;background:#e3e8ed;border-radius:99px;overflow:hidden;margin-bottom:1rem}
.quiz-bar span{display:block;height:100%;background:var(--mt-amber);transition:width .3s}
.quiz-count{color:var(--mt-mute);font-weight:600;margin-bottom:.4rem}
.quiz-q{font-size:clamp(1.25rem,3vw,1.7rem);margin:.4rem 0 1.2rem}
.quiz-opts{display:grid;gap:.7rem;text-align:left}
.quiz-opt{background:#fff;border:2px solid #cfd8e0;border-radius:12px;padding:.85rem 1.1rem;font-size:1.02rem;font-weight:600;color:var(--mt-navy);cursor:pointer;transition:border-color .15s,background .15s}
.quiz-opt:hover:not(:disabled){border-color:var(--mt-amber);background:#fff8ea}
.quiz-opt:disabled{cursor:default}
.quiz-opt.is-ok{border-color:#1f9d55;background:#e9f8ef}
.quiz-opt.is-ko{border-color:#d64545;background:#fdeded}
.quiz-fb{min-height:1.6rem;margin-top:1rem;color:var(--mt-ink);text-align:left}
.quiz-score{font-size:clamp(3rem,10vw,5rem);font-weight:800;color:var(--mt-navy);line-height:1}
.quiz-msg{font-size:1.15rem;margin-top:.6rem}
/* Le bouton « retour en haut » passe au-dessus des boutons Appeler / Devis */
#backToTop{bottom:96px!important}
@media(max-width:575px){#backToTop{right:14px!important;bottom:92px!important}}