/* Noia — CTA sitewide. Visual source: Home .cta-v3. Scoped fallback for pages that do not load homepage-v2.css. */
.sitewide-cta {
  --cta-x: 50%;
  --cta-y: 50%;
  --cta-reveal-size: clamp(170px, 17vw, 300px);
  --cta-page-pad: var(--page-pad, clamp(18px, 2.5vw, 42px));
  --cta-ease: var(--ease-premium, cubic-bezier(.22, 1, .36, 1));
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #171310;
  color: #fffdf8;
  text-align: center;
  isolation: isolate;
  box-sizing: border-box;
}
.sitewide-cta *, .sitewide-cta *::before, .sitewide-cta *::after { box-sizing: border-box; }
.sitewide-cta .cta-v3-bg { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.sitewide-cta .cta-v3-bg-base,
.sitewide-cta .cta-v3-bg-reveal { position:absolute; inset:-2.5%; width:105%; height:105%; max-width:none; object-fit:cover; object-position:center; will-change:transform,filter,opacity; }
.sitewide-cta .cta-v3-bg-base { transform:scale(1.045); filter:blur(5.5px) grayscale(.10) saturate(.84) contrast(1.06) brightness(.66); opacity:.98; }
.sitewide-cta .cta-v3-bg-reveal {
  transform:scale(1.025); filter:blur(1.2px) grayscale(.04) saturate(.94) contrast(1.07) brightness(.90); opacity:0;
  -webkit-mask-image:radial-gradient(circle var(--cta-reveal-size) at var(--cta-x) var(--cta-y),#000 0%,rgba(0,0,0,.98) 43%,rgba(0,0,0,.72) 62%,rgba(0,0,0,.18) 82%,transparent 100%);
  mask-image:radial-gradient(circle var(--cta-reveal-size) at var(--cta-x) var(--cta-y),#000 0%,rgba(0,0,0,.98) 43%,rgba(0,0,0,.72) 62%,rgba(0,0,0,.18) 82%,transparent 100%);
  transition:opacity .55s var(--cta-ease);
}
.sitewide-cta.is-pointer-active .cta-v3-bg-reveal { opacity:.96; }
.sitewide-cta .cta-v3-bg-shade { position:absolute; inset:0; z-index:2; background:radial-gradient(circle calc(var(--cta-reveal-size) * 1.28) at var(--cta-x) var(--cta-y),rgba(20,16,13,.12) 0%,rgba(20,16,13,.26) 50%,rgba(20,16,13,.53) 100%),linear-gradient(180deg,rgba(19,15,13,.18) 0%,rgba(19,15,13,.33) 100%); pointer-events:none; }
.sitewide-cta .cta-v3-bg-grain { position:absolute; inset:-24%; z-index:3; background-image:url("../../image/image%20%C3%A0%20utiliser%20en%20prioriter/textures/Texturelabs_Grunge_193XL.jpg"); background-size:min(920px,72vw) auto; background-position:center; opacity:.11; mix-blend-mode:soft-light; filter:contrast(1.34); pointer-events:none; transform:rotate(.001deg); }
.sitewide-cta .cta-v3-content { position:relative; z-index:4; padding:clamp(64px,9vh,104px) var(--cta-page-pad); text-shadow:0 2px 22px rgba(18,14,12,.30); }
.sitewide-cta .micro-label { display:inline-flex; align-items:center; gap:.55rem; margin-bottom:1.1rem; font-family:var(--f-body,'Roboto',Arial,sans-serif); font-size:10px; font-weight:600; line-height:1; letter-spacing:.13em; text-transform:uppercase; color:rgba(255,253,248,.82); }
.sitewide-cta .micro-label::before { content:''; width:5px; height:5px; border-radius:50%; background:#c95135; flex:0 0 auto; }
.sitewide-cta .display-sans { margin:0; max-width:940px; font-family:var(--f-display,'Roboto',Arial,sans-serif); font-size:clamp(46px,6.5vw,94px); font-weight:500; line-height:.94; letter-spacing:-.055em; text-transform:uppercase; text-wrap:balance; color:#fffdf8; }
.sitewide-cta .display-sans em { font-family:var(--f-editorial,'Newsreader',Georgia,serif); font-weight:400; font-style:italic; text-transform:none; letter-spacing:-.025em; }
.sitewide-cta .cta-v3-actions { display:flex; justify-content:center; align-items:center; gap:1.5rem; flex-wrap:wrap; margin-top:2.2rem; }
.sitewide-cta .btn-primary,
.sitewide-cta .btn-line { display:inline-flex; align-items:center; justify-content:center; gap:.75rem; min-height:48px; padding:0 20px; border:1px solid transparent; border-radius:999px; font-family:var(--f-body,'Roboto',Arial,sans-serif); font-size:12px; font-weight:600; line-height:1; text-decoration:none; transition:transform .45s var(--cta-ease),background .35s ease,color .35s ease,border-color .35s ease; }
.sitewide-cta .btn-primary { background:#AE412C; color:#F5EFE5 !important; }
.sitewide-cta .btn-primary:hover { background:#5A3C2C; transform:translateY(-2px); }
.sitewide-cta .btn-line { min-height:auto; padding:0 0 .4rem; border-radius:0; border-bottom-color:currentColor; color:#F5EFE5 !important; }
.sitewide-cta .btn-line:hover { transform:translateY(-2px); }
@media (max-width: 640px) { .sitewide-cta .display-sans { font-size:clamp(42px,13vw,60px); } }
@media (hover:none),(pointer:coarse) { .sitewide-cta .cta-v3-bg-reveal { display:none; } .sitewide-cta .cta-v3-bg-shade { background:linear-gradient(180deg,rgba(19,15,13,.32) 0%,rgba(19,15,13,.50) 100%),radial-gradient(circle at 50% 45%,rgba(20,16,13,.10) 0%,rgba(20,16,13,.34) 70%); } }

/* 2026-09-24 — CTA telephone sans fond, y compris en Light et au survol. */
html[data-theme="light"] body .sitewide-cta .cta-v3-actions a.btn-line.btn-line--light[href^="tel:"],
html[data-theme="light"] body .sitewide-cta .cta-v3-actions a.btn-line.btn-line--light[href^="tel:"]:is(:hover,:focus-visible),
.sitewide-cta .cta-v3-actions a.btn-line.btn-line--light[href^="tel:"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}