/*
 * Dispense Times safe visual polish.
 *
 * Deliberately limited to color, borders, shadows, filters, and focus treatment.
 * Do not add layout, vendor/marketplace grid, form, or breakpoint rules here.
 */

:root {
    --dt-color-red-dark-surface: #ef6b77;
    --dt-polish-glow-red: rgba(239, 107, 119, 0.2);
    --dt-polish-glow-blue: rgba(143, 184, 232, 0.16);
    --dt-polish-line-light: rgba(255, 255, 255, 0.18);
    --dt-polish-shadow-deep: 0 28px 70px rgba(3, 13, 24, 0.3);
    --dt-polish-shadow-card: 0 18px 44px rgba(7, 21, 37, 0.12);
}

/* Keep small red editorial labels legible on dark surfaces. */
.dt-home .dt-hero .dt-hero__category,
.dt-home .dt-hero .dt-kicker,
.dt-article-hero .dt-kicker,
.dt-advertise-hero .dt-kicker,
.dt-about-hero .dt-kicker,
.dt-archive-hero .dt-kicker,
.dt-magazine-hero .dt-kicker,
.dt-issue-single .dt-kicker {
    color: var(--dt-color-red-dark-surface);
}

/* Give the masthead a sharper premium edge without changing its geometry. */
.dt-masthead,
.dt-shell-header {
    border-bottom-color: var(--dt-polish-line-light);
    box-shadow: 0 14px 38px rgba(3, 13, 24, 0.14);
}

.dt-masthead .dt-brand::before,
.dt-shell-header .dt-brand::before {
    box-shadow: 0 0 18px var(--dt-polish-glow-red);
}

.dt-brand__name {
    text-shadow: 0 6px 22px rgba(3, 13, 24, 0.2);
}

/* Editorial hero depth. No sizing or placement changes. */
.dt-home .dt-hero,
.dt-article-hero,
.dt-advertise-hero,
.dt-about-hero,
.dt-archive-hero--magazine {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 -1px 0 rgba(143, 184, 232, 0.1);
}

.dt-home .dt-hero h1,
.dt-article-hero h1,
.dt-advertise-hero h1,
.dt-about-hero h1,
.dt-archive-hero--magazine h1 {
    text-shadow: 0 14px 38px rgba(3, 13, 24, 0.3);
}

.dt-home .dt-hero-image,
.dt-article-featured-media,
.dt-magazine-hero__cover,
.dt-issue-hero-cover {
    box-shadow: var(--dt-polish-shadow-deep);
}

.dt-home .dt-hero-image img,
.dt-article-featured-media img,
.dt-magazine-hero__cover img,
.dt-issue-hero-cover img {
    filter: saturate(1.04) contrast(1.025);
}

/* Stronger calls to action, preserving all existing dimensions. */
.dt-button,
.wp-block-button .wp-block-button__link {
    background-image: linear-gradient(135deg, #b8202f 0%, #d53545 100%);
    box-shadow:
        0 12px 28px rgba(184, 32, 47, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.dt-button:hover,
.wp-block-button .wp-block-button__link:hover {
    background-image: linear-gradient(135deg, #c42637 0%, #e14a59 100%);
    box-shadow:
        0 16px 34px rgba(184, 32, 47, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.dt-button--ghost,
.dt-button--ghost-light,
.dt-button--secondary,
.dt-button--ink {
    background-image: none;
}

.dt-button:focus-visible,
.wp-block-button .wp-block-button__link:focus-visible,
.dt-mobile-menu-toggle:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 4px;
    box-shadow:
        0 0 0 6px rgba(31, 95, 159, 0.72),
        0 16px 34px rgba(3, 13, 24, 0.24);
}

/* Premium editorial cards only. Vendor and marketplace components are excluded. */
.dt-feature-grid .dt-story,
.dt-feature-grid .dt-list-media,
.dt-magazine .dt-issue-card,
.dt-advertise-option,
.dt-advertise-pathways article,
.dt-about-coverage article,
.dt-related-stories article,
.dt-article-sponsor,
.dt-article-rail,
.dt-magazine-sponsor-note {
    border-color: rgba(16, 45, 76, 0.16);
    box-shadow: var(--dt-polish-shadow-card);
}

.dt-feature-grid .dt-story:hover,
.dt-feature-grid .dt-list-media:hover,
.dt-magazine .dt-issue-card:hover,
.dt-advertise-option:hover,
.dt-advertise-pathways article:hover,
.dt-about-coverage article:hover,
.dt-related-stories article:hover {
    border-color: rgba(184, 32, 47, 0.34);
    box-shadow:
        0 24px 56px rgba(7, 21, 37, 0.17),
        0 0 0 1px rgba(239, 107, 119, 0.08);
}

/* Make sponsor disclosure feel intentional without reducing its clarity. */
.dt-article-sponsor,
.dt-article-rail,
.dt-magazine-sponsor-note,
.dt-sponsor-showcase__feature {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 20px 48px rgba(3, 13, 24, 0.18);
}

.dt-sponsor-label::before,
.dt-sponsor-placeholder span::before {
    box-shadow: 0 0 12px var(--dt-polish-glow-red);
}

/* Crisp focus treatment for editorial links. */
.dt-read-link:focus-visible,
.dt-article-topics a:focus-visible,
.dt-share a:focus-visible,
.dt-share button:focus-visible,
.dt-related-stories a:focus-visible,
.dt-issue-listing a:focus-visible {
    outline: 3px solid #1f5f9f;
    outline-offset: 4px;
}

.dt-shell-footer {
    box-shadow: inset 0 1px 0 rgba(143, 184, 232, 0.16);
}

@media (prefers-reduced-motion: reduce) {
    .dt-button,
    .wp-block-button .wp-block-button__link,
    .dt-feature-grid .dt-story,
    .dt-feature-grid .dt-list-media,
    .dt-magazine .dt-issue-card,
    .dt-advertise-option,
    .dt-advertise-pathways article,
    .dt-about-coverage article,
    .dt-related-stories article {
        transition: none;
        transform: none;
    }
}