/*
 * Home Page 3 visual theme contract.
 * This file is loaded only by outer-home-3.blade.php so application, console,
 * Partner and other public layouts remain untouched.
 */

:root[data-theme='dark'] {
    --lw-home3-dark-base: var(--lw-home3-configured-page-color, #101318);
    --lw-home3-dark-surface: #171b22;
    --lw-home3-navbar-background: color-mix(in srgb, var(--lw-home3-dark-base) 58%, transparent);
    --lw-home3-dark-card: #1d2530;
    --lw-home3-dark-border: #2b3643;
    --lw-home3-dark-text: #f3f6fa;
    --lw-home3-dark-muted: #aab4c2;
    --lw-home3-pattern-top: rgba(16, 19, 24, 0.40);
    --lw-home3-pattern-bottom: rgba(16, 19, 24, 0.56);
    --lw-home3-divider: rgba(255, 255, 255, 0.055);
    --lw-home3-boundary-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), 0 3px 10px rgba(0, 0, 0, 0.06);
    --lw-home3-section-shadow: none;
    --lw-home3-cta: #dc2626;
    --lw-home3-cta-hover: #b91c1c;
    --lw-home3-cta-focus: rgba(220, 38, 38, 0.28);
    --lw-home3-shadow: 0 18px 48px rgba(0, 0, 0, 0.26);
    --lw-home3-color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    :root[data-theme='system_default'] {
        --lw-home3-dark-base: var(--lw-home3-configured-page-color, #101318);
        --lw-home3-dark-surface: #171b22;
        --lw-home3-navbar-background: color-mix(in srgb, var(--lw-home3-dark-base) 58%, transparent);
        --lw-home3-dark-card: #1d2530;
        --lw-home3-dark-border: #2b3643;
        --lw-home3-dark-text: #f3f6fa;
        --lw-home3-dark-muted: #aab4c2;
        --lw-home3-pattern-top: rgba(16, 19, 24, 0.40);
        --lw-home3-pattern-bottom: rgba(16, 19, 24, 0.56);
        --lw-home3-divider: rgba(255, 255, 255, 0.055);
        --lw-home3-boundary-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), 0 3px 10px rgba(0, 0, 0, 0.06);
        --lw-home3-section-shadow: none;
        --lw-home3-cta: #dc2626;
        --lw-home3-cta-hover: #b91c1c;
        --lw-home3-cta-focus: rgba(220, 38, 38, 0.28);
        --lw-home3-shadow: 0 18px 48px rgba(0, 0, 0, 0.26);
        --lw-home3-color-scheme: dark;
    }
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 {
    background-color: var(--lw-home3-dark-base) !important;
    color: var(--lw-home3-dark-text);
    color-scheme: var(--lw-home3-color-scheme);
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3.lw-theme-pattern-enabled {
    background-image:
        linear-gradient(var(--lw-home3-pattern-top), var(--lw-home3-pattern-bottom)),
        url('../../imgs/wa-message-bg-dark.png') !important;
    background-attachment: fixed, fixed !important;
    background-position: center top, top left !important;
    background-repeat: no-repeat, repeat !important;
    background-size: cover, 360px auto !important;
}

/* One blended navigation/hero level removes the separate blue-black strip. */
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 #mainNav {
    background-color: transparent !important;
    border-bottom: 1px solid var(--lw-home3-divider) !important;
    box-shadow: var(--lw-home3-boundary-shadow) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 header.bg-dark-blue {
    background-color: color-mix(in srgb, var(--lw-home3-dark-base) 58%, transparent) !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--lw-home3-divider) !important;
    box-shadow: var(--lw-home3-section-shadow) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 #mainNav .nav-link {
    color: var(--lw-home3-dark-text) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 #mainNav .nav-link:hover,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 #mainNav .nav-link:focus {
    color: #ffffff !important;
}

/* Related sections share the same base and a deliberate second surface level. */
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .lw-why-choose-section,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .lw-features-section,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .lw-call-to-action-block,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .lw-pricing-block-cards,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .lw-testimonial-block {
    background-color: color-mix(in srgb, var(--lw-home3-dark-base) 72%, transparent) !important;
    color: var(--lw-home3-dark-text) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 section.bg-dark-blue,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 footer {
    background-color: color-mix(in srgb, var(--lw-home3-dark-surface) 76%, transparent) !important;
    color: var(--lw-home3-dark-text) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .card,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .lw-ai-card,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .lw-card-io-list,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .accordion-item,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .accordion-button,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .accordion-body,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .accordion-collapse {
    background-color: var(--lw-home3-dark-card) !important;
    background-color: color-mix(in srgb, var(--lw-home3-dark-card) 94%, transparent) !important;
    border-color: var(--lw-home3-dark-border) !important;
    color: var(--lw-home3-dark-text) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .card,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .accordion-item {
    box-shadow: var(--lw-home3-shadow) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .lw-pricing-block-cards .card:hover {
    background-color: var(--lw-home3-dark-surface) !important;
    border-color: var(--lw-home3-cta) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 h1,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 h2,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 h3,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 h4,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 h5,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 h6,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .text-dark,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .accordion-button {
    color: var(--lw-home3-dark-text) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 p,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .text-muted,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .lw-secondary-text,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .accordion-body {
    color: var(--lw-home3-dark-muted) !important;
}

:root[data-theme='dark'] body.lw-home-page-3 .accordion-button::after {
    filter: grayscale(1) invert(1);
}

@media (prefers-color-scheme: dark) {
    :root[data-theme='system_default'] body.lw-home-page-3 .accordion-button::after {
        filter: grayscale(1) invert(1);
    }
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 .accordion-button:focus {
    border-color: rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 footer hr {
    border-color: var(--lw-home3-dark-border) !important;
}

/* Exact Home Page 3 account CTA family; social provider buttons are untouched. */
body.lw-home-page-3 section .lw-home3-account-cta {
    background-color: #dc2626 !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(220, 38, 38, 0.22) !important;
}

body.lw-home-page-3 section .lw-home3-account-cta:hover,
body.lw-home-page-3 section .lw-home3-account-cta:active,
body.lw-home-page-3 section .lw-home3-account-cta:focus,
body.lw-home-page-3 section .lw-home3-account-cta:focus-visible {
    background-color: #b91c1c !important;
    border-color: #991b1b !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.26) !important;
}

body.lw-home-page-3 #mainNav .lw-home3-register-link,
body.lw-home-page-3 footer .lw-home3-register-link {
    color: #dc2626 !important;
}

body.lw-home-page-3 #mainNav .lw-home3-register-link:hover,
body.lw-home-page-3 #mainNav .lw-home3-register-link:focus,
body.lw-home-page-3 footer .lw-home3-register-link:hover,
body.lw-home-page-3 footer .lw-home3-register-link:focus {
    color: #b91c1c !important;
}

@media (max-width: 991.98px) {
    :root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 #navbarResponsive {
        background-color: var(--lw-home3-dark-surface) !important;
        border: 1px solid var(--lw-home3-dark-border);
        border-radius: 0.75rem;
        margin-top: 0.75rem;
        padding: 0.75rem;
    }
}

@media (max-width: 575.98px) {
    body.lw-home-page-3 {
        overflow-x: hidden;
    }

    body.lw-home-page-3 .lw-home3-account-cta {
        min-height: 44px;
        margin-bottom: 0.5rem;
    }
}