/* Y&R Multiservice — V9 finale préproduction
   Direction artistique : maquette 2 validée, compacte, premium et responsive. */
:root{
  --yr-orange:#f05a19;--yr-orange-dark:#d94a0d;--yr-black:#090909;
  --yr-ink:#151515;--yr-muted:#626262;--yr-soft:#f7f7f5;--yr-line:#e8e5e1;
  --yr-shadow:0 16px 42px rgba(15,15,15,.08);--max:1180px;
}
html{font-size:16px}body{background:#fff;color:var(--yr-ink);overflow-x:hidden}
.wrap{width:min(var(--max),calc(100% - 48px))}
h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(2.7rem,4.7vw,4.8rem)}
h2{font-size:clamp(2rem,3vw,3.05rem)}h3{font-size:1.05rem}.lead{line-height:1.72}
.btn{min-height:46px;border-radius:3px;padding:13px 21px;font-size:.7rem;letter-spacing:.025em}

/* En-tête fidèle à la maquette */
.site-header{height:76px;background:#fff;color:#111;border-bottom:1px solid #ece9e5;box-shadow:0 3px 18px rgba(0,0,0,.04);backdrop-filter:none}
.header-inner{height:76px;gap:20px}.site-header .brand{padding:0;background:transparent}.brand img{width:76px;height:58px;object-fit:contain}
.main-nav ul{gap:17px}.main-nav a{padding:29px 0 24px;font-size:.59rem;font-weight:800;letter-spacing:.01em}
.header-cta{padding-inline:17px;box-shadow:none}.nav-toggle{color:#111;border-color:#d9d6d2;background:#fff}
@media(min-width:1101px){
 .site-header .main-nav .submenu{top:59px;left:-20px;min-width:278px;padding:8px!important;border-radius:0 0 4px 4px;border:1px solid #e7e3df;border-top:3px solid var(--yr-orange);box-shadow:0 18px 38px rgba(0,0,0,.14)}
 .site-header .main-nav .submenu a{padding:11px 13px!important;font-size:.7rem!important;border-radius:2px}
}

/* Accueil */
.hero{min-height:auto;background:#070707}.hero-grid{display:grid;grid-template-columns:48% 52%;min-height:520px;max-width:1440px;margin:auto}
.hero-copy{width:auto;min-height:520px;padding:70px 44px 68px max(28px,calc((100vw - var(--max))/2));justify-content:center;background:#080808}
.hero-copy:before{display:none}.hero-copy h1{max-width:650px;margin-bottom:20px;font-size:clamp(2.75rem,4.5vw,4.55rem);line-height:1.02}
.hero-copy .lead{font-size:.96rem;line-height:1.68;max-width:570px}.hero-copy .eyebrow{font-size:.68rem;margin-bottom:13px}
.hero-media{position:relative;inset:auto;min-height:520px}.hero-media img{object-position:center center}.hero-media:after{background:linear-gradient(90deg,#080808 0,rgba(8,8,8,.22) 18%,transparent 42%)}
.whatsapp-float{width:54px;height:54px;right:22px;bottom:20px;border-width:3px}
.trust-strip{background:#0c0c0c}.trust-grid{max-width:1180px}.trust-item{padding:18px 16px;grid-template-columns:38px 1fr}.trust-icon{width:32px;height:32px;border-radius:50%;font-size:.8rem}.trust-item b{font-size:.7rem}.trust-item small{font-size:.6rem}

/* Sections et cartes */
.section{padding:70px 0}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(1.95rem,3vw,2.9rem)}
.section-heading .lead{font-size:.95rem}.card-grid{gap:16px}.card{padding:24px;border-radius:5px;box-shadow:0 7px 22px rgba(0,0,0,.035)}
.card:hover{transform:translateY(-3px);box-shadow:var(--yr-shadow)}.card-icon{width:42px;height:42px;margin-bottom:18px;border-radius:4px;font-size:1.25rem}
.service-thumb{height:158px;margin:-24px -24px 21px;border-radius:4px 4px 0 0}.services-grid .card{min-height:345px}.services-grid .card:nth-child(n+5){min-height:250px}
.card p{font-size:.82rem;line-height:1.65}.check-list{margin:18px 0}.check-list li{font-size:.82rem;padding-top:6px;padding-bottom:6px}
.split{gap:48px}.split-media{height:470px;border-radius:5px;overflow:hidden}.process-grid{gap:12px}.process-card{padding:22px 18px;border-radius:4px}
.commit-grid{gap:12px}.commit{padding:20px 10px}.section-dark{background:#0b0b0b}.orange-band{padding:26px 0;background:linear-gradient(105deg,#ef4d08,#ff7217)}

/* Pages intérieures */
.page-hero{padding:0;background:#f7f7f5}.page-hero-grid{width:100%;max-width:1440px;min-height:430px;margin:auto;grid-template-columns:49% 51%;gap:0}
.page-hero-grid>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:58px 46px 58px max(28px,calc((100vw - var(--max))/2))}
.page-hero-grid>div:first-child h1{font-size:clamp(2.4rem,4.1vw,4rem)}.page-hero-media{height:430px}.page-hero-media img{object-position:center}
.page-hero.dark .page-hero-grid>div:first-child{background:#0b0b0b}.page-hero>.wrap:not(.page-hero-grid){padding:62px 0}
.portfolio-grid{gap:14px}.portfolio-card,.portfolio-card img{height:250px;min-height:250px}.portfolio-card{border-radius:4px}.portfolio-label,.portfolio-status{border-radius:2px}
.video-proof-grid{gap:14px}.video-proof{border-radius:4px}.quote-form{padding:27px;border-radius:5px;box-shadow:0 12px 32px rgba(0,0,0,.06)}
.contact-layout{gap:46px}.contact-line{padding:12px 0}.social{border-radius:50%}

/* Pied de page */
.site-footer{padding-top:44px;background:#0a0a0a}.footer-grid{grid-template-columns:1.25fr .9fr 1fr 1.15fr;gap:36px}.footer-brand img{width:102px;height:66px}
.footer-title{font-size:.66rem}.footer-links a,.footer-brand p{font-size:.68rem}.footer-bottom{margin-top:34px;padding:15px 0}.footer-social a{border-radius:50%}

/* Logos officiels des réseaux sociaux — neutralise les anciens pictogrammes CSS */
a.social-logo::before{content:none!important;display:none!important}
a.social-logo svg{display:block!important;width:19px!important;height:19px!important;fill:currentColor!important}
a.social-logo[href*="facebook.com"]{background:#1877f2!important;border-color:#1877f2!important;color:#fff!important}
a.social-logo[href*="instagram.com"]{background:linear-gradient(135deg,#feda75 0%,#fa7e1e 24%,#d62976 52%,#962fbf 76%,#4f5bd5 100%)!important;border-color:#d62976!important;color:#fff!important}
a.social-logo[href*="wa.me"]{background:#25d366!important;border-color:#25d366!important;color:#fff!important}
.social-row a.social-logo,.footer-social a.social-logo{box-shadow:0 5px 14px rgba(0,0,0,.16)}
.social-row a.social-logo:hover,.footer-social a.social-logo:hover{filter:brightness(.92);transform:translateY(-2px)}
.whatsapp-float.social-logo{background:#25d366!important;border:3px solid #fff!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important}
.whatsapp-float.social-logo svg{width:27px!important;height:27px!important}

/* Tablette */
@media(max-width:1100px){
 .site-header,.header-inner{height:70px}.brand img{width:70px;height:52px}.main-nav{top:70px;background:#fff;color:#111;padding:8px 20px 95px}
 .main-nav li{border-color:#eee}.main-nav a{color:#111;padding:14px 8px;font-size:.8rem}.main-nav .submenu{background:#f7f7f7!important}.mobile-quick a{color:#fff!important}
 .mobile-quick{grid-template-columns:1fr 1fr}.mobile-quick .mobile-devis{grid-column:1/-1;background:var(--yr-orange-dark);font-weight:900}
 .hero-grid{grid-template-columns:52% 48%;min-height:500px}.hero-copy{min-height:500px;padding:60px 30px}.hero-media{min-height:500px}
 .hero-copy h1{font-size:3.3rem}.card-grid{grid-template-columns:repeat(2,1fr)}.services-grid .card{min-height:0}
 .page-hero-grid{grid-template-columns:1fr 1fr}.page-hero-grid>div:first-child{padding:52px 34px}.footer-grid{grid-template-columns:repeat(2,1fr)}
}

/* Mobile : hiérarchie claire et menu exploitable */
@media(max-width:767px){
 .wrap{width:calc(100% - 32px)}.site-header,.header-inner{height:66px}.brand img{width:62px;height:46px}.main-nav{top:66px}.nav-toggle{width:42px;height:42px}
 .hero-grid{display:flex;flex-direction:column;min-height:0}.hero-media{order:1;min-height:290px;height:290px}.hero-media:after{background:linear-gradient(0deg,rgba(8,8,8,.55),transparent 55%)}
 .hero-copy{order:2;min-height:0;padding:36px 18px 42px;background:#080808}.hero-copy h1{font-size:2.5rem;line-height:1.04}.hero-copy .lead{font-size:.9rem}
 .whatsapp-float{position:fixed;right:16px;bottom:72px;width:50px;height:50px}
 .trust-grid{grid-template-columns:1fr 1fr}.trust-item{padding:15px 10px;border-bottom:1px solid #282828}.trust-item small{display:none}
 .section{padding:52px 0}.section-heading{margin-bottom:27px}.section-heading h2{font-size:2rem}.card-grid,.portfolio-grid{grid-template-columns:1fr}
 .card{padding:22px}.service-thumb{height:190px;margin:-22px -22px 20px}.split{gap:28px}.split-media{height:310px}
 .page-hero-grid{display:flex;flex-direction:column;min-height:0}.page-hero-grid>div:first-child{order:2;padding:34px 18px 39px}.page-hero-media{order:1!important;height:285px}
 .page-hero-grid>div:first-child h1{font-size:2.35rem}.page-hero>.wrap:not(.page-hero-grid){padding:44px 0}.page-hero.reverse .page-hero-media{order:1!important}
 .process-grid{grid-template-columns:1fr}.commit-grid{grid-template-columns:1fr 1fr}.portfolio-card,.portfolio-card img{height:235px;min-height:235px}
 .video-proof-grid{grid-template-columns:1fr 1fr}.contact-layout{gap:30px}.quote-form{padding:22px}.orange-band .wrap{gap:18px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{padding-bottom:80px}
}
@media(max-width:430px){
 .hero-copy h1{font-size:2.18rem}.hero-media{height:255px;min-height:255px}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{border-right:1px solid #282828}
 .video-proof-grid,.commit-grid,.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.page-hero-media{height:245px}.page-hero-grid>div:first-child h1{font-size:2.05rem}
}

/* Accessibilité */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(240,90,25,.45);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}