/* Morlix shared internal typography.
   Existing intentionally late cascade layer for internal pages.
   The homepage is deliberately outside .morlix-page--internal. */

:where(html body.morlix-adelux-theme.morlix-page--internal) {
    --morlix-internal-title-size: 44px;
    --morlix-section-title-size: 42px;
    --morlix-content-title-size: clamp(31px, 3.3vw, 54px);
    --morlix-card-title-size: clamp(24px, 2.2vw, 38px);
    --morlix-hero-lead-size: clamp(16px, 1.06vw, 20px);
    --morlix-section-lead-size: clamp(15px, .92vw, 18px);
    --morlix-body-size: clamp(15px, .92vw, 17px);
    font-family: Manrope, Arial, sans-serif;
}

/* Ordinary product-page H1. The CMS wordmark hero is an intentional exception. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-page-title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-features-hero-photo__title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-hero__title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-design-studio-hero h1,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-hero h1 {
    font-family: Manrope, Arial, sans-serif;
    font-size: var(--morlix-internal-title-size);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -.035em;
    word-spacing: .02em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

/* Standard internal section H2, derived from the current homepage title role. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-section-title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-section-heading,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-composition__title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-workflow__title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-pricing__title {
    display: block;
    max-width: clamp(560px, 43vw, 860px);
    margin: 0;
    padding: 0;
    font-family: Manrope, Arial, sans-serif;
    font-size: var(--morlix-section-title-size);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -.035em;
    word-spacing: .02em;
    text-transform: none;
    text-wrap: balance;
    overflow-wrap: anywhere;
    text-shadow: none;
}

:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-section-heading--light {
    color: #f4fbfd;
}

:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-workflow__title > span {
    display: inline;
}

/* Standard content/subsection title. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-content-title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-composition__level-title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-workflow__step-title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__option h3,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__comparison-head h3 {
    font-family: Manrope, Arial, sans-serif;
    font-size: var(--morlix-content-title-size);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.045em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

/* Dense card-title role. Large storytelling H3s remain composition-specific. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-card h3,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-template-card__body h3,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-pricing__card h3 {
    font-family: Manrope, Arial, sans-serif;
    font-size: var(--morlix-card-title-size);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.035em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

/* Ordinary product-hero lead. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-page-hero__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-hero__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-design-studio-hero__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-hero__lead {
    font-family: Manrope, Arial, sans-serif;
    font-size: var(--morlix-hero-lead-size);
    font-weight: 300;
    line-height: 1.62;
    letter-spacing: 0;
}

/* Standard section lead. Width, color and margins remain contextual. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-section-lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-features-heading > p:last-child,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-composition__description,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-workflow__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-pricing__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-overview__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-sections__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-media__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-ds-positioning-media__lead,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-section-copy > p:not(.morlix-themes-eyebrow),
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-centered-head > p:not(.morlix-themes-eyebrow),
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-catalog__head > div:first-child > p:last-child,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-customize__copy > p:not(.morlix-themes-eyebrow) {
    font-family: Manrope, Arial, sans-serif;
    font-size: var(--morlix-section-lead-size);
    font-weight: 300;
    line-height: 1.58;
    letter-spacing: 0;
}

/* Ordinary/card body. Scene mockups and dense UI replicas are excluded. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-content-text,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-card p,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-template-card__body p,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__description,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-pricing__audience,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-features-map__row > span:nth-child(3) {
    font-family: Manrope, Arial, sans-serif;
    font-size: var(--morlix-body-size);
    font-weight: 400;
    line-height: 1.62;
    letter-spacing: 0;
}

/* Standard eyebrow. Color and decorative geometry remain contextual. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-section-eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-features-eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-hero__eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-overview__eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-sections__eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-media__eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-design-studio-eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-ds-positioning-media__eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-composition__eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-workflow__eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__eyebrow,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-pricing__eyebrow {
    font-family: Manrope, Arial, sans-serif;
    font-size: clamp(11px, .78vw, 14px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .32em;
    text-transform: uppercase;
}

/* Content kicker, matching the light homepage card-intro role. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-content-kicker {
    font-family: Manrope, Arial, sans-serif;
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 300;
    line-height: 1.56;
    letter-spacing: 0;
}

/* Short kicker/small-label role. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__kicker,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__receives-title,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__comparison-label,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-features-foundation__panel-label {
    font-family: Manrope, Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* Shared secondary action-link typography. Primary .morlix-hero-beta-btn
   typography already comes from the homepage component in the adapter. */
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-features-text-link,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-hero__text-link,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-design-studio-text-link,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-text-link {
    font-family: Manrope, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .02em;
}

:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-button,
:where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-button.btn {
    font-family: Manrope, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}

@media (min-width: 480px) {
    :where(html body.morlix-adelux-theme.morlix-page--internal) {
        --morlix-internal-title-size: 48px;
        --morlix-section-title-size: 46px;
    }
}

@media (min-width: 768px) {
    :where(html body.morlix-adelux-theme.morlix-page--internal) {
        --morlix-internal-title-size: 52px;
        --morlix-section-title-size: 52px;
    }
}

@media (min-width: 1024px) {
    :where(html body.morlix-adelux-theme.morlix-page--internal) {
        --morlix-internal-title-size: 56px;
        --morlix-section-title-size: 56px;
    }
}

@media (min-width: 1200px) {
    :where(html body.morlix-adelux-theme.morlix-page--internal) {
        --morlix-internal-title-size: 62px;
        --morlix-section-title-size: 60px;
    }
}

@media (min-width: 1440px) {
    :where(html body.morlix-adelux-theme.morlix-page--internal) {
        --morlix-internal-title-size: 68px;
        --morlix-section-title-size: 64px;
    }
}

@media (min-width: 1680px) {
    :where(html body.morlix-adelux-theme.morlix-page--internal) {
        --morlix-internal-title-size: 82px;
        --morlix-section-title-size: 72px;
    }
}

@media (min-width: 1200px) and (max-height: 820px) {
    :where(html body.morlix-adelux-theme.morlix-page--internal) {
        --morlix-internal-title-size: 56px;
        --morlix-section-title-size: 52px;
    }
}

@media (min-width: 1200px) and (max-height: 700px) {
    :where(html body.morlix-adelux-theme.morlix-page--internal) {
        --morlix-internal-title-size: 52px;
        --morlix-section-title-size: 48px;
    }
}

@media (max-width: 767px) {
    :where(html body.morlix-adelux-theme.morlix-page--internal) {
        --morlix-content-title-size: clamp(30px, 8vw, 46px);
        --morlix-card-title-size: clamp(23px, 7vw, 30px);
        --morlix-hero-lead-size: 15px;
        --morlix-section-lead-size: 16px;
        --morlix-body-size: 15px;
    }

    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-features-hero-photo__title,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-page-title,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-hero__title,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-design-studio-hero h1,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-hero h1 {
        line-height: 1.06;
        letter-spacing: -.035em;
        word-spacing: .02em;
    }

    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-section-heading,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-section-title,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-composition__title,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-workflow__title,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__title,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-pricing__title {
        max-width: 100%;
        line-height: 1.06;
        letter-spacing: -.035em;
        word-spacing: .02em;
    }

    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-features-eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-section-eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-hero__eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-overview__eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-sections__eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-visual-builder-media__eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-design-studio-eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-ds-positioning-media__eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-themes-eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-composition__eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-workflow__eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-deployment__eyebrow,
    :where(html body.morlix-adelux-theme.morlix-page--internal) .morlix-cms-pricing__eyebrow {
        font-size: 11px;
        letter-spacing: .24em;
    }
}