/* Arcadia 2026 — final UI / responsive corrections */
:root{--arc-radius:16px;--arc-shadow:0 14px 38px rgba(4,35,73,.08)}
html{scroll-padding-top:96px}
body{overflow-x:hidden}
.header{height:82px;box-shadow:0 5px 20px rgba(3,28,63,.04)}
.header .nav{justify-content:flex-start;gap:0}
.header .brand{width:92px;min-width:92px;flex-basis:92px}
.header .brand img{width:90px!important;height:66px!important}
@media(min-width:1181px){.header .links{display:flex!important;margin-left:clamp(44px,6vw,96px);gap:clamp(20px,2vw,30px);white-space:nowrap}.header .nav-btn{display:none!important}}
.hero{min-height:390px!important;background-position:center 45%;position:relative}
.home-hero{min-height:450px!important}
.hero .hero-copy{padding:52px 0!important;max-width:760px}
.hero h1{font-size:clamp(2.45rem,4.4vw,4.15rem);line-height:1.04;margin-bottom:16px}
.hero p{font-size:1.07rem;max-width:700px}
.agencies-hero{background-position:center 52%}
.agencies-hero .hero-copy{max-width:690px}
.agencies-hero h1{max-width:650px}
.quote-hero,.contact-hero,.blog-hero,.services-hero,.about-hero{min-height:365px!important}
.article-hero{min-height:405px!important}
.article-hero h1{font-size:clamp(2.25rem,4vw,3.7rem)}
.section{padding:72px 0}
.section-head{margin-bottom:30px}
.service-card,.blog-card,.agency-card,.feature,.form-card,.side-card,.map-card{border-radius:var(--arc-radius);box-shadow:var(--arc-shadow)}
.service-card .media{height:230px}
.service-card .card-body{padding:26px 22px 24px}
.service-card .text-link{margin-top:auto}
#nettoyage-general,#nettoyage-bureaux,#lavage-vitres,#grand-nettoyage,#gestion-poubelles,#coproprietes,#pharmacies-cabinets,#fin-chantier{scroll-margin-top:96px}
.agency-grid{gap:20px}
.agency-card{padding:28px 24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.agency-card:hover{transform:translateY(-3px);border-color:#b8d6f7;box-shadow:0 18px 44px rgba(4,35,73,.11)}
.agency-card .pin{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf4ff;color:#0868d7;margin-bottom:16px;font-size:0}
.agency-card .pin:after{content:"⌖";font-size:1.25rem;font-weight:900}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.blog-card{min-width:0}
.blog-img{aspect-ratio:16/9;overflow:hidden}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-card:hover .blog-img img{transform:scale(1.025)}
.blog-body{padding:24px;display:flex;flex-direction:column;flex:1}
.blog-body h3{font-size:1.23rem;line-height:1.35;margin:12px 0}
.blog-body p{color:var(--muted);font-size:.96rem}
.blog-body .text-link{margin-top:auto}
.tags{display:flex;gap:7px;flex-wrap:wrap}
.tags span{background:#eaf4ff;color:#0663c8;padding:5px 9px;border-radius:6px;font-size:.7rem;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.blog-filters{display:grid!important;grid-template-columns:minmax(220px,320px) minmax(260px,1fr)!important;gap:14px!important;margin-bottom:30px!important}
.blog-filters select,.blog-filters input{min-height:50px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 15px;color:var(--ink);font:inherit;outline:none}
.blog-filters select:focus,.blog-filters input:focus{border-color:#4c9ee8;box-shadow:0 0 0 3px rgba(8,104,215,.10)}
.article-cover{border-radius:18px;overflow:hidden;margin-bottom:34px;box-shadow:var(--arc-shadow)}
.article-cover img{width:100%;max-height:520px;object-fit:cover}
.article-body{font-size:1.04rem}
.article-body h2{font-size:clamp(1.55rem,2.3vw,2.15rem);margin-top:38px;margin-bottom:14px;letter-spacing:-.02em}
.article-body p{color:#33445e}
.article-body .article-lead{font-size:1.1rem;color:var(--ink)}
.article-body ul{padding-left:22px}.article-body li{margin:8px 0}
.form-error-alert{display:flex;flex-direction:column;gap:4px;padding:15px 17px;margin-bottom:18px;border:1px solid #f1b1b1;border-radius:10px;background:#fff4f4;color:#811f1f}
.footer .footer-grid{grid-template-columns:1.1fr .72fr .8fr minmax(360px,1.3fr)!important;gap:36px!important}
.footer .footer-contact{min-width:0}
.footer .footer-contact .contact-line{display:flex;align-items:flex-start;gap:12px}
.footer .footer-contact .ico{width:22px;min-width:22px;text-align:center}
.footer .footer-contact .footer-address{white-space:nowrap}
.footer .footer-contact .footer-pin{line-height:1.4}.footer .footer-contact .footer-pin svg{display:block;margin-top:3px}
.footer-bottom small a{color:#8fd0ff;font-weight:800}.footer-bottom small a:hover{text-decoration:underline}
@media(max-width:1180px){
  .header{height:78px}.header .nav{justify-content:space-between}.header .brand{width:84px;min-width:84px;flex-basis:84px}.header .brand img{width:82px!important;height:60px!important}
  .header .nav-btn{display:block!important;margin-left:auto}
  .header .links{top:74px!important}
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer .footer-contact .footer-address{white-space:normal}
}
@media(max-width:700px){
  html{scroll-padding-top:82px}
  .header{height:72px}.header .brand{width:74px;min-width:74px;flex-basis:74px}.header .brand img{width:72px!important;height:52px!important}.header .links{top:68px!important}
  .hero,.quote-hero,.contact-hero,.blog-hero,.services-hero,.about-hero,.article-hero{min-height:335px!important;background-position:62% center}
  .home-hero{min-height:410px!important}
  .hero .hero-copy{padding:42px 0!important}
  .hero h1,.article-hero h1{font-size:clamp(2.05rem,10vw,2.8rem);overflow-wrap:normal;word-break:normal}
  .hero p{font-size:.98rem;line-height:1.6}
  .section{padding:56px 0}
  .section-head{gap:14px;margin-bottom:24px}
  .service-card .media{height:205px}
  .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-filters{grid-template-columns:1fr!important}
  .blog-img{aspect-ratio:16/10}
  .blog-body{padding:21px}
  .agency-card{padding:23px 20px}
  .footer .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer .footer-contact .footer-address{white-space:normal}
  .footer-bottom{gap:14px}
  .article-cover img{max-height:340px}
}
@media(max-width:390px){.hero h1,.article-hero h1{font-size:2rem}.btn{padding-inline:17px}.blog-body h3{font-size:1.12rem}}

/* Arcadia — header équilibré + signature footer sur une ligne */
@media(min-width:1181px){
  .header .nav{display:flex;align-items:center;justify-content:space-between;gap:28px}
  .header .brand{flex:0 0 92px}
  .header .links{display:flex!important;align-items:center;justify-content:center;gap:clamp(20px,2vw,30px);margin:0 auto!important;white-space:nowrap}
  .header .links .nav-devis-link{display:none!important}
  .header .nav-cta{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-height:46px;padding:0 21px;border-radius:11px;background:#0868d7;color:#fff;font-size:.91rem;font-weight:850;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 9px 24px rgba(8,104,215,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
  .header .nav-cta:hover{background:#075dbf;transform:translateY(-1px);box-shadow:0 12px 28px rgba(8,104,215,.24)}
}
@media(max-width:1180px){
  .header .nav-cta{display:none!important}
  .header .links .nav-devis-link{display:block!important}
}
.footer-bottom small{display:inline-flex!important;align-items:center;gap:4px;white-space:nowrap!important;font-size:.76rem;line-height:1.4}
.footer-bottom small a{display:inline!important;margin:0!important;font-size:inherit!important;line-height:inherit!important;color:#8fd0ff;font-weight:800}