/* ==========================================================================
   MALABAR — CONSISTENT MOBILE TYPOGRAPHY

   Shared hierarchy for ordinary interface/content typography on phones:
   - regular reading copy: 15 / 20
   - back / small navigation: 12 / 16
   - page + single titles: 27 / 29
   - ordinary section headings: 22 / 24

   Card metadata, buttons, menu items and deliberately oversized editorial
   display typography keep their component-specific sizing.
   ========================================================================== */

:root {
    --malabar-mobile-copy-size: 15px;
    --malabar-mobile-copy-line: 20px;
    --malabar-mobile-back-size: 12px;
    --malabar-mobile-back-line: 16px;
    --malabar-mobile-title-size: 27px;
    --malabar-mobile-title-line: 29px;
    --malabar-mobile-section-title-size: 22px;
    --malabar-mobile-section-title-line: 24px;
}

@media (max-width: 800px) {
    /* ------------------------------------------------------------------
       BACK / SMALL PAGE NAVIGATION
       ------------------------------------------------------------------ */
    .malabar-product-single__back,
    .malabar-project-single__hero-topline,
    .malabar-project-single__hero-topline-mobile,
    .malabar-editorial-back,
    .malabar-lifestyle-single-article__back,
    .malabar-artistic-single__back {
        font-size: var(--malabar-mobile-back-size) !important;
        line-height: var(--malabar-mobile-back-line) !important;
    }

    /* ------------------------------------------------------------------
       PRIMARY PAGE / SINGLE TITLES
       ------------------------------------------------------------------ */
    .malabar-product-single__title,
    .malabar-project-single__hero-title,
    .malabar-project-single__hero-location,
    .malabar-projects-catalog__hero-title,
    .malabar-products-catalog__title,
    .malabar-lifestyle-catalog__title,
    .malabar-editorial-archive__header h1,
    .malabar-artistic-blog-listing__header h1,
    .malabar-artistic-blog-archive__header h1,
    .malabar-editorial-article__header h1,
    .malabar-lifestyle-single-article__copy h1,
    .malabar-artistic-single__header h1,
    .malabar-faqs__title,
    .malabar-press__title,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > h1,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > .container > [class*="col-"] > h1 {
        font-size: var(--malabar-mobile-title-size) !important;
        line-height: var(--malabar-mobile-title-line) !important;
        letter-spacing: -0.025em !important;
    }

    /* ------------------------------------------------------------------
       ORDINARY SECTION HEADINGS
       ------------------------------------------------------------------ */
    .malabar-projects-catalog__heading,
    .malabar-products-catalog__root-title,
    .malabar-products-catalog__section-title,
    .malabar-product-related__title,
    .malabar-product-faq__title,
    .malabar-product-project__title,
    .malabar-project-other__title,
    .malabar-materials-section__title,
    .titulo-materials h4,
    .malabar-editorial-related > h2,
    .malabar-artistic-single__related > h2,
    .malabar-find-us__title,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > h2,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > .container > [class*="col-"] > h2 {
        font-size: var(--malabar-mobile-section-title-size) !important;
        line-height: var(--malabar-mobile-section-title-line) !important;
        letter-spacing: -0.02em !important;
    }

    /* ------------------------------------------------------------------
       ORDINARY READING COPY — 15px / 20px THROUGHOUT
       ------------------------------------------------------------------ */

    /* Generic / WPBakery content pages: Privacy, Terms, etc. */
    .malabar-page-content .wpb_text_column > .wpb_wrapper > p,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > ul,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > ol,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > blockquote,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > .container > [class*="col-"] > p,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > .container > [class*="col-"] > ul,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > .container > [class*="col-"] > ol,
    .malabar-page-content .wpb_text_column > .wpb_wrapper > .container > [class*="col-"] > blockquote,
    .malabar-page-content .malabar-richtext,
    .malabar-page-content .malabar-richtext p,
    .malabar-page-content .malabar-richtext li,

    /* Projects. */
    .malabar-project-single__hero-description,
    .malabar-project-single__description,
    .malabar-project-single__description p,
    .malabar-project-single__description li,
    .malabar-project-single__detail-row dt,
    .malabar-project-single__detail-row dd,
    .malabar-projects-catalog__hero-description,
    .malabar-projects-catalog__intro-copy,
    .malabar-projects-catalog__intro-copy p,

    /* Products. */
    .malabar-product-single__description,
    .malabar-product-single__description p,
    .malabar-product-single__description li,
    .malabar-product-single__specification-row,
    .malabar-product-single__specification-label,
    .malabar-product-single__specification-value,
    .malabar-product-faq__answer,
    .malabar-product-faq__answer p,

    /* About. */
    .malabar-about__story-text,
    .malabar-about__story-text p,
    .malabar-about__story-text li,
    .malabar-about__collab-text,
    .malabar-about__collab-text p,
    .malabar-about__collab-text li,
    .malabar-about__pillar-text,
    .malabar-about__pillar-text p,
    .malabar-about__pillar-text li,
    .malabar-about__history-text,
    .malabar-about__history-text p,
    .malabar-about__history-text li,

    /* Technique / Materials. */
    .malabar-technique-hero__text,
    .malabar-technique-hero__text p,
    .malabar-technique-panel__text,
    .malabar-technique-panel__text p,
    .malabar-materials-category-description,
    .malabar-materials-category-description p,
    .malabar-materials-section__description,
    .malabar-materials-section__description p,
    .titulo-materials p,

    /* Editorial / Lifestyle / Artistic Blog. */
    .malabar-editorial-card__excerpt,
    .malabar-editorial-article__content,
    .malabar-editorial-article__content p,
    .malabar-editorial-article__content li,
    .malabar-lifestyle-single-article__content,
    .malabar-lifestyle-single-article__content p,
    .malabar-lifestyle-single-article__content li,
    .malabar-artistic-single__content .wpb_text_column,
    .malabar-artistic-single__content .wpb_text_column .wpb_wrapper,
    .malabar-artistic-single__content .wpb_text_column p,
    .malabar-artistic-single__content .wpb_text_column li,

    /* Art Lovers ordinary body copy. */
    .malabar-alg-hero__text,
    .malabar-alg-hero__text p,
    .malabar-alg-richtext,
    .malabar-alg-richtext p,
    .malabar-alg-richtext li,
    .malabar-alg-final__content p {
        font-size: var(--malabar-mobile-copy-size) !important;
        line-height: var(--malabar-mobile-copy-line) !important;
    }

    /* Keep list item text on the same scale when the size lives on the list. */
    .malabar-page-content .wpb_text_column li,
    .malabar-editorial-article__content li,
    .malabar-lifestyle-single-article__content li,
    .malabar-artistic-single__content .wpb_text_column li {
        font-size: var(--malabar-mobile-copy-size) !important;
        line-height: var(--malabar-mobile-copy-line) !important;
    }
}