/* RMB REPROG · STYLE PREMIUM V15
   Complément visuel au site V11/V13, indépendant de l'administration.
   Valeurs de couleur --red/--black pilotées par RMB Admin > Couleurs.
*/
:root { --rmb-surface:#0b0d10; --rmb-panel:#15181d; --rmb-stroke:rgba(255,255,255,.095); --rmb-ink:#f6f6f6; --rmb-soft:#a6aab3; }
html { scroll-padding-top:88px; }
body { background:var(--rmb-surface); color:var(--rmb-ink); font-family: "Segoe UI Variable", "Segoe UI", Inter, system-ui, Arial, sans-serif; letter-spacing: -.009em; }
::selection { background:var(--red); color:#fff; }
.shell { width:min(1370px,calc(100% - 112px)); }
/* En-tête sobre et lisible, sans effets agressifs */
.utility { background:#090b0e; border-top:0; border-bottom:1px solid rgba(255,255,255,.07); font-size:10px; font-weight:700; letter-spacing:.12em; }
.utility-inner{min-height:35px}.utility-inner>div{gap:27px}.utility-inner a{opacity:.84}.utility-inner a:hover{opacity:1}
.site-head { background:rgba(9,11,14,.9); border-color:var(--rmb-stroke); box-shadow:0 10px 36px rgba(0,0,0,.15); backdrop-filter:blur(24px); }
.head-inner { min-height:78px; gap:28px; }
.brand { min-width:145px; }
.brand strong { font-size:41px; letter-spacing:-.075em; }
.brand small { font-size:9px; letter-spacing:.47em; }
.site-head nav { gap:clamp(12px,1.5vw,25px); }
.site-head nav a { font-size:11px; font-weight:700; letter-spacing:.035em; opacity:.86; transition:opacity .2s,color .2s; }
.site-head nav a:hover {opacity:1}
.center-switch { border-left:1px solid var(--rmb-stroke); padding:13px 3px 13px 16px; font-size:11px; font-weight:650; letter-spacing:.01em; }
.btn { min-height:49px; border-radius:3px; padding:0 26px; font-size:11px; font-weight:800; letter-spacing:.065em; gap:19px; transition:transform .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease; }
.red-btn{background:var(--red)}.red-btn:hover{box-shadow:0 10px 35px rgba(200,20,45,.20)}
.outline-btn{border-color:rgba(255,255,255,.48);background:rgba(10,11,14,.22)}.outline-btn:hover{background:rgba(255,255,255,.10)}
/* Couverture automobile en plein écran, vidéo existante conservée */
.hero { min-height:clamp(660px,calc(100svh - 110px),920px); background:#080a0d; }
.hero-media{inset:0}.hero-poster{background-position:center center;filter:brightness(.74) contrast(1.08)}
.hero-video{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(1.06) contrast(1.08) saturate(1.03);mask-image:none;-webkit-mask-image:none}
.hero-mask { background:linear-gradient(90deg,rgba(5,7,10,.92) 0%,rgba(5,7,10,.84) 21%,rgba(5,7,10,.54) 49%,rgba(5,7,10,.09) 76%,rgba(5,7,10,.10) 100%),linear-gradient(0deg,rgba(5,7,10,.92),transparent 24%,transparent 73%,rgba(5,7,10,.18)); }
.hero-inner { position:relative; z-index:2; align-items:center; }
.hero-copy { width:min(650px,64%); padding:60px 0 47px; }
.kicker {font-size:11px;line-height:1.65;letter-spacing:.20em;font-weight:750;color:#e2e5e9;}
.kicker i {height:2px;width:31px;flex:none;}
.hero h1 { max-width:780px; margin:22px 0 25px; font-size:clamp(50px,5.2vw,84px); font-weight:830; line-height:1.085; letter-spacing:-.064em; text-transform:none; text-wrap:balance; }
.hero h1 em{display:block;color:#fff; font-weight:450; letter-spacing:-.052em;}
.hero h1 em::first-letter{color:var(--red)}
.hero-description { margin:0;max-width:545px;color:#e5e7ea;line-height:1.65;font-size:clamp(16px,1.2vw,19px);font-weight:400;text-wrap:pretty;}
.hero-buttons{gap:12px;margin-top:35px}
.hero-buttons .btn{min-height:55px;padding:0 25px;}
.hero-mark { margin-bottom:104px; opacity:.53; }
.hero-mark b{font-size:45px}.hero-mark small{font-size:9px;letter-spacing:.20em}
.hero-bottom { min-height:70px; border-color:rgba(255,255,255,.18);gap:8px 33px; }
.hero-bottom span {font-size:10px;font-weight:650;letter-spacing:.095em;}
.hero-bottom span:before{margin-right:9px}
/* Hiérarchie plus éditoriale, grands espaces, contraste maîtrisé */
.section-pad { padding:clamp(84px,7.3vw,130px) 0; }
.section-kicker{font-size:11px;letter-spacing:.22em;font-weight:750;}
.section-pad h2 {margin:17px 0 25px;max-width:940px;font-weight:790;line-height:1.14;letter-spacing:-.047em;font-size:clamp(32px,3.45vw,54px);text-transform:none;text-wrap:balance;}
.section-pad h2 em{color:#f2f2f3;font-weight:400}
.body-lead,.section-title>p:not(.section-kicker),.section-heading p:not(.section-kicker){font-size:16px;line-height:1.85;color:var(--rmb-soft)}
.network-intro{background:linear-gradient(135deg,#101319,#0b0d10 75%);}
.intro-grid{gap:clamp(45px,7vw,130px)}
.network-chips{margin-top:38px;gap:8px}.network-chips span{padding:9px 13px;border-color:var(--rmb-stroke);border-radius:3px;background:rgba(255,255,255,.025);font-weight:650;font-size:11px}
.network-display{border:1px solid rgba(255,255,255,.075);border-radius:5px;padding:52px;min-height:405px;background:radial-gradient(circle at 88% 17%,color-mix(in srgb,var(--red) 19%,transparent),transparent 48%),linear-gradient(135deg,#20232a,#11141a 76%);box-shadow:0 30px 65px rgba(0,0,0,.22);}
.network-display:after{left:41%;top:-42%;border-color:#bfc7da24}
.network-globe{font-size:52px;font-weight:800}.network-score b{font-size:72px}
.network-display>p{line-height:1.8;max-width:430px;font-size:14px}
.figures{background:#0c0e12}.figure-grid>div{padding:32px 20px}.figure-grid strong{font-weight:730;font-size:35px}.figure-grid span{font-weight:650;letter-spacing:.02em}
/* Zone simulateur sobre. On ne change PAS l'intérieur des iframe fournisseurs. */
.gains{background:#101318;color:#f5f5f6}
.gains .section-title p:last-child{color:#a5aab5}
.center-title h2{margin-inline:auto}.embed-shell{border:1px solid rgba(255,255,255,.12);background:#17191d;box-shadow:0 25px 70px rgba(0,0,0,.29);border-radius:6px}
.embed-top{background:#191c21;padding:19px 22px;border-bottom:1px solid rgba(255,255,255,.06);}
.embed-shell iframe{background:transparent}
.empty-simulator{background:#191c20;border:1px solid var(--rmb-stroke)}.empty-simulator p{color:var(--rmb-soft)}
.centres{background:#0c0e11}
.section-heading{margin-bottom:38px}
.filters{margin-bottom:25px}.filters button{background:#181a1f;border-color:rgba(255,255,255,.1);border-radius:2px;font-weight:750}.filters button.selected{background:color-mix(in srgb,var(--red) 16%,#17191c);border-color:var(--red)}
.centres-grid{gap:23px}.centre-card{border-color:rgba(255,255,255,.09);background:#181b20;border-radius:4px;box-shadow:0 12px 30px rgba(0,0,0,.10);transition:transform .25s,border-color .25s,box-shadow .25s}.centre-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.35);box-shadow:0 22px 50px rgba(0,0,0,.25)}
.centre-card img{height:210px;filter:saturate(.88) contrast(1.04)}.centre-card-content{padding:24px 26px 28px}.centre-card h3{font-size:23px;letter-spacing:-.035em}.centre-card p{font-size:14px;color:#adb1bb;line-height:1.7}
.services{background:#14171c}.services-grid{gap:16px}.service-card{min-height:285px;padding:35px 32px 30px;border-color:var(--rmb-stroke);background:linear-gradient(155deg,#21252c,#16191e 80%);border-radius:4px;transition:transform .25s,border-color .25s,background .25s}.service-card:hover{transform:translateY(-4px);background:linear-gradient(150deg,#292e38,#181b21)}.service-card span{letter-spacing:.16em}.service-card b{font-weight:750;font-size:22px;letter-spacing:-.03em}.service-card p{font-size:14px;line-height:1.7}
.e85{background:#0c0e11}.e85-label{opacity:.9}.e85-calculator{border-color:var(--rmb-stroke);background:#1a1c20}
.achievements{background:#111318}.achievement-grid{gap:22px}.achievement{border-color:var(--rmb-stroke);background:#1c1e23;border-radius:4px;overflow:hidden}.achievement-media{height:275px}.achievement-body{padding:26px}.achievement-body h3{font-size:22px;font-weight:750;letter-spacing:-.025em}
.media-showcase{background:#0d0f13}.media-showcase-inner{gap:90px}.showcase-film{height:420px;border-color:var(--rmb-stroke);border-radius:5px;background:#07080b;box-shadow:0 25px 60px #0004}
.contact{background:linear-gradient(120deg,#1a1d24,#0b0d11 75%)}.foot-inner{min-height:165px}
/* Selecteur de centres, cartes photo plus élégantes */
.modal{background:rgba(3,4,7,.86);backdrop-filter:blur(12px)}
.modal-card{background:#191b20;border:1px solid #373a43;border-radius:8px;box-shadow:0 36px 120px #000d;padding:36px 42px 28px;max-height:min(87vh,840px)}
.modal-card h2{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.045em;text-transform:none;margin:17px 0 8px}
.modal-card>p{color:#a8adb6;font-size:14px}
.modal-card input{margin-bottom:22px;background:#12151a;border:1px solid #484a51;padding:15px 17px;border-radius:4px}
.modal-grid{gap:12px}.center-option{background:#22252b;border:1px solid #383c44;border-radius:4px;overflow:hidden;min-height:115px;transition:border-color .2s,transform .2s}.center-option:hover{border-color:var(--red);transform:translateY(-2px)}.center-option img{filter:saturate(.85)}.center-option strong{letter-spacing:-.028em;font-weight:750;font-size:19px}.center-option small{font-size:12px;color:#afb4be}
/* Adaptation ergonomique mobile */
@media(max-width:1250px){.shell{width:calc(100% - 58px)}.head-inner{gap:14px}.site-head nav{gap:13px}.site-head nav a{font-size:10px}}
@media(max-width:900px){.head-inner{min-height:75px}.site-head nav{background:#101318;gap:20px}.hero{min-height:740px}.hero-copy{width:min(700px,90%)}.hero h1{font-size:clamp(48px,7.8vw,76px)}.services-grid{grid-template-columns:repeat(2,1fr)}.network-display{padding:34px}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.site-head{background:#0b0d10}.head-inner{min-height:68px}.hero{min-height:720px;min-height:calc(100svh - 68px);}.hero-video{object-position:50% 45%}.hero-mask{background:linear-gradient(0deg,rgba(5,7,10,.90),rgba(5,7,10,.39) 54%,rgba(5,7,10,.36)),linear-gradient(90deg,rgba(5,7,10,.4),transparent 75%)}.hero-copy{width:100%;padding:65px 0 34px}.hero h1{font-size:clamp(45px,11vw,61px);max-width:100%;margin:20px 0}.hero-description{font-size:15px;line-height:1.7}.hero-bottom{gap:8px 14px}.hero-bottom span{font-size:9px}.hero-buttons .btn{min-height:51px}.section-pad{padding:73px 0}.section-pad h2{font-size:clamp(32px,9vw,44px)}.intro-grid{gap:30px}.network-display{min-height:300px;padding:27px}.network-globe{font-size:44px}.network-display:after{width:410px;height:410px}.centres-grid,.achievement-grid,.services-grid{grid-template-columns:1fr}.centre-card img{height:210px}.modal-card{padding:25px 17px 17px}.modal-grid{grid-template-columns:1fr}.center-option{grid-template-columns:110px 1fr auto}.center-option img{height:108px;width:110px}.center-option strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.btn,.centre-card,.center-option,.service-card{transition:none}}

/* Palette d'arrière-plan liée au thème administrateur, sans toucher à l'iframe des prestataires. */
body,.centres,.e85{background:var(--black)}
.network-intro{background:linear-gradient(135deg,color-mix(in srgb,var(--black) 85%,#2d343e),var(--black) 77%)}
.services,.achievements{background:color-mix(in srgb,var(--black) 84%,#252832)}
.gains,.media-showcase{background:color-mix(in srgb,var(--black) 90%,#202834)}

/* Correctif RMB : suppression de la barre secondaire superieure.
   La navigation principale, le logo et le bouton File Service restent visibles. */
body > .utility { display: none !important; }

/* RMB V24 — page d'accueil épurée : conserver la vidéo et la navigation,
   mais masquer uniquement le petit titre, la description et les 2 boutons.
   Ne s'applique ni à la page E85, ni aux simulateurs, ni à l'administration. */
#accueil .hero-copy { display: none !important; }
/* Conserver le marquage discret à droite sur grand écran. */
#accueil .hero-inner { justify-content: flex-end; }