/*
 * "Local" (business): warm and welcoming for a place people visit. A friendly serif, cream page, rounded
 * service cards, the opening hours on a soft card, a terracotta closing panel and a deep brown footer.
 */
:root { --sx-heading-weight: 600; --sx-heading-tracking: -.015em; }

body[data-pf-site] .sx-hero { background: color-mix(in srgb, var(--primary-color) 9%, var(--pf-bg, #fbf6ef)) !important; }
body[data-pf-site] .sx-kicker { color: var(--primary-color) !important; font-size: 13px; font-weight: 600; letter-spacing: .14em; }
body[data-pf-site] .sx-btn { border-radius: 999px !important; padding: 15px 30px !important; }

body[data-pf-site] .sx-work-caption strong { font-family: var(--pf-heading-font, serif); font-size: 20px; font-weight: 600; }
body[data-pf-site] .sx-work-media { box-shadow: 0 18px 40px rgba(42, 29, 20, .08); }

body[data-pf-site] .sx-hours-grid { padding: clamp(24px, 4vw, 48px); border-radius: 26px; background: #ffffff; box-shadow: 0 18px 50px rgba(42, 29, 20, .06); }
body[data-pf-site] .sx-hours-phone { color: var(--primary-color); }

body[data-pf-site] .sx-contact .sx-wrap { border-radius: 26px !important; background: var(--primary-color) !important; }
body[data-pf-site] .sx-contact-way { border-color: rgba(255, 255, 255, .4) !important; border-radius: 16px !important; }

body[data-pf-site] footer,
body[data-pf-site] footer .footer_top,
body[data-pf-site] footer .bottom_footer { background: #2a1d14 !important; }
body[data-pf-site] footer,
body[data-pf-site] footer a,
body[data-pf-site] footer p,
body[data-pf-site] footer li,
body[data-pf-site] footer .widget_title { color: #f3e7d8 !important; }
body[data-pf-site] footer .footer_logo img { filter: brightness(0) invert(1); }

/* The small label on the closing panel stays readable on its colour. */
body[data-pf-site] .sx-contact .sx-kicker { color: rgba(255, 255, 255, .72) !important; }