/* WordPress glue for the Base44 design (Tailwind build in site.css) */
html{scroll-behavior:smooth}
body{background-color:hsl(var(--background));font-family:var(--font-body);color:hsl(var(--foreground));line-height:1.6;margin:0}
.wp-site-blocks{padding:0!important}
.wp-site-blocks>*,.sf-content>*,.sf-content .wp-block-group>*{margin-block-start:0}
.sf-content a{text-decoration:none}
.sf-content p a.text-accent,.sf-prose a{color:hsl(var(--accent));text-decoration:underline;text-underline-offset:2px}
.sf-prose a.inline-flex{text-decoration:none}
.admin-bar header.fixed{top:32px}
@media (max-width:782px){.admin-bar header.fixed{top:46px}}
:where(.sf-content) h1,:where(.sf-content) h2,:where(.sf-content) h3,:where(.sf-content) h4{font-family:var(--font-heading)}
/* FAQ + mobile menu built on <details> (no JS needed) */
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details.sf-faq[open] .sf-chev{transform:rotate(180deg)}
.sf-chev{transition:transform .3s}
details.sf-menu>summary .sf-close{display:none}
details.sf-menu[open]>summary .sf-open{display:none}
details.sf-menu[open]>summary .sf-close{display:block}
.sf-menu-panel{position:absolute;left:0;right:0;top:100%}
/* Tables in guides */
.sf-prose table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.95rem;background:#fff;border-radius:1rem;overflow:hidden}
.sf-prose th,.sf-prose td{border:1px solid hsl(var(--border));padding:.6rem .8rem;text-align:left;vertical-align:top}
.sf-prose th{background:hsl(var(--secondary));font-family:var(--font-heading);color:hsl(var(--primary))}
.sf-table-wrap{overflow-x:auto}
/* Forminator styled like the Base44 booking form */
.sf-form .forminator-ui.forminator-custom-form{margin:0!important}
.sf-form .forminator-label{font-family:var(--font-body)!important;font-size:.875rem!important;font-weight:500!important;color:hsl(var(--foreground)/.8)!important;margin-bottom:.375rem!important}
.sf-form .forminator-input,.sf-form .forminator-textarea,.sf-form select.forminator-select2,.sf-form select,.sf-form .select2-selection{width:100%!important;padding:.75rem 1rem!important;border-radius:.75rem!important;background:hsl(var(--background))!important;border:1px solid hsl(var(--border))!important;font-family:var(--font-body)!important;font-size:1rem!important;color:hsl(var(--foreground))!important;box-shadow:none!important;min-height:auto!important}
.sf-form .forminator-input:focus,.sf-form .forminator-textarea:focus,.sf-form select:focus{border-color:hsl(var(--accent))!important;box-shadow:0 0 0 3px hsl(var(--accent)/.2)!important;outline:none!important}
.sf-form .forminator-textarea{min-height:90px!important;resize:none}
.sf-form .forminator-row{margin-bottom:1.25rem!important}
.sf-form .forminator-button-submit{width:100%!important;padding:1rem!important;border:0!important;border-radius:9999px!important;background:linear-gradient(90deg,hsl(var(--flame)),hsl(var(--gold)))!important;color:hsl(var(--primary))!important;font-family:var(--font-body)!important;font-weight:600!important;font-size:1rem!important;box-shadow:0 10px 15px -3px hsl(var(--flame)/.2)!important;cursor:pointer;transition:filter .3s}
.sf-form .forminator-button-submit:hover{filter:brightness(1.05)}
.sf-form .forminator-response-message{border-radius:.75rem!important}
.sf-form .forminator-error-message{font-size:.8rem!important}
/* Thank-you / 404 helpers */
.sf-center{text-align:center}
/* Before & After photos (/ac-replacement): show the whole photo at every width (photos are portrait 3:4; one is ~7:8). */
.sf-ba{max-width:52rem;margin-left:auto;margin-right:auto}
.sf-ba figure>div{aspect-ratio:3/4}
.sf-ba figure img{-o-object-fit:contain;object-fit:contain}
