/*
 Theme Name:   GAPV LLC Theme
 Theme URI:    https://www.gapvllc.com
 Description:  Kadence Child Theme for GAPV LLC. Integrates the MNX Sticky Nav and Smooth Scroll components.
 Author:       Melvin D. Nava
 Author URI:   https://www.advance-e.com
 Template:     kadence
 Version:      1.0.0
 Text Domain:  wp-gapv-theme-2026
 Date:         2026-05-17 ‏‎23:24
 Last:         2026-05-18 00:10
*/


/* ==========================================================================
   WORDPRESS MENU COMPATIBILITY FOR MNX STICKY NAV
   WordPress uses different classes for dropdowns (.menu-item-has-children, 
   .sub-menu) than the pure HTML demo (.has-dropdown, .dropdown-menu).
   We map the styles here to avoid modifying the core component CSS.
   ========================================================================== */

/* Mark currently active language (flag) */
.lang-item.current-lang a { position: relative; display: inline-block; }
.lang-item.current-lang a::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: darkblue; }

/* Desktop Dropdown Container */
.mnx-navbar__links .menu-item-has-children > .sub-menu {
    position: absolute; 
    top: 100%; 
    left: 0;
    min-width: 10rem; 
    list-style: none; 
    margin: 0; 
    padding: .5rem 0;
    background-color: var(--mnx-nav-bg, #000);
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
    display: none;
    z-index: 1;
}

/* Show desktop dropdown on hover or when toggled open by JS */
.mnx-navbar__links .menu-item-has-children:hover > .sub-menu,
.mnx-navbar__links .menu-item-has-children.is-open > .sub-menu { 
    display: block; 
}

/* Desktop Dropdown Links */
.mnx-navbar__links .sub-menu a {
    padding: 0.45rem 1.25rem;
    font-size: 0.8rem;
    text-transform: none;
    letter-spacing: normal;
}
.mnx-navbar__links .sub-menu a:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

/* Desktop Dropdown Arrow Indicator */
.mnx-navbar__links .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.4em;
    vertical-align: middle;
    border-top: 0.32em solid currentColor;
    border-right: 0.32em solid transparent;
    border-left: 0.32em solid transparent;
    transition: transform 0.2s ease;
}

.mnx-navbar__links .menu-item-has-children:hover > a::after,
.mnx-navbar__links .menu-item-has-children.is-open > a::after {
    transform: rotate(180deg);
}

/* Mobile Dropdown Container */
.mnx-navbar__mobile-menu .menu-item-has-children > .sub-menu {
    list-style: none;
    padding: 0 0 0.5rem 1rem;
    margin: 0;
    display: none;
}

/* Show mobile dropdown when toggled open by JS */
.mnx-navbar__mobile-menu .menu-item-has-children.is-open > .sub-menu {
    display: block;
}

/* Mobile Dropdown Links */
.mnx-navbar__mobile-menu .sub-menu a {
    padding: 0.65rem 0.25rem;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
}

/* ==========================================================================
   WORDPRESS ADMIN BAR OFFSET
   Pushes the fixed nav down when the WP admin bar is present.
   ========================================================================== */
.admin-bar .mnx-navbar {
    margin-top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar .mnx-navbar {
        margin-top: 46px; /* WP admin bar is thicker on mobile */
    }
}

/* ==========================================================================
   CUSTOM FOOTER FIXES
   Ensures text is white and centered, overriding Kadence's default p colors.
   ========================================================================== */
.custom-main-footer {
    background-color: #060606;
    padding: 2rem 0;
    text-align: center;
}

.custom-main-footer p {
    color: #ffffff !important;
    text-align: center;
    margin: 0;
}
