/* 
====================================================================
    BELLA RIVA — TYPOGRAPHY SYSTEM OVERRIDE (BASED ON AUDIT)
    Target Pages: About, Menu, Booking, Contact
====================================================================
*/

:root {
    --font-primary: 'Josefin Sans', sans-serif;           /* Body, H1, H2, H4, nav, buttons */
    --font-secondary: 'Oswald', sans-serif;               /* H5, menu titles, testimonials, category names, section titles */
    --font-accent: 'Tangerine', serif;                    /* H3, decorative headings, accent text */
    --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Base Body Override */
body, p, .normal__text p {
    font-family: var(--font-primary) !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

/* Primary Font Group (Josefin Sans) */
h1, h2, h4,
.main____title h1,
.main-menu .navigation > li > a,
.mobile-menu .navigation li > a,
.theme-btn-one, 
.theme-btn-two,
input, button, select, textarea,
.nice-select, .nice-select .current, .nice-select .list li,
.breadcrumb,
.price-tag,
.footer___title__text p,
.footer__menu ul li a,
.contact-info ul li,
.contact-info ul li a,
.page-title .title h1,
.team__block__bottom span,
.team___info span,
.name__price__shrtd li p,
.sidebar-text p {
    font-family: var(--font-primary) !important;
}

/* Secondary Font Group (Oswald) */
h5,
.menu-title,
.testimonial,
.testimonial-block-one .inner-box .text p, /* If testimonials use paragraphs */
.product-title,
.category-name,
.section-title,
.feature-text,
.sub____title, /* Typically section subtitles/titles */
.team__block__bottom h5,
.team___info h5,
.contact-info h4,
.sidebar-text h4,
.sidebar-from h4,
.service-block-one .inner-box h4 {
    font-family: var(--font-secondary) !important;
    letter-spacing: 0.05em; /* Oswald usually needs a little tracking */
}

/* Accent/Decorative Font Group (Tangerine) */
h3,
.special-heading,
.fancy-title {
    font-family: var(--font-accent) !important;
}

/* Typography Fine-Tuning */
h1 { font-size: 56px; line-height: 1.2; font-weight: 700; }
h2 { font-size: 48px; line-height: 1.25; font-weight: 700; }
h3 { font-size: 42px; line-height: 1.2; font-weight: 700; } /* Tangerine needs to be larger */
h4 { font-size: 24px; line-height: 1.35; font-weight: 600; }
h5 { font-size: 20px; line-height: 1.4; font-weight: 500; }

.sub____title {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Navigation */
.main-menu .navigation > li > a {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Buttons */
.theme-btn-one, 
.theme-btn-two {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 14px;
}

/* Page Title Banner */
.page-title .title h1 {
    font-weight: 700;
    font-size: 56px;
    letter-spacing: 0.05em;
    text-transform: capitalize;
}

/* Menu Page Items */
.name__price__shrtd li .name__price li {
    font-family: var(--font-primary) !important;
    font-weight: 600;
    font-size: 22px;
}

/* Force inherit to avoid breaking icons */

/* Actually, we should avoid applying the fonts to spans generally */

/* 
====================================================================
    PAGE-SPECIFIC OVERRIDES: ABOUT BELLA
====================================================================
*/

/* Tweak testimonial/quote text in the slider for better readability */
.page-about-bella .team__text__block__one .normaol__text p {
    font-size: 18px;
    font-style: italic;
    line-height: 1.6;
}

/* Ensure the main section headings have a balanced hierarchy */
.page-about-bella .about__us .main____title h1 {
    font-size: 48px;
    line-height: 1.3;
}

.page-about-bella .team-section .main____title h1 {
    font-size: 42px;
}

/* Ensure staff names and roles are properly distinct */
.page-about-bella .team__block__bottom h5 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.page-about-bella .team__block__bottom span {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--theme-color, #c19b76); /* Fallback to standard theme color if var is missing */
}

/* 
====================================================================
    PAGE-SPECIFIC OVERRIDES: BOOKING & CONTACT BELLA
====================================================================
*/

/* Shared Form Adjustments for clarity */
.page-booking-bella input, 
.page-booking-bella textarea, 
.page-booking-bella .nice-select,
.page-contact-bella input, 
.page-contact-bella textarea {
    font-size: 16px;
}

.page-booking-bella .theme-btn-one,
.page-contact-bella .theme-btn-one {
    font-size: 15px;
    letter-spacing: 0.1em;
}

/* ---------------- Booking Bella ---------------- */
.page-booking-bella .left__content h5 {
    font-size: 32px; 
    line-height: 1.3;
    margin-top: 5px;
}

.page-booking-bella .about__us__two .main____title h1 {
    font-size: 48px;
    line-height: 1.3;
}

/* ---------------- Contact Bella ---------------- */
.page-contact-bella .address__text span {
    font-family: var(--font-secondary) !important;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

.page-contact-bella .contact__title h1 {
    font-size: 48px;
    line-height: 1.3;
}