/*
 * CoreSystem Default Frontend Theme — Landing Page Overrides
 *
 * Uses AppStack's app.css as base (loaded via styles.html.twig).
 * Only CoreSystem-specific overrides and additions here.
 *
 * AppStack classes already in app.css (DO NOT duplicate):
 * .landing-intro, .landing-intro-screenshot, .landing-feature,
 * .landing-quote, .landing-stars, .landing-img, .btn-pill,
 * .cursor-pointer, .text-lg, .fs-lg, .badge-subtle-primary,
 * .navbar-landing, .text-bg-dark
 */

/* ========== Navbar Scrolled State ========== */

.navbar-landing.navbar-scrolled {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
}

/* ========== Footer ========== */

.landing-footer {
    padding: 4rem 0 2rem;
}

.landing-footer h5 {
    font-weight: 600;
    margin-bottom: 1.25rem;
}

.landing-footer a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.2s ease;
}

.landing-footer a:hover {
    color: #fff;
}

.landing-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1.5rem;
    margin-top: 3rem;
}

/* ========== FAQ Card-based Accordion ========== */

.card-header.cursor-pointer {
    transition: background-color 0.2s ease;
}

.card-header.cursor-pointer:hover {
    background-color: #f8f9fa !important;
}

.card-header.cursor-pointer h6 {
    position: relative;
    padding-right: 1.5rem;
}

.card-header.cursor-pointer h6::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.75rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
    color: #6c757d;
}

.card-header.cursor-pointer.collapsed h6::after {
    transform: translateY(-50%) rotate(-90deg);
}

/* ========== Responsive ========== */

@media (max-width: 768px) {
    .landing-footer .col-lg-4 {
        margin-top: 1.5rem;
    }
}