/* ═══════════════════════════════════════════════════════════════
   Landing page — D2KSS.com overrides (load after landing-page.css)
   ═══════════════════════════════════════════════════════════════ */

.public-shell .landing-feature-card,
.public-shell .landing-offering-card,
.public-shell .landing-contact-card,
.public-shell .landing-mandala-card,
.public-shell .landing-info-bar {
    border: 1px solid rgba(6, 26, 49, 0.08) !important;
    border-radius: var(--d2kss-card-radius, 18px) !important;
    box-shadow: var(--d2kss-card-shadow) !important;
}

.public-shell .landing-feature-card::before,
.public-shell .landing-offering-card::before {
    content: '';
    display: block;
    height: 4px;
    background: var(--d2kss-gradient-teal-wide);
    opacity: 0.85;
}

.public-shell .landing-info-bar {
    border-left: 4px solid var(--d2kss-teal) !important;
}

.public-shell .landing-info-item i {
    color: var(--d2kss-teal) !important;
}

.public-shell .btn-landing-primary,
.public-shell .landing-hero-cta-primary {
    background: var(--d2kss-gradient-teal) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 8px 22px rgba(0, 136, 168, 0.32) !important;
}

.public-shell .btn-landing-outline {
    border: 2px solid var(--d2kss-teal) !important;
    color: var(--d2kss-navy) !important;
    background: #fff !important;
}

.public-shell .btn-landing-outline:hover {
    background: var(--d2kss-teal) !important;
    color: #fff !important;
}

.public-shell .landing-slider-nav:hover {
    background: rgba(0, 136, 168, 0.85) !important;
    border-color: var(--d2kss-teal-glow) !important;
    box-shadow: 0 6px 22px rgba(0, 136, 168, 0.4) !important;
}

.public-shell .landing-slider-dot.is-active {
    background: var(--d2kss-gradient-teal) !important;
    box-shadow: 0 2px 10px rgba(0, 136, 168, 0.45) !important;
}

/* Book Seva — D2KSS teal CTA (replace gold/maroon magic border) */
.public-shell .btn-book-seva-magic-wrap {
    padding: 0 !important;
    background: none !important;
    animation: none !important;
    border-radius: 999px !important;
    overflow: visible !important;
}

.public-shell .btn-book-seva-magic,
.public-shell .btn-book-seva-outline,
.public-shell .public-nav-action-btn--primary {
    background: var(--d2kss-gradient-teal) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(0, 136, 168, 0.35) !important;
    font-weight: 700 !important;
}

.public-shell .btn-book-seva-magic:hover,
.public-shell .btn-book-seva-magic:focus-visible,
.public-shell .btn-book-seva-outline:hover,
.public-shell .public-nav-action-btn--primary:hover,
.public-shell .public-nav-action-btn--primary:focus-visible {
    filter: brightness(1.06) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* Keep hero CTAs aligned on phone / tablet / desktop */
.public-shell .landing-hero-actions {
    align-items: stretch !important;
}

@media (min-width: 480px) and (max-width: 991.98px) {
    .public-shell .landing-hero-actions {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: center !important;
    }

    .public-shell .landing-hero-actions .btn-book-seva-magic-wrap--hero,
    .public-shell .landing-hero-actions .btn {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
    }

    .public-shell .landing-hero-actions .btn-book-seva-magic-wrap--hero {
        display: flex !important;
    }

    .public-shell .landing-hero-actions .btn-book-seva-magic--hero {
        width: 100% !important;
        height: 100% !important;
    }
}

@media (min-width: 992px) {
    .public-shell .landing-hero-actions {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .public-shell .landing-hero-actions .btn-book-seva-magic-wrap--hero,
    .public-shell .landing-hero-actions .btn {
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 11rem !important;
        max-width: 16rem !important;
    }
}

/* Footer — D2KSS navy */
.public-shell .public-footer {
    background: var(--d2kss-gradient-hero) !important;
    border-top: none !important;
}

.public-shell .public-footer::before {
    background: var(--d2kss-gradient-teal-wide) !important;
    height: 4px !important;
}

.public-shell .public-footer-mantra {
    color: var(--d2kss-teal-glow) !important;
}

.public-shell .public-footer a {
    color: var(--d2kss-teal-glow) !important;
}

.public-shell .public-footer a:hover {
    color: #fff !important;
}

.public-shell .public-footer-address {
    color: rgba(255, 255, 255, 0.72) !important;
}

/* Section maroon → navy (variable remap backup) */
.public-shell .landing-section--maroon {
    background: var(--d2kss-gradient-hero) !important;
    color: rgba(255, 255, 255, 0.92);
}

.public-shell .landing-section--gold {
    background: linear-gradient(135deg, #f4f7fa, #fff) !important;
}

.public-shell .landing-section--devotion {
    background: var(--d2kss-gradient-hero) !important;
}

/* Cards hover — D2KSS */
.public-shell .landing-feature-card:hover,
.public-shell .landing-offering-card:hover {
    border-color: rgba(0, 136, 168, 0.28) !important;
    box-shadow: var(--d2kss-card-shadow-hover) !important;
}

/* Chip nav hidden on landing — already hidden on desktop */

/* Typography */
.public-shell .landing-section-head h2,
.public-shell .landing-about-copy h2 {
    font-family: 'Inter', sans-serif !important;
    color: var(--d2kss-navy) !important;
}

.public-shell .landing-eyebrow {
    color: var(--d2kss-teal) !important;
}

.public-shell .landing-eyebrow-light {
    color: var(--d2kss-teal-glow) !important;
}

/* Page body — soft D2KSS wash */
.public-shell .public-main {
    background: transparent;
}

.public-shell .landing-section--cream,
.public-shell .landing-section--about,
.public-shell .landing-section--offerings,
.public-shell .landing-section--gallery,
.public-shell .landing-section--blog,
.public-shell .landing-section--pro {
    background: linear-gradient(180deg, #f4f7fa 0%, #fff 100%) !important;
}

.public-shell .landing-gallery-tile,
.public-shell .landing-gallery-invite {
    border-color: rgba(6, 26, 49, 0.08) !important;
    box-shadow: var(--d2kss-card-shadow, 0 6px 20px rgba(6, 26, 49, 0.06)) !important;
}

.public-shell .landing-gallery-tile:hover,
.public-shell .landing-gallery-invite:hover {
    border-color: rgba(0, 136, 168, 0.28) !important;
    box-shadow: var(--d2kss-card-shadow-hover, 0 12px 28px rgba(6, 26, 49, 0.1)) !important;
}

.public-shell .landing-history-article {
    border: 1px solid rgba(6, 26, 49, 0.08) !important;
    box-shadow: var(--d2kss-card-shadow) !important;
}

.public-shell .landing-story-card {
    border-color: rgba(6, 26, 49, 0.08) !important;
}

.public-shell .landing-story-card:hover {
    border-color: rgba(0, 136, 168, 0.28) !important;
    box-shadow: var(--d2kss-card-shadow-hover) !important;
}

.public-shell .landing-timings-card {
    border-left-color: var(--d2kss-teal) !important;
}

.public-shell .landing-gallery-item {
    box-shadow: 0 8px 24px rgba(6, 26, 49, 0.12) !important;
}

.public-shell .landing-contact-form .form-control:focus {
    border-color: var(--d2kss-teal) !important;
    box-shadow: 0 0 0 3px rgba(0, 136, 168, 0.15) !important;
}

/* Contact cards — override global serif h3 (prevents clipped uppercase labels) */
.public-shell .landing-contact-card h3 {
    font-family: 'Inter', 'Manrope', system-ui, sans-serif !important;
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
    letter-spacing: 0.1em !important;
    color: var(--d2kss-teal, #0088a8) !important;
}

.public-shell .landing-contact-name {
    font-family: 'Inter', 'Manrope', system-ui, sans-serif !important;
    line-height: 1.45 !important;
}