/**
 * Лендинг Midnight — полировка (только при .landing-theme-mode)
 */

/* ——— iOS-стиль: общие улучшения ——— */
.landing-theme-mode {
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}

.landing-theme-mode.landing-page {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
}

.landing-theme-mode .landing-nav {
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}

.landing-theme-mode .btn-t4w-primary,
.landing-theme-mode .btn-t4w-outline.btn-lg,
.landing-theme-mode .btn-t4w-primary.btn-lg {
    border-radius: 999px;
    padding-left: 1.35rem;
    padding-right: 1.35rem;
}

.landing-theme-mode .stat-pill,
.landing-theme-mode .feature-card,
.landing-theme-mode .monitor-type-card,
.landing-theme-mode .tariff-card,
.landing-theme-mode .monitor-types-block {
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06);
}

.landing-theme-mode .stat-pill--hero {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.landing-theme-mode .landing-section-alt {
    background: var(--t4w-bg);
}

.landing-theme-mode .landing-reveal {
    animation: landing-fade-up 0.55s ease both;
}

.landing-theme-mode .landing-reveal:nth-child(2) { animation-delay: 0.05s; }
.landing-theme-mode .landing-reveal:nth-child(3) { animation-delay: 0.1s; }

@keyframes landing-fade-up {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-theme-mode .landing-reveal {
        animation: none;
    }
}

/* ——— Типографика: Bootstrap и жёсткие цвета → токены темы ——— */
.landing-theme-mode {
    color: var(--t4w-text);
}

.landing-theme-mode .text-muted,
.landing-theme-mode p.text-muted,
.landing-theme-mode .text-secondary {
    color: var(--t4w-muted) !important;
}

.landing-theme-mode .text-dark {
    color: var(--t4w-text) !important;
}

.landing-theme-mode .breadcrumb {
    --bs-breadcrumb-divider-color: var(--t4w-muted);
    --bs-breadcrumb-item-active-color: var(--t4w-text);
}

.landing-theme-mode .breadcrumb-item,
.landing-theme-mode .breadcrumb-item.active {
    color: var(--t4w-text);
}

.landing-theme-mode .breadcrumb-item + .breadcrumb-item::before {
    color: var(--t4w-muted);
}

.landing-theme-mode .breadcrumb a {
    color: var(--t4w-link);
}

.landing-theme-mode .breadcrumb a:hover {
    color: var(--t4w-link-hover);
}

.landing-theme-mode .section-title,
.landing-theme-mode .addons-section__title,
.landing-theme-mode .addons-block__title,
.landing-theme-mode .addon-card__name,
.landing-theme-mode .tariff-card .h5,
.landing-theme-mode .monitor-type-card-title,
.landing-theme-mode .swp-title {
    color: var(--t4w-text);
}

.landing-theme-mode .section-subtitle,
.landing-theme-mode .addons-section__lead,
.landing-theme-mode .addons-block__intro,
.landing-theme-mode .addon-card__desc,
.landing-theme-mode .tariff-tagline,
.landing-theme-mode .tariff-inherit-note,
.landing-theme-mode .tariff-price-note,
.landing-theme-mode .tariff-spec__group dt,
.landing-theme-mode .tariff-spec__group dd,
.landing-theme-mode .tariff-features li,
.landing-theme-mode .landing-muted-note,
.landing-theme-mode .landing-hero .lead,
.landing-theme-mode .stat-pill__label,
.landing-theme-mode .status-page-features li,
.landing-theme-mode .disclaimer-text {
    color: var(--t4w-muted) !important;
}

.landing-theme-mode.landing-theme-dark .section-subtitle,
.landing-theme-mode.landing-theme-dark .addons-section__lead,
.landing-theme-mode.landing-theme-dark .addons-block__intro,
.landing-theme-mode.landing-theme-dark .addon-card__desc,
.landing-theme-mode.landing-theme-dark .tariff-tagline,
.landing-theme-mode.landing-theme-dark .tariff-inherit-note,
.landing-theme-mode.landing-theme-dark .tariff-price-note,
.landing-theme-mode.landing-theme-dark .tariff-spec__group dt,
.landing-theme-mode.landing-theme-dark .tariff-spec__group dd,
.landing-theme-mode.landing-theme-dark .tariff-features li,
.landing-theme-mode.landing-theme-dark .landing-muted-note,
.landing-theme-mode.landing-theme-dark .landing-hero .lead,
.landing-theme-mode.landing-theme-dark .stat-pill__label,
.landing-theme-mode.landing-theme-dark .status-page-features li,
.landing-theme-mode.landing-theme-dark .disclaimer-text,
.landing-theme-mode.landing-theme-dark .text-muted,
.landing-theme-mode.landing-theme-dark p.text-muted,
.landing-theme-mode.landing-theme-dark .landing-eyebrow,
.landing-theme-mode.landing-theme-dark .contact-chip {
    color: var(--t4w-text) !important;
}

.landing-theme-mode .landing-muted-note strong,
.landing-theme-mode .section-subtitle strong {
    color: var(--t4w-text) !important;
}

.landing-theme-mode .feature-card,
.landing-theme-mode .addon-card,
.landing-theme-mode .stat-pill,
.landing-theme-mode .addons-block {
    background: var(--t4w-surface) !important;
    border: 1px solid var(--t4w-border) !important;
    box-shadow: var(--t4w-shadow) !important;
    color: var(--t4w-text);
}

.landing-theme-mode .stat-pill--hero {
    background: color-mix(in srgb, var(--t4w-surface) 90%, transparent) !important;
    border: 1px solid var(--t4w-border) !important;
}

.landing-theme-mode .feature-card:hover,
.landing-theme-mode .addon-card:hover {
    border-color: var(--t4w-primary) !important;
}

.landing-theme-mode .status-widget-preview {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.landing-theme-mode .tariff-card {
    background: var(--t4w-surface) !important;
    border: 1px solid var(--t4w-border) !important;
    box-shadow: var(--t4w-shadow) !important;
    color: var(--t4w-text);
}

.landing-theme-mode .tariff-card.featured {
    border: 2px solid var(--t4w-primary) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--t4w-primary) 35%, transparent),
        0 12px 28px rgba(0, 0, 0, 0.35) !important;
}

.landing-theme-mode .tariff-badge {
    background: var(--t4w-primary) !important;
    color: #0f172a !important;
    border: 1px solid var(--t4w-primary-dark) !important;
}

.landing-theme-mode .tariff-card .h5,
.landing-theme-mode .tariff-price {
    color: var(--t4w-text) !important;
}

.landing-theme-mode .tariff-tagline,
.landing-theme-mode .tariff-price-note,
.landing-theme-mode .tariff-features li {
    color: var(--t4w-muted) !important;
}

.landing-theme-mode .tariff-features li::before {
    color: var(--t4w-link) !important;
}

.landing-theme-mode .monitor-types-block {
    background: var(--t4w-surface) !important;
    border: 1px solid var(--t4w-border) !important;
    box-shadow: var(--t4w-shadow) !important;
}

.landing-theme-mode .monitor-type-card {
    background: color-mix(in srgb, var(--t4w-bg) 65%, var(--t4w-surface)) !important;
    border: 1px solid var(--t4w-border) !important;
    box-shadow: none !important;
    color: var(--t4w-text);
}

.landing-theme-mode .t4w-carousel--center .t4w-carousel__slide.is-active .monitor-type-card,
.landing-theme-mode .t4w-carousel--center .monitor-type-card.is-active {
    background: var(--t4w-surface) !important;
    border-color: var(--t4w-primary) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28) !important;
}

.landing-theme-mode .swp-inner {
    background: var(--t4w-surface) !important;
    border: 1px solid var(--t4w-border) !important;
    box-shadow: var(--t4w-shadow) !important;
    color: var(--t4w-text);
}

.landing-theme-mode .swp-title,
.landing-theme-mode .swp-name,
.landing-theme-mode .swp-uptime {
    color: var(--t4w-text) !important;
}

.landing-theme-mode .swp-badge {
    color: var(--t4w-text) !important;
    background: var(--t4w-primary-light) !important;
    border-color: var(--t4w-border) !important;
}

.landing-theme-mode .swp-labels {
    color: var(--t4w-muted) !important;
}

.landing-theme-mode .addon-card__price,
.landing-theme-mode .tariff-price {
    color: var(--t4w-text);
}

.landing-theme-mode .bg-white {
    background-color: var(--t4w-bg) !important;
}

.landing-theme-mode .border-top {
    border-color: var(--t4w-border) !important;
}

.landing-theme-mode .t4w-link {
    color: var(--t4w-link);
}

.landing-theme-mode .contact-chip {
    color: var(--t4w-muted);
}

.landing-theme-mode .contact-chip:hover {
    color: var(--t4w-link);
}

/* ——— Тёмные темы: навбар и футер ——— */
.landing-theme-mode.landing-theme-dark {
    color-scheme: dark;
}

.landing-theme-mode.landing-theme-dark.landing-page {
    --t4w-text: #ffffff;
    --t4w-text-bright: #ffffff;
    --t4w-muted: #ffffff;
    --t4w-muted-strong: #ffffff;
    color: #ffffff;
}

.landing-theme-mode.landing-theme-dark.landing-page .monitor-type-card-title,
.landing-theme-mode.landing-theme-dark.landing-page .monitor-type-card-desc,
.landing-theme-mode.landing-theme-dark.landing-page .feature-card,
.landing-theme-mode.landing-theme-dark.landing-page .feature-card .text-muted,
.landing-theme-mode.landing-theme-dark.landing-page .feature-card h3,
.landing-theme-mode.landing-theme-dark.landing-page .stat-pill,
.landing-theme-mode.landing-theme-dark.landing-page .stat-pill__label,
.landing-theme-mode.landing-theme-dark.landing-page .stat-pill__value,
.landing-theme-mode.landing-theme-dark.landing-page .swp-inner,
.landing-theme-mode.landing-theme-dark.landing-page .swp-title,
.landing-theme-mode.landing-theme-dark.landing-page .swp-name,
.landing-theme-mode.landing-theme-dark.landing-page .swp-uptime,
.landing-theme-mode.landing-theme-dark.landing-page .swp-labels,
.landing-theme-mode.landing-theme-dark.landing-page .tariff-card,
.landing-theme-mode.landing-theme-dark.landing-page .tariff-tagline,
.landing-theme-mode.landing-theme-dark.landing-page .tariff-price-note,
.landing-theme-mode.landing-theme-dark.landing-page .tariff-features li,
.landing-theme-mode.landing-theme-dark.landing-page .tariff-spec__group dt,
.landing-theme-mode.landing-theme-dark.landing-page .tariff-spec__group dd,
.landing-theme-mode.landing-theme-dark.landing-page .addon-card,
.landing-theme-mode.landing-theme-dark.landing-page .addon-card__desc,
.landing-theme-mode.landing-theme-dark.landing-page .addons-section__lead,
.landing-theme-mode.landing-theme-dark.landing-page .landing-hero-check,
.landing-theme-mode.landing-theme-dark.landing-page .landing-footer {
    color: #ffffff !important;
}

.landing-theme-mode.landing-theme-dark .monitor-types-block .t4w-carousel--center .monitor-type-card {
    opacity: 1 !important;
}

.landing-theme-mode.landing-theme-dark .monitor-types-block .t4w-carousel--center .t4w-carousel__slide:not(.is-active) .monitor-type-card {
    background: color-mix(in srgb, var(--t4w-bg) 72%, var(--t4w-surface)) !important;
    border-color: color-mix(in srgb, var(--t4w-border) 75%, transparent) !important;
}

.landing-theme-mode.landing-theme-dark .landing-nav {
    background: color-mix(in srgb, var(--t4w-surface) 92%, transparent);
}

.landing-theme-mode.landing-theme-dark .landing-brand,
.landing-theme-mode.landing-theme-dark .landing-nav .nav-link {
    color: var(--t4w-text);
}

.landing-theme-mode.landing-theme-dark .landing-footer {
    background: var(--t4w-surface);
    color: var(--t4w-muted);
    border-top-color: var(--t4w-border);
}

.landing-theme-mode.landing-theme-dark .landing-footer .brand {
    color: var(--t4w-text);
}

.landing-theme-mode.landing-theme-dark .landing-footer a {
    color: var(--t4w-link);
}

.landing-theme-mode.landing-theme-dark .landing-footer a:hover {
    color: var(--t4w-link-hover);
}

.landing-theme-mode.landing-theme-dark .text-dark {
    color: var(--t4w-text) !important;
}

.landing-theme-mode.landing-theme-dark .monitor-type-card {
    background: color-mix(in srgb, var(--t4w-bg) 65%, var(--t4w-surface)) !important;
    border: 1px solid var(--t4w-border) !important;
}

/* Bootstrap sync */
.landing-theme-mode .btn-primary,
.landing-theme-mode .btn-t4w-primary {
    background-color: var(--t4w-primary) !important;
    border-color: var(--t4w-primary) !important;
}

.landing-theme-mode .btn-primary:hover,
.landing-theme-mode .btn-t4w-primary:hover {
    background-color: var(--t4w-primary-dark) !important;
    border-color: var(--t4w-primary-dark) !important;
}

.landing-theme-mode .text-primary {
    color: var(--t4w-primary) !important;
}

.landing-theme-mode .landing-brand,
.landing-theme-mode .landing-brand.navbar-brand {
    color: #ffffff !important;
}

.landing-theme-mode .landing-brand__text {
    color: #ffffff;
}

.landing-theme-mode .landing-brand__text span {
    color: var(--t4w-primary) !important;
}

.landing-theme-mode .btn-t4w-primary,
.landing-theme-mode .btn-primary {
    color: #0f172a !important;
}

.landing-theme-mode .btn-t4w-outline {
    color: var(--t4w-text);
    border-color: var(--t4w-border);
}