/* ── SentinelWatch Public — Vuexy overrides ───────────────────────────────── */

/* Dashboard mockup */
.sw-dashboard-mockup { border: 1px solid rgba(0,0,0,.1); }
.sw-dashboard-mockup .bg-success { background-color: #28c76f !important; }
.sw-dashboard-mockup .bg-warning { background-color: #ff9f43 !important; }
.sw-dashboard-mockup .bg-danger  { background-color: #ea5455 !important; }

/* Hero spacing fix for fixed navbar */
#landingHero { padding-top: 2rem; }

/* Ensure hero gradient text always shows */
.landing-hero .hero-title {
    animation: shine 3s ease-in-out infinite alternate;
    background-size: 200% auto;
}
@keyframes shine {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* Features section */
.landing-features .features-icon-box .ti { line-height: 1; }

/* Pricing badge-center fix */
.pricing-list .badge-center {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    flex-shrink: 0;
}

/* FAQ */
.landing-faq .accordion-button:not(.collapsed) {
    color: var(--bs-primary);
    background-color: var(--bs-primary-bg-subtle);
}

/* CTA section gradient background */
.landing-cta {
    background: linear-gradient(135deg, var(--bs-primary-bg-subtle) 0%, var(--bs-body-bg) 60%);
}

/* Footer */
.landing-footer .footer-top {
    background: linear-gradient(180deg, #241d31 0%, #282c3e 100%);
}
.landing-footer .footer-bottom {
    background-color: #1c2035;
}

/* Switch toggle visual */
.switch-toggle-slider {
    cursor: pointer;
    user-select: none;
}

/* Fun facts */
.landing-fun-facts .card .ti { line-height: 1; }

/* Responsive hero mockup */
@media (max-width: 767.98px) {
    .sw-dashboard-mockup { font-size: .8rem; }
    .sw-dashboard-mockup .col-3 { padding: 4px; }
}

/* Letter spacing utility */
.letter-spacing-sm { letter-spacing: .05em; }