/**
 * Public pages (index, blog) – overrides theme CSS to avoid conflicts.
 * Use !important so theme styles do not override.
 */

:root {
    --bs-primary: #1e86bb !important;
    --bs-primary-rgb: 30, 134, 187 !important;
}

.text-primary { color: #1e86bb !important; }
.bg-primary { background-color: #1e86bb !important; }
.btn-primary { background-color: #1e86bb !important; border-color: #1e86bb !important; }
.btn-primary:hover { background-color: #156b98 !important; border-color: #156b98 !important; }
.btn-outline-primary { color: #1e86bb !important; border-color: #1e86bb !important; }
.btn-outline-primary:hover { background-color: #1e86bb !important; border-color: #1e86bb !important; color: #fff !important; }
.link-primary { color: #1e86bb !important; }

/* Header – always visible, no theme transform */
header.navbar.sticky-nav {
    transform: none !important;
    background: #fff !important;
    backdrop-filter: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
    height: 85px !important;
    min-height: 85px !important;
}
.navbar-brand img {
    height: 72px !important;
    width: auto !important;
}

/* Hide theme-injected duplicate nav */
nav.navbar.sticky-nav,
nav.sticky-nav.navbar,
body > nav.navbar {
    display: none !important;
    visibility: hidden !important;
}
.btn-mobile-navbar,
#navbarModal {
    display: none !important;
}
button.btn.btn-mobile-navbar.d-lg-none {
    display: none !important;
}
#mainHeader .navbar-collapse .navbar-toggler {
    display: none !important;
}

/* Nav collapse visible on desktop (theme may hide .collapse) */
@media (min-width: 992px) {
    #navbarNav.navbar-collapse.collapse {
        display: flex !important;
        visibility: visible !important;
    }
}
@media (max-width: 991.98px) {
    .collapse:not(.show) {
        display: none !important;
    }
}

/* Layout */
html { overflow-y: scroll !important; }
html, body { min-height: 100% !important; overflow-x: hidden !important; }
body { display: flex !important; flex-direction: column !important; min-height: 100vh !important; }
main { flex: 1 !important; }

/* Blog/content pages main padding */
.py-5 {
    padding-top: 9.5rem !important;
    padding-bottom: 3.5rem !important;
}

/* Footer */
.in-avo-footer h5 { margin-bottom: 0.5rem !important; }
.in-avo-footer .list-unstyled { margin-bottom: 0 !important; }

/* Mobile */
@media (max-width: 991.98px) {
    header.navbar.sticky-nav {
        height: auto !important;
        min-height: 60px !important;
    }
    .navbar-brand img { height: 48px !important; }
    #navbarNav .optional-link { flex-wrap: wrap !important; gap: 8px !important; margin-top: 8px !important; }
    #navbarNav .optional-link .btn { padding: 0.4rem 0.75rem !important; font-size: 0.9rem !important; }
}
@media (max-width: 575.98px) {
    .container { padding-left: 12px !important; padding-right: 12px !important; }
    .navbar .container { padding-left: 12px !important; padding-right: 12px !important; }
    #navbarNav .navbar-nav { margin-bottom: 8px !important; }
    #navbarNav .optional-link { margin-left: 0 !important; }
}

/* Get started section: margin below buttons on mobile so they don't stick to footer */
.getstarted-btns { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; }
@media (max-width: 575.98px) {
    .getstarted-section .getstarted-btns { margin-bottom: 2rem !important; padding-bottom: 1.5rem !important; }
}

/* Footer compact on mobile */
@media (max-width: 767.98px) {
    .in-avo-footer { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .in-avo-footer .row { gap: 0.75rem 0 !important; }
    .in-avo-footer .col { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .in-avo-footer h5 { font-size: 0.95rem !important; margin-bottom: 0.35rem !important; }
    .in-avo-footer .list-unstyled li { padding: 0.2rem 0 !important; }
    .in-avo-footer .list-unstyled a { font-size: 0.9rem !important; }
    .in-avo-footer p { font-size: 0.85rem !important; margin-bottom: 0.25rem !important; }
    .in-avo-footer .copyright-text { font-size: 0.8rem !important; margin-top: 0.5rem !important; }
}