/* Client style overrides */
:root {
    --bg: #ffe4ed;
    --panel: #ffe4ed;
    --card: #ffe4ed;
    --text: #000000;
    --muted: #737373;
    --link: #484848;
    --link-hover: #000000;
    --accent: rgba(72, 72, 72, 0.45);
    --accent-solid: #484848;
    --accent-text: #ffffff;
    --lightbox-overlay: rgba(72, 72, 72, 0.92);
    --lightbox-meta: rgba(72, 72, 72, 0.68);
    --primary: transparent;
    --primary-hover: #000000;
    --button: transparent;
    --button-border: #000000;
    --button-text: #000000;
    --button-hover-border: #000000;
    --button-hover-text: #ffffff;
    --element: #000000;
    --border: rgba(0, 0, 0, 0.45);
    --line: rgba(0, 0, 0, 0.45);
    --form-background: transparent;
    --form-text: #000000;
    --form-muted: rgba(0, 0, 0, 0.68);
    --form-placeholder: rgba(0, 0, 0, 0.56);
    --sale-badge-radius: 999px;
    --font-main: 'Nunito', sans-serif;
    --font-card-product: 'The Sidestream', cursive;
    --font-card-product-size: clamp(1.2rem, 1.02rem + 0.85vw, 1.7rem);
    --font-header: 'GFS Didot', serif;
    --font-h1: 'The Sidestream', cursive;
}

body, input, button, select, textarea, table { font-family: var(--font-main); }
body, p, li, .page-content, .post-content, .product-description, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description), :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > p, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > blockquote, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > ul > li, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > ol > li { font-size: 16px; line-height: 1.75; text-align: left; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-header); }
.card .shortcode-media-card__title, .gallery-page__card span, .shortcode-product-card:not(.shortcode-media-card) .shortcode-product-card__content h3, .shortcode-page-embed__content h2, .shortcode-post-card__content h3, .shortcode-post-category__content h2, .shortcode-product-category__content h2, .product-bundle-card h3, .product-bundle-item__details strong, .related-product-card h3, .cart-product-title-link { font-size: var(--font-card-product-size); }
h1, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > h1 { color: #000000; font-family: 'The Sidestream', cursive; font-size: 3.25rem; font-weight: 400; font-style: normal; line-height: 1.08; text-align: center; }
h2, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > h2 { color: #000000; font-family: 'The Sidestream', cursive; font-size: 2.35rem; font-weight: 400; font-style: italic; line-height: 1.12; text-align: left; }
h3, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > h3 { color: #000000; font-family: 'The Sidestream', cursive; font-size: 1.75rem; font-weight: 400; font-style: italic; line-height: 1.18; text-align: left; }
h4, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > h4 { color: #000000; font-family: 'The Sidestream', cursive; font-size: 1.25rem; font-weight: 400; font-style: italic; line-height: 1.25; text-align: left; }
h5, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > h5 { color: #000000; font-family: 'The Sidestream', cursive; font-size: 1rem; font-weight: 400; font-style: italic; line-height: 1.3; text-align: left; }
h6, :is(.product-full-description, .product-excerpt, .page-excerpt, .post-excerpt, .post-content, .page-content, .intro_text, .vision_text, .booking-page__description, .event-page__description) > h6 { color: #000000; font-family: 'Inter', sans-serif; font-size: .85rem; font-weight: 700; font-style: normal; line-height: 1.35; text-align: left; }
.shortcode-accordion-item summary, .shortcode-tabs__button { font-family: var(--font-main); font-size: 16px; font-weight: 700; font-style: normal; line-height: 1.75; }
a:hover, a:focus { color: var(--link-hover); }
html { color-scheme: light; }
body, .header, .cms-menu-wrap-header, .cms-menu-wrap-header .cms-submenu { background-color: var(--bg); color: var(--text); }
hr, fieldset, table, th, td { border-color: var(--line); }
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea { background-color: var(--form-background); border-color: var(--line); color: var(--form-text); }
input::placeholder, textarea::placeholder { color: var(--form-placeholder); opacity: 1; }
.frontend-form-field-label .muted { color: var(--form-muted); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--form-text); }
select option { background: var(--panel); color: var(--form-text); }
.shortcode-surface .social-links--buttons .shortcode-social-button { background: var(--shortcode-surface-button-background, var(--button)); border-color: var(--shortcode-surface-button-border, var(--button-border, var(--text))); color: var(--shortcode-surface-button-text, var(--button-text, var(--text))); }
.shortcode-surface .social-links--buttons .shortcode-social-button:hover, .shortcode-surface .social-links--buttons .shortcode-social-button:focus { background: var(--shortcode-surface-button-hover-background, var(--primary-hover)); border-color: var(--shortcode-surface-button-hover-border, var(--button-hover-border, var(--primary-hover))); color: var(--shortcode-surface-button-hover-text, var(--button-hover-text, var(--bg))); }
