/*
Theme Name: Rentalno Theme
Theme URI: https://nusakit.com
Author: Nusa Kit
Author URI: https://nusakit.com
Description: A premium, mobile-first WordPress theme for car rental services. Built with Tailwind CSS logic.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rentalno
Tags: one-column, custom-colors, custom-menu, custom-logo, featured-images
*/

/* 
 * This theme uses Tailwind CSS via CDN for development speed as requested.
 * Custom styles should be added here if not covered by utilities.
 */
body {
    font-family: 'Be Vietnam Pro', sans-serif;
}

/* Fix Custom Logo Responsive */
.custom-logo-wrapper img {
    height: auto;
    width: auto;
    max-height: 48px; /* Match header height constraints */
    object-fit: contain;
}
@media (max-width: 768px) {
    .custom-logo-wrapper img {
        max-height: 40px; /* Slightly smaller on mobile */
    }
}

/* ==========================================================================
   WordPress Navigation Menu Styles
   ========================================================================== */

/* Reset default WordPress menu list styles */
#masthead nav ul,
#masthead nav li,
#mobile-menu-panel nav ul,
#mobile-menu-panel nav li,
.footer-nav ul,
.footer-nav li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

/* --- Header Desktop Menu (Dark BG) --- */
/* Handle both: direct li (items_wrap=%3$s) and wrapped ul>li */
/* Hide nav on mobile (already has off-canvas menu), show only on desktop */
#masthead nav > ul,
#masthead nav {
    display: none;
}

@media (min-width: 768px) {
    #masthead nav > ul,
    #masthead nav {
        display: flex;
        align-items: center;
        gap: 2.5rem;
    }
}

#masthead nav > ul > li,
#masthead nav > li {
    display: inline-block;
    list-style: none !important;
}

#masthead nav > ul > li > a,
#masthead nav > li > a,
#masthead nav li a {
    font-size: 0.875rem;
    font-weight: 500;
    color: #cbd5e1 !important; /* slate-300 - force override */
    text-decoration: none;
    transition: color 0.2s ease;
}

#masthead nav > ul > li > a:hover,
#masthead nav > li > a:hover,
#masthead nav li a:hover,
#masthead nav > ul > li.current-menu-item > a,
#masthead nav > li.current-menu-item > a,
#masthead nav li.current-menu-item a,
#masthead nav > ul > li.current_page_item > a,
#masthead nav > li.current_page_item > a,
#masthead nav li.current_page_item a {
    color: #D4AF37 !important; /* accent */
}

/* --- Header Mobile Menu (Off-Canvas, Dark BG) --- */
#mobile-menu-panel nav > ul,
#mobile-menu-panel nav {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#mobile-menu-panel nav > ul > li,
#mobile-menu-panel nav > li {
    list-style: none !important;
}

#mobile-menu-panel nav > ul > li > a,
#mobile-menu-panel nav > li > a,
#mobile-menu-panel nav li a {
    font-size: 1.125rem;
    font-weight: 500;
    color: #cbd5e1 !important; /* slate-300 - force override */
    text-decoration: none;
    transition: color 0.2s ease;
    display: block;
    padding: 0.5rem 0;
}

#mobile-menu-panel nav > ul > li > a:hover,
#mobile-menu-panel nav > li > a:hover,
#mobile-menu-panel nav li a:hover,
#mobile-menu-panel nav > ul > li.current-menu-item > a,
#mobile-menu-panel nav > li.current-menu-item > a,
#mobile-menu-panel nav li.current-menu-item a,
#mobile-menu-panel nav > ul > li.current_page_item > a,
#mobile-menu-panel nav > li.current_page_item > a,
#mobile-menu-panel nav li.current_page_item a {
    color: #D4AF37 !important; /* accent */
}


/* --- Footer Menu (Dark BG) --- */
.footer-nav ul.menu {
    display: flex;
    flex-direction: column;
}

.footer-nav ul.menu > li {
    display: block;
}

.footer-nav ul.menu > li > a {
    font-size: 0.95rem;
    color: #cbd5e1; /* slate-300 */
    text-decoration: none;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.footer-nav ul.menu > li > a:hover {
    color: #D4AF37; /* accent */
}

/* Footer menu bullet replacement (accent dot) */
.footer-nav ul.menu > li > a::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: rgba(212, 175, 55, 0.4); /* accent/40 */
    border-radius: 50%;
    flex-shrink: 0;
}

/* Remove link_before span if already added */
.footer-nav ul.menu > li > a > span.w-1\.5 {
    display: none;
}

/* Current menu item highlight in footer */
.footer-nav ul.menu > li.current-menu-item > a,
.footer-nav ul.menu > li.current_page_item > a {
    color: #D4AF37;
    font-weight: 600;
}

/* ==========================================================================
   Submenu Styles (if needed in future)
   ========================================================================== */
#masthead nav ul ul,
.footer-nav ul ul {
    display: none; /* Hide submenus by default */
}