/* ==========================================================================
   SITE-WIDE TYPE SYSTEM — the home page's mix on every page.
   Script eyebrow (Parisienne) · Cormorant bold headings · Cormorant subtitles ·
   page titles: regular soft word(s) + bold italic.  Loaded last on every page.
   ========================================================================== */

/* 1. Script eyebrows (were small UPPERCASE Lato labels / pills) */
.lw-script-eyebrow .elementor-heading-title,
.elementor-widget.lw-script-eyebrow .elementor-heading-title {
    display: inline-block;
    font-family: 'Parisienne', cursive !important;
    font-size: 31px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.15 !important;
    letter-spacing: -0.015em !important;
    text-transform: none !important;
    color: #0B0B0B;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin: 0;
}
/* on dark sections the eyebrow turns white, like "About Me" on the home page */
.pp-begin .lw-script-eyebrow .elementor-heading-title,
.jt-table .lw-script-eyebrow .elementor-heading-title,
.jar-custom-banner .lw-script-eyebrow .elementor-heading-title,
[data-lw-dark] .lw-script-eyebrow .elementor-heading-title { color: #FFFFFF !important; }

/* 2. Page titles: "Where" + "Healing Meets Creativity." */
.lw-page-title .elementor-heading-title {
    font-family: 'Cormorant', Garamond, serif !important;
    letter-spacing: -0.02em;
}
.lw-page-title .lw-soft { font-weight: 400; opacity: 0.6; }
.lw-page-title .lw-accent { font-style: italic; font-weight: 700; }
.jt-hero-name.lw-page-title .elementor-heading-title { font-weight: 700; }

/* 3. Section headings: Cormorant bold, home-page size */
.pp-h2 .elementor-heading-title,
.jt-section-title .elementor-heading-title {
    font-family: 'Cormorant', Garamond, serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
}
/* any section heading inside page content stays in the site's serif
   (fixes e.g. "Shop Categories" rendering in Helvetica) */
.elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-heading h1.elementor-heading-title,
.elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-heading h2.elementor-heading-title,
.elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-heading h3.elementor-heading-title {
    font-family: 'Cormorant', Garamond, serif !important;
}

/* 4. Subtitles under headings: Cormorant 20, like the home page */
.jt-hero-title .elementor-heading-title { font-weight: 500; }
.jt-hero-quote .elementor-heading-title,
.h2t-season-quote .elementor-heading-title,
.h2t-centered .elementor-heading-title { font-family: 'Cormorant', Garamond, serif; font-style: italic; }
.jar-shop-subtitle p,
.jt-overview-copy p { font-family: 'Cormorant', Garamond, serif; font-size: 20px; line-height: 1.5; color: #0B0B0B; }

/* 5. Rhythm: script eyebrow sits close to its heading */
.lw-script-eyebrow { margin-bottom: -4px; }

@media (max-width: 1024px) {
    .pp-h2 .elementor-heading-title, .jt-section-title .elementor-heading-title { font-size: 42px; }
}
@media (max-width: 767px) {
    .lw-script-eyebrow .elementor-heading-title { font-size: 27px !important; }
    .pp-h2 .elementor-heading-title, .jt-section-title .elementor-heading-title { font-size: 34px; }
    .jar-shop-subtitle p, .jt-overview-copy p { font-size: 18px; }
}