/* SofieFlat – styles communs ajoutés (FAQ articles, bouton WhatsApp, bandeau cookies) */

/* FAQ des articles : copie du style des fiches logements (Locations-Charleroi.css),
   limitée à section.lesquestions pour ne pas toucher aux encadrés p.lesquestions */
section.lesquestions{border:1px solid #787878;padding:20px;max-width:65%;display:inline-block;color:#787878;border-radius:15px;background:#f8f8f8;line-height:1.6;font-size:16px}
section.lesquestions h2,section.lesquestions h3{color:#787878;margin-top:0;line-height:1.3;font-weight:600}
section.lesquestions h2{font-size:20px}
section.lesquestions h3{font-size:17px}
@media (max-width:767px){section.lesquestions{padding:5px;max-width:90%}}
@media (max-width:575px){section.lesquestions{padding:5px;max-width:80%}}

/* Titre des FAQ, hors cadre, même style que les titres de section Nicepage (ex. « Déguster et voyager ») */
.sf-faq-titre{font-family:Oswald,sans-serif;font-weight:700;font-size:48px;line-height:1.1;color:#f09319;text-align:center;margin:32px auto 20px}
.sf-faq-titre span{color:#002559}
@media (max-width:575px){.sf-faq-titre{font-size:24px}}

/* Titres de section des pages Info/Réception : jamais plus larges que les cadres de texte (.lesquestions) */
h2.sf-titre,.sf-faq-titre{max-width:65%;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
@media (max-width:1199px){h2.sf-titre,.sf-faq-titre{font-size:38px!important;line-height:1.15!important}}
@media (max-width:991px){h2.sf-titre,.sf-faq-titre{font-size:32px!important}}
@media (max-width:575px){h2.sf-titre,.sf-faq-titre{font-size:24px!important}}
@media (max-width:767px){h2.sf-titre,.sf-faq-titre{max-width:90%}}
@media (max-width:575px){h2.sf-titre,.sf-faq-titre{max-width:80%}}

/* Espacement identique autour de tous les titres de section (pages Info / Réception) */
h2.sf-titre,.sf-faq-titre{margin-top:calc(64px + var(--sf-at,0px))!important;margin-bottom:calc(24px + var(--sf-ab,0px))!important}
h1 + h2.sf-titre{margin-top:32px!important}
h2.sf-titre + *,.sf-faq-titre + *{margin-top:0!important}
:has(+ h2.sf-titre),:has(+ .sf-faq-titre){margin-bottom:0!important}
.u-sheet:first-child > h2.sf-titre:first-child{margin-top:32px!important}
@media (max-width:575px){h2.sf-titre,.sf-faq-titre{margin-top:calc(40px + var(--sf-at,0px))!important;margin-bottom:calc(16px + var(--sf-ab,0px))!important}h1 + h2.sf-titre{margin-top:24px!important}}

/* Cadres et titres placés dans un .u-sheet (1140 px) : même largeur que sur les autres pages (65 % de l'écran) */
.u-sheet.sf-large > p.lesquestions,.u-sheet.sf-large > section.lesquestions,.u-sheet.sf-large > h2.sf-titre,.u-sheet.sf-large > .sf-faq-titre{max-width:min(65vw,100%)}
@media (max-width:767px){.u-sheet.sf-large > p.lesquestions,.u-sheet.sf-large > section.lesquestions,.u-sheet.sf-large > h2.sf-titre,.u-sheet.sf-large > .sf-faq-titre{max-width:min(90vw,100%)}}
@media (max-width:575px){.u-sheet.sf-large > p.lesquestions,.u-sheet.sf-large > section.lesquestions,.u-sheet.sf-large > h2.sf-titre,.u-sheet.sf-large > .sf-faq-titre{max-width:min(80vw,100%)}}

/* Bouton WhatsApp (fiches logements) */
.sf-whatsapp{position:fixed;right:20px;bottom:20px;z-index:9998;display:flex;align-items:center;gap:8px;background:#25D366;color:#fff!important;text-decoration:none!important;font:600 15px/1 'Open Sans',Arial,sans-serif;padding:12px 18px 12px 14px;border-radius:30px;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s}
.sf-whatsapp:hover,.sf-whatsapp:focus{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.sf-whatsapp svg{width:26px;height:26px;fill:#fff;flex:0 0 auto}
@media (max-width:600px){.sf-whatsapp{right:14px;bottom:14px;padding:14px;border-radius:50%}.sf-whatsapp span{display:none}}

/* Bandeau cookies */
.sf-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:720px;margin:0 auto;background:#002559;color:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 6px 24px rgba(0,0,0,.3);font:14px/1.5 'Open Sans',Arial,sans-serif;display:none}
.sf-cookie.show{display:block}
.sf-cookie p{margin:0 0 12px}
.sf-cookie .sf-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.sf-cookie button{cursor:pointer;border:0;border-radius:6px;padding:9px 18px;font:600 14px 'Open Sans',Arial,sans-serif}
.sf-cookie .sf-ok{background:#f09319;color:#fff}
.sf-cookie .sf-no{background:transparent;color:#fff;border:1px solid #fff}
.sf-cookie-link{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.sf-cookie.show ~ .sf-whatsapp{bottom:150px}
@media print{.sf-whatsapp,.sf-cookie{display:none!important}}