/**
 * Outfit display typography — size & tracking overrides.
 * Loaded after component CSS so decorative titles read large site-wide.
 */

/* Hero / page-level */
h1,
.dm-page-hero__title,
.dm-v2-hero__title,
.dm-auth-card__title,
.dm-auth-benefits__headline,
.home-hero-slide--image h1,
.banner-hero h1,
.dm-parallax-band__title,
.dm-about-intro__title {
    font-size: var(--dm-display-size-xl) !important;
    letter-spacing: var(--dm-display-letter-spacing-wide) !important;
    line-height: 1.1;
}

/* Section / panel headings */
h2:not(.dc-desktop-rail__title),
.dm-section-head__title,
.dm-v2-section__title,
.dm-acct-page-head__title,
.dm-dash-hero__title,
.dm-dash-section__title,
.dm-about-section__title,
.dm-shop-categories__title,
.dm-product-related__title,
.dm-checkout-details__title,
.dm-checkout-review__title,
.dm-checkout-vendors__title,
.dm-cart-summary__title,
.dm-v2-pricing-select__title,
.dm-admin-package-section__title {
    font-size: var(--dm-display-size-lg) !important;
    letter-spacing: var(--dm-display-letter-spacing) !important;
    line-height: 1.15;
}

/* Card / modal / component headings */
h3,
.dc-gl-modal__title,
.dm-v2-callout__title,
.dm-v2-tile__title,
.dm-dash-panel__title,
.dm-product-detail-panel__title,
.dm-acct-empty__title,
.dm-acct-empty-state__title,
.dm-cart-empty__title,
.dm-order-detail__title,
.dm-order-quick-modal__title,
.dm-admin-package-preview__title,
.dm-videos-empty__title,
.dm-videos-upload-zone__title {
    font-size: var(--dm-display-size-md) !important;
    letter-spacing: var(--dm-display-letter-spacing) !important;
    line-height: 1.2;
}

/* Smaller display titles — still boosted vs body text */
[class*="__title"]:not([class*="__subtitle"]):not([class*="__block-title"]),
.modal-title,
.dc-clip__shop-name {
    letter-spacing: var(--dm-display-letter-spacing) !important;
}

[class*="__title"]:not([class*="__subtitle"]):not([class*="__block-title"]):not(h1):not(h2):not(h3),
.modal-title {
    font-size: var(--dm-display-size-sm) !important;
    line-height: 1.25;
}

.dc-clip__shop-name {
    font-size: clamp(0.82rem, 2.5vw, 0.95rem) !important;
    letter-spacing: 0 !important;
}

/* Compact UI exceptions — keep readable but still tracked */
.dm-v2-chart__title,
.dm-admin-package-preview__block-title,
.dm-order-quick-modal__items-head .dm-order-quick-modal__title,
.dm-cart-added-banner__title,
.dm-cart-drawer__title {
    font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
    letter-spacing: 0.12em !important;
}

/* Account / admin dashboard — compact display scale */
.dm-v2-account-body {
    --dm-display-size-xl: clamp(1.25rem, 2vw, 1.5rem);
    --dm-display-size-lg: clamp(1.0625rem, 1.65vw, 1.25rem);
    --dm-display-size-md: clamp(0.9375rem, 1.4vw, 1.0625rem);
    --dm-display-size-sm: clamp(0.875rem, 1.2vw, 1rem);
    --dm-display-letter-spacing: 0.02em;
    --dm-display-letter-spacing-wide: 0.03em;
}

.dm-v2-account-body .dm-v2-hero__title,
.dm-v2-account-body .dm-v2-shop__hero-title,
.dm-v2-account-body .dm-v2-go-live__title,
.dm-v2-account-body .dm-v2-pricing-select__title {
    text-transform: none;
    letter-spacing: 0.02em !important;
}

.dm-v2-account-body .dm-v2-chart__title,
.dm-v2-account-body .dm-admin-package-preview__block-title,
.dm-v2-account-body .dm-cart-added-banner__title,
.dm-v2-account-body .dm-cart-drawer__title {
    font-size: clamp(0.9375rem, 1.35vw, 1.0625rem) !important;
    letter-spacing: 0.04em !important;
}

.dm-v2-account-body .dc-clip__shop-name {
    font-size: clamp(0.82rem, 2.5vw, 0.95rem) !important;
}