/**
 * Landing page — blue + white brand (matches app Sign In button)
 * Load after landing/assets/css/style.css and landing-church.css
 */
body.landing-page {
    --primary-rgb: 37, 99, 235;
    --church-brand-700: #1d4ed8;
    --church-brand-600: #2563eb;
    --church-brand-500: #3b82f6;
    --church-brand-hover: #1e40af;
    --church-brand-soft: rgba(37, 99, 235, 0.1);
    --church-brand-soft-bg: rgba(37, 99, 235, 0.08);
    --church-brand-gradient: linear-gradient(135deg, #1d4ed8 0%, #2563eb 55%, #3b82f6 100%);
}

/* —— Hero —— */
body.landing-page .hero-section {
    background: radial-gradient(
        56.9% 327.75% at 45.42% 59.81%,
        rgba(59, 130, 246, 0.12) 0%,
        rgba(239, 246, 255, 0.55) 44.58%,
        rgba(255, 255, 255, 0.95) 100%
    );
}

body.landing-page .text-primary,
body.landing-page a.text-primary {
    color: var(--church-brand-600) !important;
}

/* —— Buttons —— */
body.landing-page .btn-primary,
body.landing-page .btn.btn-primary,
body.landing-page .offcanvas__contact .btn-primary {
    background: var(--church-brand-gradient) !important;
    border-color: var(--church-brand-600) !important;
    color: #fff !important;
}

body.landing-page .btn-primary:hover,
body.landing-page .btn-primary:focus,
body.landing-page .btn-primary:active {
    background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 55%, #2563eb 100%) !important;
    border-color: var(--church-brand-hover) !important;
    color: #fff !important;
}

body.landing-page .btn-primary-gradient,
body.landing-page .btn.btn-linear-primary,
body.landing-page .bg-primary-gradient {
    background: var(--church-brand-gradient) !important;
    border: none !important;
    color: #fff !important;
}

body.landing-page .btn-primary-gradient:hover {
    background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%) !important;
    color: #fff !important;
}

body.landing-page .header-btn .btn-signin {
    border: 1px solid rgba(29, 78, 216, 0.35) !important;
    color: var(--church-brand-700) !important;
    background: #fff !important;
}

body.landing-page .header-btn .btn-signin:hover {
    background: #eff6ff !important;
    color: var(--church-brand-700) !important;
}

/* —— Badges & utilities —— */
body.landing-page .badge.bg-primary-transparent,
body.landing-page .bg-primary-transparent {
    background: var(--church-brand-soft) !important;
    color: var(--church-brand-700) !important;
}

body.landing-page .bg-primary,
body.landing-page .badge.badge-primary {
    background-color: var(--church-brand-600) !important;
    border-color: var(--church-brand-600) !important;
}

body.landing-page .bg-soft-primary,
body.landing-page .badge.badge-soft-primary {
    background: var(--church-brand-soft) !important;
    color: var(--church-brand-600) !important;
}

body.landing-page .text-primary,
body.landing-page .link-primary {
    color: var(--church-brand-600) !important;
}

body.landing-page .border-primary {
    border-color: var(--church-brand-600) !important;
}

body.landing-page .btn-outline-primary {
    border-color: var(--church-brand-600) !important;
    color: var(--church-brand-600) !important;
}

body.landing-page .btn-outline-primary:hover {
    background-color: var(--church-brand-600) !important;
    color: #fff !important;
}

/* —— Feature icons —— */
body.landing-page .icon-warning {
    background: #dbeafe !important;
}

body.landing-page .icon-warning i {
    color: var(--church-brand-600) !important;
}

body.landing-page .icon-pink {
    background: #eff6ff !important;
}

body.landing-page .icon-pink i {
    color: var(--church-brand-500) !important;
}

/* —— Module tabs (dark band) —— */
body.landing-page .list-detail .nav-pills .nav-link.active,
body.landing-page .list-detail .nav-pills .show > .nav-link {
    color: var(--church-brand-600) !important;
    background: #fff !important;
}

body.landing-page .nav-pills .nav-link.active,
body.landing-page .nav-pills .show > .nav-link {
    background-color: var(--church-brand-600) !important;
    color: #fff !important;
}

/* —— Carousel / modules section —— */
body.landing-page .feature-build {
    background: #f8fafc !important;
}

body.landing-page .tabs .features-list .nav-link.active {
    color: var(--church-brand-600) !important;
}

/* —— Testimonials band —— */
body.landing-page .testimonials-section {
    background-image: var(--church-brand-gradient) !important;
    background-color: var(--church-brand-600) !important;
}

body.landing-page .testimonial-section .user-name,
body.landing-page .testimonial-section .testimonial-section .user-name {
    background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%) !important;
    color: #fff !important;
}

body.landing-page .hero-section .badge.bg-light {
    border-color: rgba(37, 99, 235, 0.18) !important;
}

/* —— CTA strip (landing-church also sets this; keep in sync) —— */
body.landing-page .landing-cta-strip {
    background: var(--church-brand-gradient) !important;
}

/* —— Footer & back to top —— */
body.landing-page .back-to-top-icon,
body.landing-page .back-to-top-icon:hover {
    background: var(--church-brand-600) !important;
    color: #fff !important;
}

body.landing-page .footer-one {
    background: #0f172a;
}

body.landing-page .footer-one a:hover {
    color: var(--church-brand-500) !important;
}

/* —— Nav links —— */
body.landing-page .main-nav .nav-link:hover,
body.landing-page .main-nav .nav-link:focus {
    color: var(--church-brand-600) !important;
}

/* —— Form focus (outside auth card) —— */
body.landing-page .form-control:focus,
body.landing-page .form-select:focus {
    border-color: var(--church-brand-500) !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.2) !important;
}

/* —— Owl carousel nav (if enabled) —— */
body.landing-page .owl-carousel .owl-nav button {
    background: var(--church-brand-600) !important;
    color: #fff !important;
}

body.landing-page .owl-carousel .owl-nav button:hover {
    background: var(--church-brand-700) !important;
}

/* —— Accordion / FAQ (if used on landing) —— */
body.landing-page .FAQ-section .accordion-button:not(.collapsed) {
    color: var(--church-brand-600) !important;
}

/* —— Selection highlight —— */
body.landing-page ::selection {
    background: rgba(37, 99, 235, 0.2);
    color: #0f172a;
}