/*!
 * 🎨 NAVBAR & FOOTER GRADIENT FIX
 * Ensures text is readable with proper contrast
 */

/* Keep navbar controls visible on light marketplace headers */
.navbar * {
    border-color: rgba(15, 23, 42, 0.12);
}

.navbar .navbar-toggler {
    border-color: #cbd5e1;
    color: #111827;
}

.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(17,24,39,0.86)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Dropdown in navbar */
.navbar .dropdown-menu {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    border: none;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

.navbar .dropdown-item {
    color: #0f172a;
    font-weight: 600;
}

.navbar .dropdown-item:hover {
    background: rgba(242, 122, 26, 0.12);
    color: #0f172a;
}

/* Footer paragraph and list items */
footer p {
    color: #1f2937 !important;
    line-height: 1.6;
}

footer li {
    color: #1f2937 !important;
}

/* Copyright text in footer */
footer .small,
footer small {
    color: #64748b !important;
    font-size: 0.8125rem;
}

/* Remove any dark backgrounds */
body > main.bg-dark,
section.bg-dark {
    background: var(--tt-bg-main) !important;
}

/* Ensure main content doesn't have dark overlay */
main {
    background: #F8FAFC !important;
}

main > .container,
main > .container-fluid {
    background: transparent;
}

/*
 * Chrome-only(ish) safety net: if a Bootstrap backdrop gets stuck,
 * it can block all clicks. Hide backdrops unless a modal/offcanvas is actually open.
 * Uses :has() so it won't affect older browsers.
 */
@supports(selector(:has(*))) {
    body:not(:has(.modal.show)) .modal-backdrop {
        display: none !important;
    }
    body:not(:has(.offcanvas.show)) .offcanvas-backdrop {
        display: none !important;
    }
    body:not(:has(.modal.show)):not(:has(.offcanvas.show)) {
        overflow: auto !important;
        padding-right: 0 !important;
    }
}