/* v4.9.29 — Fond suisse fixe démarrant sous l’action spéciale, sinon sous la navigation.
 * Objectifs :
 * - le décor ne commence pas derrière le bandeau spécial ;
 * - le décor est plus visible ;
 * - l’ancienne maison architecturale de l’accueil est supprimée.
 */
html{background-color:#fffaf8;}
body:not(.wp-admin){
  --dg-wallpaper-top:78px;
  background-color:#fffaf8;
  background-image:none;
  isolation:isolate;
}
body:not(.wp-admin)::before{
  content:"";
  display:block;
  position:fixed;
  left:0;
  right:0;
  top:var(--dg-wallpaper-top,78px);
  bottom:0;
  z-index:-1;
  pointer-events:none;
  background-color:#fffaf8;
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.15)),url('../img/site-suisse-2026-mobile-v4928.webp');
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
}
@media (min-width:801px){
  body:not(.wp-admin)::before{
    background-image:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.19)),url('../img/site-suisse-2026-desktop.webp');
    background-position:center top;
  }
}
/* Les grandes sections laissent apparaître le décor sans masquer les cartes. */
body:not(.wp-admin) #main > section:not(.cta-section):not(.dg-or-banner):not(.dg-mo-banner):not(.dgsb-home-promo){
  background-color:rgba(255,255,255,.30)!important;
  background-image:none!important;
}
body:not(.wp-admin) #main > .dgv2-quote-page,
body:not(.wp-admin) #main > .dgv2-faq-page{
  background-color:transparent!important;
}
/* Accueil : le hero doit laisser vivre le décor global. */
body:not(.wp-admin) .hero-v198,
body:not(.wp-admin) #main > section.hero-v198{
  background:transparent!important;
  background-color:transparent!important;
}
/* Suppression totale de l’ancienne maison architecturale de l’accueil. */
.hero-v198 .hero-house-v140,
.hero-v198 .hero-house-v138,
.hero-v198 .hero-visual-v198{
  display:none!important;
}
/* Devy reste présent, sans la maison derrière lui. */
.hero-v198 .hero-visual-v140{
  background:transparent!important;
}
.hero-v198 .hero-devy-v140{
  right:14%!important;
}
@media (max-width:800px){
  body:not(.wp-admin) #main > section:not(.cta-section):not(.dg-or-banner):not(.dg-mo-banner):not(.dgsb-home-promo){
    background-color:rgba(255,255,255,.34)!important;
  }
  body:not(.wp-admin)::before{
    background-position:center top;
  }
  .hero-v198 .hero-devy-v140{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    max-width:min(76vw,360px)!important;
  }
}
@media (prefers-reduced-transparency:reduce){
  body:not(.wp-admin) #main > section:not(.cta-section):not(.dg-or-banner):not(.dg-mo-banner):not(.dgsb-home-promo){
    background-color:rgba(255,255,255,.90)!important;
  }
}

/* v4.9.28 — Protège la lecture du hero sur l'image rehaussée.
   L'arrière-plan reste bien visible AUTOUR du texte et de Devy. */
@media (max-width:800px){
  body:not(.wp-admin) .hero-v198 .hero-layout-v198::before{
    content:"";
    display:block;
    grid-column:1;
    grid-row:1 / 4;
    align-self:stretch;
    margin:12px -8px 10px;
    background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.82));
    border:1px solid rgba(255,255,255,.78);
    border-radius:18px;
    box-shadow:0 12px 35px rgba(22,26,31,.045);
    pointer-events:none;
    z-index:0;
  }
  body:not(.wp-admin) .hero-v198 .hero-eyebrow-v198,
  body:not(.wp-admin) .hero-v198 .hero-title-v198,
  body:not(.wp-admin) .hero-v198 .hero-lead-v198{
    color:#111318;
    text-shadow:0 1px 0 rgba(255,255,255,.84);
  }
  body:not(.wp-admin) .hero-v198 .hero-eyebrow-v198{color:#c40000;}
  body:not(.wp-admin) .hero-v198 .hero-title-v198 span{color:#d00000;}
}
/* Le cadre des campagnes reste opaque, sans transparence parasite depuis le fond. */
body:not(.wp-admin) .dg-or-banner,
body:not(.wp-admin) .dg-mo-banner{
  isolation:isolate;
  border:1px solid rgba(145,66,91,.18);
  box-shadow:0 12px 32px rgba(40,30,35,.10);
}
body:not(.wp-admin) .dg-or-banner__copy{
  background-color:rgba(255,249,251,.90);
}
body:not(.wp-admin) .dg-mo-banner__copy{
  background-color:rgba(255,255,255,.91);
}


/* v4.9.29 — Correction du cadre "Outil gratuit" sur la page d’accueil.
 * Le module propose du texte clair sur un fond sombre. Le nouvel habillage ne
 * doit JAMAIS retirer ce fond (sinon blanc sur paysage quasi invisible).
 * La priorité haute protège la lecture même si le CSS du simulateur est chargé
 * dans un ordre différent par WordPress / les caches d'optimisation.
 */
body:not(.wp-admin) #main > section.dgsb-home-promo.dgv2-simulator-home-v4920 {
  background:linear-gradient(110deg,#181b21 0%,#303039 70%,#5d1a26 100%) !important;
  background-color:#1b1c23 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 14px 34px rgba(20,20,28,.16) !important;
  isolation:isolate;
}
body:not(.wp-admin) #main > section.dgsb-home-promo .dgsb-promo-kicker {
  color:#ffd3d8 !important;
}
body:not(.wp-admin) #main > section.dgsb-home-promo h2 {
  color:#ffffff !important;
  text-shadow:none !important;
}
body:not(.wp-admin) #main > section.dgsb-home-promo p {
  color:#f0f0f2 !important;
  text-shadow:none !important;
}
body:not(.wp-admin) #main > section.dgsb-home-promo .dgsb-promo-button {
  color:#ffffff !important;
  background:#c51d35 !important;
}
body:not(.wp-admin) #main > section.dgsb-home-promo .dgsb-promo-button:hover {
  background:#a7142b !important;
}
