/* ============================================================
   Casa Idana CMS — the only styles the CMS adds to the approved design.
   Nothing here changes how the approved pages look. It covers:
     1. heading tags the owner may swap (H1–H6) keeping the designed look
     2. the per-section Advanced box (spacing / background / hide on mobile)
     3. the named band classes that replace bespoke inline styles
     4. the Content block, the FAQ question heading and the live enquiry form
   ============================================================ */

/* ---------- 1. swapped heading tags -------------------------------------
   site.css has been transformed so every heading selector also matches the
   designed class (.hx-h2 etc.). These zero-specificity stand-ins only replace
   the browser's own h1..h6 defaults for an element that is no longer a heading. */
:where(.hx-h1){font-size:2em;font-weight:700;margin:.67em 0}
:where(.hx-h2){font-size:1.5em;font-weight:700;margin:.83em 0}
:where(.hx-h3){font-size:1.17em;font-weight:700;margin:1em 0}
:where(.hx-h4){font-size:1em;font-weight:700;margin:1.33em 0}
:where(.hx-h5){font-size:.83em;font-weight:700;margin:1.67em 0}
:where(.hx-h6){font-size:.67em;font-weight:700;margin:2.33em 0}
/* a <b> swapped for a real heading (bedroom captions) keeps the <b> look */
.beds figcaption .hx-b,.hx-b{font:inherit;font-weight:600;display:block;margin:0}

/* ---------- 2. Advanced box: per-section spacing / background / visibility */
.sec-pad-sm{padding-block:clamp(40px,5vw,72px)}
.sec-pad-lg{padding-block:clamp(90px,10vw,150px)}
.sec-pad-top0{padding-top:0}
.sec-pad-bottom0{padding-bottom:0}
.sec-pad-none{padding-block:0}
.sec-bg-paper{background:var(--paper)}
.sec-bg-warm{background:var(--plaster-2)}
.sec-bg-white{background:#fff}
.sec-bg-dark{background:var(--night);color:#fff}
.sec-bg-dark h2,.sec-bg-dark h3,.sec-bg-dark h4{color:#fff}
@media (max-width:760px){.sec-hide-m{display:none!important}}

/* ---------- 3. named band classes (were inline styles in the HTML) ------- */
.sec--rule,.sec--band{background:var(--paper)}

/* ---------- 4. small design pieces the templates name ------------------- */
.quick__h{font-size:clamp(24px,2.6vw,34px)}

/* FAQ: the question is a real heading now, styled exactly like the <b> was */
.hl__row .faq-q{font-family:var(--display);font-size:20px;font-weight:500;display:block;
  margin:0 0 2px;color:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;
  text-wrap:wrap}
.hl__row span>p{margin:0}
.hl__row span>p+p{margin-top:.6em}

/* Meet-your-host: first paragraph sits tight under the name */
.host__grid>div>p:first-of-type{margin-top:6px}

/* Content block (owner-written copy, after the main sections) */
.prose{max-width:74ch;margin-inline:auto}
.prose--plain{max-width:none;margin-inline:0}
.prose h2{font-family:var(--display);font-size:clamp(24px,2.4vw,32px);font-weight:400;
  margin:1.4em 0 .5em;text-align:center}
.prose--plain h2{text-align:left}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:var(--display);font-size:21px;font-weight:500;margin:1.3em 0 .4em}
.prose h4{font-size:17px;font-weight:600;margin:1.2em 0 .3em}
.prose ul,.prose ol{margin:.8em 0 .8em 1.2em}
.prose li{margin-bottom:.35em;color:var(--muted)}
.prose blockquote{margin:1.2em 0;padding-left:var(--s4);border-left:2px solid var(--sand);
  font-family:var(--display);font-size:19px;color:var(--ink-2)}
.prose img{max-width:100%;height:auto;border-radius:2px;margin:1em 0}
.prose img.img-left{float:left;max-width:46%;margin:.3em 1.4em .8em 0}
.prose img.img-right{float:right;max-width:46%;margin:.3em 0 .8em 1.4em}
.prose img.img-center{display:block;margin-inline:auto}
.prose table{width:100%;border-collapse:collapse;margin:1em 0;font-size:15px}
.prose th,.prose td{border:1px solid var(--sand);padding:.5em .7em;text-align:left}
.prose hr{border:0;border-top:1px solid var(--sand);margin:1.6em 0}
.prose a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:620px){.prose img.img-left,.prose img.img-right{float:none;max-width:100%;margin:1em 0}}

/* Enquiry form: the live POST form replaces the static WhatsApp-only one */
.slip__ok,.slip__err{margin:0 0 var(--s4);padding:.8rem 1rem;border-radius:2px;font-size:15px}
.slip__ok{background:rgba(93,122,90,.14);border:1px solid rgba(93,122,90,.4)}
.slip__err{background:rgba(168,62,42,.1);border:1px solid rgba(168,62,42,.35)}
.slip__wa{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s3);font-size:14.5px}
.slip__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Draft marker in the admin preview */
.cms-draft{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#A83E2A;color:#fff;
  text-align:center;font-size:13px;padding:6px 10px;letter-spacing:.04em}