/*
  Compact UI pass — 2026-08-27
  Objectif : réduire la sensation de "gros blocs", condenser la lecture,
  garder un CTA formulaire visible dans la navigation, sans changer la palette.
*/

/* ---------- Header global : plus compact + CTA formulaire permanent ---------- */
.site-header-unified .header-inner{
  min-height:64px !important;
  padding:6px 20px !important;
  gap:22px !important;
}
.site-header-unified .logo{
  min-width:62px !important;
  padding-right:14px !important;
}
.site-header-unified .logo img{
  width:60px !important;
  height:48px !important;
}
.site-header-unified .nav{
  gap:20px !important;
  align-items:center !important;
}
.site-header-unified .nav a:not(.nav-lead-cta){
  font-size:13px !important;
  padding:8px 0 !important;
}
.site-header-unified .nav .nav-lead-cta{
  margin-left:auto !important;
  min-height:38px !important;
  padding:8px 14px !important;
  border:1px solid rgba(138,90,16,.38) !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#f7e7b7 0%,#ddb85f 48%,#b98320 100%) !important;
  color:#1b2738 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 7px 16px rgba(138,90,16,.16) !important;
  font-size:12.5px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}
.site-header-unified .nav .nav-lead-cta::after{display:none !important;content:none !important}
.site-header-unified .nav .nav-lead-cta:hover,
.site-header-unified .nav .nav-lead-cta:focus-visible{
  color:#1b2738 !important;
  filter:brightness(.98);
}

/* ---------- Accueil : hero moins intimidant ---------- */
.hero{margin-top:18px !important}
.hero-box{
  min-height:270px !important;
  border-radius:28px !important;
  gap:18px !important;
}
.hero-content{
  max-width:710px !important;
  padding:40px 42px !important;
}
.hero-content h1{
  font-size:clamp(28px,2.55vw,32px) !important;
  line-height:1.08 !important;
  letter-spacing:-.35px !important;
  margin:12px 0 13px !important;
}
.hero-content p{
  font-size:15px !important;
  line-height:1.58 !important;
}
.hero-lock-wrap{
  width:112px !important;
  height:126px !important;
  margin:0 42px 0 8px !important;
}
.hero-emblem{
  width:118px !important;
  max-height:132px !important;
  height:auto !important;
}
.hero-lock-glow{inset:-10px !important}
.hero-reassurance{font-size:11.8px !important;gap:6px 14px !important}
.hero-actions{margin-top:20px !important}
.hero ~ .section{padding-top:20px !important;padding-bottom:20px !important}

/* Titres d'accueil et blocs principaux : échelle plus contenue */
.needs-panel h2,
.protection-final-title h2,
.home-guides-copy h2,
.sector-luxe-heading h2,
.home-explainer-panel h2,
.home-faq-panel h2{
  font-size:22px !important;
  line-height:1.2 !important;
}
.premium-signature{font-size:15px !important;padding:13px 18px !important}
.home-explainer-panel p{font-size:14.5px !important;line-height:1.68 !important}

/* ---------- Articles racine / pages sectorielles ---------- */
.article-hero{margin-top:18px !important}
.article-hero-box{border-radius:27px !important}
.article-hero .article-hero-content,
.article-hero-content{
  padding-top:38px !important;
  padding-bottom:38px !important;
}
.article-hero h1{
  font-size:clamp(26px,2.55vw,30px) !important;
  line-height:1.12 !important;
  margin:16px 0 14px !important;
}
.article-hero p.lead{
  font-size:15.2px !important;
  line-height:1.62 !important;
}
.section{
  padding-top:34px !important;
}
.section > p:first-of-type{
  font-size:15px !important;
  line-height:1.72 !important;
}
.section > p:first-of-type:first-letter{
  font-size:48px !important;
  padding-top:6px !important;
}
.section h2{
  font-size:20.5px !important;
  line-height:1.22 !important;
  margin:30px 0 12px !important;
  gap:10px !important;
}
.section h3{
  font-size:17.5px !important;
  line-height:1.3 !important;
  margin:23px 0 8px !important;
}
.section p,
.section li{
  font-size:14.25px !important;
  line-height:1.68 !important;
}
.section p{margin-bottom:13px !important}
.section li{margin-bottom:8px !important}
.editorial-expansion,
.practical-checkpoints{
  margin:22px 0 !important;
  padding:19px 21px !important;
}
.article-form-cta{
  margin:24px 0 !important;
  padding:20px 22px !important;
  border-radius:18px !important;
}
.article-form-title,
.article-form-cta h3{
  font-size:20px !important;
  line-height:1.25 !important;
}
.article-form-cta p{font-size:13.5px !important;line-height:1.55 !important}
.article-form-button{padding:11px 18px !important;border-radius:12px !important;font-size:13px !important}
.related-links{margin:22px 0 !important;padding:18px 20px !important}
.related-links strong{font-size:16px !important}

/* ---------- Ratgeber / blog ---------- */
.blog-hero{padding:34px 0 24px !important}
.blog-hero h1{
  font-size:clamp(25px,2.6vw,34px) !important;
  line-height:1.12 !important;
  margin:14px 0 12px !important;
  max-width:900px !important;
}
.blog-hero p{
  font-size:15.2px !important;
  line-height:1.6 !important;
  max-width:820px !important;
}
.blog-main{padding-top:32px !important;padding-bottom:54px !important}
.article-paper{
  padding:28px 30px !important;
  border-radius:20px !important;
}
.article-paper h2{
  font-size:20.5px !important;
  line-height:1.23 !important;
  margin:27px 0 10px !important;
}
.article-paper h3{font-size:17.5px !important;line-height:1.3 !important;margin:22px 0 7px !important}
.article-paper p,
.article-paper li{
  font-size:14.25px !important;
  line-height:1.68 !important;
}
.article-paper li{margin:6px 0 !important}
.notice{font-size:13.25px !important;line-height:1.55 !important;padding:13px 15px !important}
.cta-article{padding:20px !important;margin:24px 0 !important;border-radius:17px !important}
.cta-article h2{font-size:19.5px !important;margin-top:0 !important}
.cta-article p{font-size:13.5px !important;line-height:1.55 !important}
.feature-card h3{font-size:21px !important}
.article-card h3{font-size:17px !important}
.section-heading h2{font-size:23px !important}

/* ---------- FAQ / pages légales / page multi-secteurs ---------- */
.faq-wrap{padding-top:28px !important}
.faq-section{padding:22px !important;margin:22px auto !important;border-radius:22px !important}
.faq-section h2{font-size:21px !important}
.faq-item summary{font-size:14px !important;padding:14px 16px !important}
.faq-answer,.faq-answer p{font-size:13.8px !important;line-height:1.6 !important}
.legal-page{margin-top:28px !important;padding:30px 34px !important}
.legal-page h1{font-size:31px !important}
.legal-page h2{font-size:18px !important}
.legal-page p,.legal-page li{font-size:14px !important;line-height:1.65 !important}
.wrap .card{padding:28px !important}
.wrap h1{font-size:27px !important}
.wrap h2{font-size:20px !important}
.wrap p,.wrap li{font-size:14px !important;line-height:1.62 !important}

/* ---------- Landings formulaire : menu visible + plus compact ---------- */
.conversion-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  padding:7px 18px !important;
  min-height:58px !important;
}
.conversion-header-inner{
  width:100%;
  max-width:1160px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.conversion-brand{margin:0 !important;font-size:13px !important;gap:8px !important}
.conversion-brand img{width:38px !important;height:46px !important}
.conversion-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  margin-left:auto;
  white-space:nowrap;
}
.conversion-nav > a{
  color:#405069;
  text-decoration:none;
  font-size:12.5px;
  font-weight:800;
}
.conversion-nav > a:hover,.conversion-nav > a:focus-visible{color:#8a5a10}
.conversion-header-cta{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 13px;
  border-radius:10px;
  color:#17263a !important;
  background:linear-gradient(180deg,#f7e7b7 0%,#ddb85f 48%,#b98320 100%);
  border:1px solid rgba(138,90,16,.38);
  box-shadow:0 6px 14px rgba(138,90,16,.13);
}
.sea-main{padding-top:27px !important;padding-bottom:50px !important}
.sea-hero{gap:36px !important}
.sea-copy{padding-top:14px !important}
.sea-copy h1{
  font-size:clamp(27px,2.8vw,36px) !important;
  line-height:1.08 !important;
  margin:14px 0 13px !important;
}
.sea-copy .lead{font-size:15px !important;line-height:1.58 !important}
.sea-disclosure{margin-top:16px !important;font-size:13px !important;padding:12px 14px !important}
.sea-trust{margin-top:13px !important}
.sea-trust span{font-size:11.5px !important;padding:6px 9px !important}
.sea-points{margin-top:17px !important;gap:9px !important}
.sea-point strong{font-size:13.25px !important}
.sea-point p{font-size:12.5px !important}
.sea-form{padding:21px !important;border-radius:18px !important;top:74px !important}
.sea-form h2{font-size:22px !important}
.sea-form>p{font-size:12.75px !important;margin-bottom:15px !important}
.conversion-proof{margin-top:26px !important;gap:10px !important}
.conversion-proof article{padding:15px !important}
.conversion-proof h2{font-size:14.5px !important}
.conversion-proof p{font-size:12.25px !important}
.conversion-bottom{margin-top:24px !important;padding:20px !important}
.conversion-bottom h2{font-size:20px !important}

/* ---------- Mobile ---------- */
@media(max-width:900px){
  .site-header-unified .header-inner{padding:7px 14px !important;gap:7px 14px !important}
  .site-header-unified .logo img{width:52px !important;height:42px !important}
  .site-header-unified .nav{gap:12px !important;width:100% !important}
  .site-header-unified .nav a:not(.nav-lead-cta){font-size:12px !important}
  .site-header-unified .nav .nav-lead-cta{margin-left:auto !important;font-size:11.8px !important;padding:7px 11px !important}
  .conversion-header-inner{gap:10px;align-items:center}
  .conversion-nav{gap:11px;flex-wrap:wrap;justify-content:flex-end}
  .conversion-nav > a{font-size:11.5px}
  .conversion-header-cta{font-size:11.5px !important;padding:7px 10px}
  .sea-hero{gap:20px !important}
}
@media(max-width:640px){
  .site-header-unified .header-inner{flex-wrap:wrap !important}
  .site-header-unified .nav{overflow-x:auto !important;padding-bottom:2px !important;scrollbar-width:none}
  .site-header-unified .nav::-webkit-scrollbar{display:none}
  .hero-content{padding:30px 24px !important}
  .hero-content h1{font-size:27px !important}
  .hero-content p{font-size:14.5px !important}
  .article-hero h1{font-size:25px !important}
  .article-hero p.lead{font-size:14.5px !important}
  .section{padding:28px 18px 6px !important}
  .section h2{font-size:19px !important}
  .section p,.section li{font-size:14px !important}
  .blog-hero h1{font-size:26px !important}
  .blog-hero p{font-size:14.5px !important}
  .article-paper{padding:23px 18px !important}
  .article-paper h2{font-size:19px !important}
  .article-paper p,.article-paper li{font-size:14px !important}
  .conversion-header{padding:6px 12px !important}
  .conversion-brand span{display:none}
  .conversion-brand img{width:34px !important;height:41px !important}
  .conversion-nav{gap:9px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .conversion-nav::-webkit-scrollbar{display:none}
  .conversion-nav > a:not(.conversion-header-cta){font-size:11px}
  .sea-main{padding:18px 14px 40px !important}
  .sea-copy h1{font-size:27px !important}
  .sea-copy .lead{font-size:14.5px !important}
  .sea-form{padding:17px 15px !important}
}

/* Header des pages légales : même accès permanent au formulaire */
header.site-header .header-inner{
  min-height:58px !important;
  padding:8px 20px !important;
}
header.site-header .logo{font-size:17px !important}
header.site-header nav{gap:14px !important;align-items:center !important}
header.site-header nav a{font-size:12.5px !important}
header.site-header nav .nav-lead-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 12px;
  border-radius:10px;
  color:#1b2738 !important;
  background:linear-gradient(180deg,#f7e7b7 0%,#ddb85f 48%,#b98320 100%) !important;
  border:1px solid rgba(138,90,16,.38) !important;
  box-shadow:0 6px 14px rgba(138,90,16,.13);
}
@media(max-width:700px){
  header.site-header .header-inner{flex-direction:row !important;align-items:center !important;flex-wrap:wrap !important}
  header.site-header nav{width:100% !important}
  header.site-header nav .nav-lead-cta{margin-left:auto}
}


/* ---------- Final CTA menu: Formular jaune permanent ---------- */
.site-header-unified .nav .nav-lead-cta,
header.site-header nav .nav-lead-cta,
.conversion-header-cta{
  background:linear-gradient(180deg,#FFD969 0%,#F2BE35 55%,#D89A12 100%) !important;
  color:#17263A !important;
  border:1px solid #B87808 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 7px 16px rgba(164,104,6,.22) !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}
.site-header-unified .nav .nav-lead-cta:hover,
.site-header-unified .nav .nav-lead-cta:focus-visible,
header.site-header nav .nav-lead-cta:hover,
header.site-header nav .nav-lead-cta:focus-visible,
.conversion-header-cta:hover,
.conversion-header-cta:focus-visible{
  background:linear-gradient(180deg,#FFE184 0%,#F6C64B 55%,#DEA21A 100%) !important;
  color:#17263A !important;
  filter:none !important;
}