/* devisgratuits.ch 4.9.31 — Fond Trouver un pro + FAQ mobile.
 * Loaded after page-specific CSS and site wallpaper CSS. */
/* "Trouver un pro" : remove the formerly dominant architectural illustration,
 * including its .directory-hero-with-architecture specificity and old cached HTML.
 * Keep Devy and the site-wide fixed Swiss wallpaper behind the page. */
body:not(.wp-admin) #main.directory-page > section.directory-hero-with-architecture:not(.cta-section):not(.dg-or-banner):not(.dg-mo-banner):not(.dgv2-simulator-home-v4920){
  background-color:rgba(255,255,255,.18)!important;
  background-image:none!important;
}
body:not(.wp-admin) #main.directory-page .directory-hero-with-architecture .directory-architecture-bg,
body:not(.wp-admin) #main.directory-page .directory-hero-with-architecture .directory-architecture-bg img{
  display:none!important;
  background:none!important;
}
/* Main container and hero must not paint a white opaque layer over the fixed scene. */
body:not(.wp-admin) #main.directory-page,
body:not(.wp-admin) #main.directory-page > .directory-hero-with-architecture{
  background-image:none!important;
}
/* FAQ : correct the two-column layout on phones/tablets; previously its left
 * column collapsed to a few pixels beside the 300px search panel. */
@media (max-width:900px){
  body:not(.wp-admin) #main.faq-page-v130 .faq-hero-grid-v130{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  body:not(.wp-admin) #main.faq-page-v130 .faq-hero-grid-v130 > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body:not(.wp-admin) #main.faq-page-v130 .faq-hero-v130 h1{
    font-size:clamp(32px,8.5vw,48px)!important;
    line-height:1.1!important;
    max-width:100%!important;
    overflow-wrap:break-word;
  }
  body:not(.wp-admin) #main.faq-page-v130 .faq-lead-v130{
    font-size:16px!important;
    line-height:1.55!important;
    max-width:100%!important;
    overflow-wrap:break-word;
  }
  body:not(.wp-admin) #main.faq-page-v130 .faq-search-wrap-v130{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body:not(.wp-admin) #main.faq-page-v130 .faq-search-v130,
  body:not(.wp-admin) #main.faq-page-v130 .faq-search-v130 input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:600px){
  body:not(.wp-admin) #main.faq-page-v130 .faq-hero-v130{
    padding:36px 0 36px!important;
  }
  body:not(.wp-admin) #main.faq-page-v130 .faq-hero-grid-v130{
    gap:20px!important;
  }
  body:not(.wp-admin) #main.faq-page-v130 .faq-search-wrap-v130{
    padding:18px!important;
  }
  body:not(.wp-admin) #main.faq-page-v130 .faq-content-v130{
    padding-top:38px!important;
  }
}