/**
 * FinBI Theme - Custom Menu Styles
 * 
 * Fixes for offcanvas menu display
 */

/* ==========================================================================
   Offcanvas Menu - Menu Items
   ========================================================================== */

/* Force white color for all menu links in offcanvas */
.app-nav-offcanvas .nav-link,
.app-nav-offcanvas a.nav-link,
.app-nav-offcanvas .menu-item a,
.app-nav-offcanvas .nav .menu-item > a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important;
    line-height: 1.2 !important;
    padding: 0.5rem 0 !important;
    text-decoration: none !important;
    display: block !important;
}

/* Hover state */
.app-nav-offcanvas .nav-link:hover,
.app-nav-offcanvas a.nav-link:hover,
.app-nav-offcanvas .menu-item a:hover,
.app-nav-offcanvas .nav .menu-item > a:hover {
    color: #ffffff !important;
    opacity: 0.8;
}

/* Active/Current state */
.app-nav-offcanvas .nav-link.active,
.app-nav-offcanvas .menu-item.current-menu-item > a,
.app-nav-offcanvas .menu-item.current_page_item > a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   Offcanvas Menu - List Styles
   ========================================================================== */

.app-nav-offcanvas .nav,
.app-nav-offcanvas ul.nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.app-nav-offcanvas .nav-item,
.app-nav-offcanvas .menu-item {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   Mobile Adjustments
   ========================================================================== */

@media (max-width: 991.98px) {
    .app-nav-offcanvas .nav-link,
    .app-nav-offcanvas a.nav-link,
    .app-nav-offcanvas .menu-item a {
        font-size: 2rem !important; /* 32px on mobile */
    }
}

@media (max-width: 575.98px) {
    .app-nav-offcanvas .nav-link,
    .app-nav-offcanvas a.nav-link,
    .app-nav-offcanvas .menu-item a {
        font-size: 1.75rem !important; /* 28px on small mobile */
    }
}

/* ==========================================================================
   Footer Menu Styles
   ========================================================================== */

/* Footer Menu Links - Light Gray Color, Regular Weight */
.app-footer .app-nav-footer .nav-link,
.app-footer .app-nav-footer a.nav-link,
.app-footer .app-nav-footer .menu-item a {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 0.875rem !important; /* 14px */
    font-weight: 400 !important; /* Regular weight, not bold */
    line-height: 1.5 !important;
    padding: 0.25rem 0 !important;
    text-decoration: none !important;
    display: block !important;
    transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

/* Footer Menu Hover */
.app-footer .app-nav-footer .nav-link:hover,
.app-footer .app-nav-footer a.nav-link:hover,
.app-footer .app-nav-footer .menu-item a:hover {
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1;
}

/* Footer Menu Items Spacing */
.app-footer .app-nav-footer .nav-item,
.app-footer .app-nav-footer .menu-item {
    margin-bottom: 0.5rem;
}

/* Reset any bold/strong styles in footer menu */
.app-footer .app-nav-footer .nav-link strong,
.app-footer .app-nav-footer .nav-link b {
    font-weight: 400 !important;
}

/* ==========================================================================
   Homepage Scroll Fix
   ========================================================================== */

/* Prevent auto-scroll on page load */
html {
    scroll-behavior: auto !important;
}

/* Smooth scroll only after page load */
html.loaded {
    scroll-behavior: smooth;
}

/* ============================================
   PROJECTS PAGE - TAB CONTENT STYLING
   ============================================ */

/* Tab Content Typography */
.projects-tab-content h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--bs-primary);
    margin-bottom: 1.5rem;
    text-transform: capitalize;
}

.projects-tab-content h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.projects-tab-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.projects-tab-content ul li {
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.projects-tab-content ul li:last-child {
    border-bottom: none;
}

.projects-tab-content p {
    margin-bottom: 0.5rem;
}

.projects-tab-content strong {
    font-weight: 700;
}

/* List Group Style (matching design) */
.projects-tab-content .list-group {
    list-style: none;
    padding: 0;
}

.projects-tab-content .list-group-item {
    border: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}