/* =====================================================
   NAVIGATION & MENU REDESIGN
   Ajith Vallath Prabhakar - Thought Leadership Site
   ===================================================== */

/* ===== COLOR SYSTEM ===== */
:root {
    --nav-primary: #1a1a1a;
    --nav-secondary: #4a5568;
    --nav-hover: #1a1a1a;
    --nav-accent: #2563eb;
    --nav-accent-dark: #1e3a8a;
    --nav-background: #ffffff;
    --nav-border: #e2e8f0;
}

/* ===== SITE BRANDING / LOGO ===== */

/* Site title - Full name "Ajith Vallath Prabhakar" */
.site-title,
.site-title a,
.site-branding a,
.site-branding .site-title a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 1rem !important;  /* 16px - balanced for long name */
    font-weight: 700 !important;
    color: var(--nav-primary) !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
}

.site-title a:hover,
.site-branding a:hover {
    color: var(--nav-primary) !important;
    opacity: 0.8;
}

/* Hide tagline completely */
.site-description,
.site-tagline {
    display: none !important;
}

/* Ensure site branding has proper spacing */
.site-branding {
    margin: 0 !important;
}

/* ===== NAVIGATION CONTAINER ===== */

.main-navigation,
.site-header .main-navigation,
header .main-navigation {
    background: var(--nav-background) !important;
    border-bottom: 1px solid var(--nav-border) !important;
}

/* Navigation wrapper */
.nav-primary,
.primary-navigation,
.main-navigation .main-nav {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

/* ===== REMOVE ALL DROPDOWN INDICATORS ===== */

/* Hide dropdown arrows/carets */
.main-navigation .menu-item-has-children > a::after,
.main-navigation .dropdown-nav-special,
.main-navigation .dropdown-icon,
.main-navigation .menu-item-has-children .nav-drop-title-wrap::after,
.dropdown-nav-toggle,
.menu-item-has-children > a > .dropdown-indicator,
.menu-item-has-children > a > .sub-menu-toggle {
    display: none !important;
}

/* Hide actual dropdown menus (we're not using them) */
.main-navigation .sub-menu,
.main-navigation ul ul {
    display: none !important;
}

/* ===== MENU ITEMS - BASE STYLES ===== */

.main-navigation a,
.main-navigation .menu > li > a,
.primary-menu-container a,
.main-navigation .primary-menu > li > a {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 0.9375rem !important;  /* 15px */
    font-weight: 500 !important;
    color: var(--nav-secondary) !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: none !important;
    border: none !important;
    padding: 0.5rem 0 !important;
    position: relative !important;
    transition: color 0.2s ease !important;
}

/* Remove any theme-specific button styling */
.main-navigation .button,
.main-navigation .btn,
.main-navigation a.button,
.main-navigation a.btn {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0.5rem 0 !important;
    box-shadow: none !important;
}

/* ===== HOVER STATES ===== */

.main-navigation a:hover,
.main-navigation .menu > li > a:hover {
    color: var(--nav-hover) !important;
    background: none !important;
}

/* Subtle underline animation on hover */
.main-navigation a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--nav-accent);
    transition: width 0.3s ease;
}

.main-navigation a:hover::before {
    width: 100%;
}

/* ===== ACTIVE/CURRENT PAGE ===== */

.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation li.current-menu-item > a {
    color: var(--nav-primary) !important;
    font-weight: 600 !important;
}

.main-navigation .current-menu-item > a::before,
.main-navigation .current_page_item > a::before,
.main-navigation li.current-menu-item > a::before {
    width: 100%;
}

/* ===== SPEAKING LINK - SPECIAL TREATMENT ===== */

/* Target by custom class added in WordPress menu */
.main-navigation .menu-item-speaking > a,
.main-navigation li.menu-item-speaking > a {
    color: var(--nav-accent) !important;
    font-weight: 600 !important;
}

.main-navigation .menu-item-speaking > a:hover,
.main-navigation li.menu-item-speaking > a:hover {
    color: var(--nav-accent-dark) !important;
}

.main-navigation .menu-item-speaking > a::before {
    background: var(--nav-accent-dark);
}

/* ===== HEADER SEARCH (Optional - hide if unwanted) ===== */

/* Uncomment below to hide search icon if it doesn't fit aesthetic */
/*
.header-search,
.search-toggle,
.search-icon,
.site-header .search-toggle-open {
    display: none !important;
}
*/

/* ===== MOBILE NAVIGATION ===== */

@media (max-width: 1024px) {
    /* Logo adjustment for smaller screens */
    .site-title a {
        font-size: 0.9375rem !important;  /* 15px */
    }
}

@media (max-width: 768px) {
    /* Logo on mobile - smaller due to long name */
    .site-title,
    .site-title a {
        font-size: 0.875rem !important;  /* 14px */
        letter-spacing: -0.01em !important;
    }
    
    /* Mobile menu background */
    .main-navigation.toggled,
    .main-navigation.toggled .main-nav,
    .main-navigation.toggled .primary-menu-container {
        background: var(--nav-background) !important;
    }
    
    /* Mobile menu items - larger, more spacious */
    .main-navigation.toggled a,
    .mobile-menu-open .main-navigation a {
        font-size: 1.25rem !important;  /* 20px */
        padding: 1.5rem 2rem !important;
        border-bottom: 1px solid var(--nav-border) !important;
        display: block !important;
    }
    
    /* Remove hover underline on mobile (conflicts with touch) */
    .main-navigation.toggled a::before {
        display: none !important;
    }
    
    /* Mobile menu toggle button */
    .menu-toggle,
    .mobile-menu-toggle,
    .hamburger {
        background: none !important;
        border: none !important;
        padding: 0.5rem !important;
    }
    
    /* Ensure menu items are stacked vertically on mobile */
    .main-navigation.toggled .menu,
    .main-navigation.toggled .primary-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
}

@media (max-width: 480px) {
    /* Very small screens - even smaller logo */
    .site-title,
    .site-title a {
        font-size: 0.8125rem !important;  /* 13px */
    }
}

/* ===== THEME-SPECIFIC OVERRIDES ===== */

/* Kadence Theme specific */
.site-header-wrap {
    border-bottom: 1px solid var(--nav-border) !important;
}

/* GeneratePress specific */
.main-navigation .main-nav ul li a {
    line-height: normal !important;
}

/* Astra Theme specific */
.main-header-bar {
    border-bottom: 1px solid var(--nav-border) !important;
}

/* ===== ACCESSIBILITY IMPROVEMENTS ===== */

/* Ensure focus states are visible */
.main-navigation a:focus,
.site-title a:focus {
    outline: 2px solid var(--nav-accent) !important;
    outline-offset: 4px !important;
}

/* Skip to content link (accessibility) */
.skip-link:focus {
    clip: auto !important;
    height: auto !important;
    width: auto !important;
    background: var(--nav-accent) !important;
    color: white !important;
    padding: 1rem !important;
    z-index: 100000 !important;
}

/* ===== STICKY NAVIGATION (if theme supports it) ===== */

.site-header.stuck,
.site-header.sticky-header,
header.sticky {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    background: rgba(255, 255, 255, 0.95) !important;
}

/* ===== REMOVE UNWANTED SPACING ===== */

/* Remove excessive padding that some themes add */
.main-navigation {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.main-navigation .menu {
    margin: 0 !important;
}

.main-navigation li {
    margin: 0 !important;
}

/* ===== PRINT STYLES ===== */

@media print {
    .main-navigation,
    .menu-toggle,
    .search-toggle {
        display: none !important;
    }
}

/* ==========================
🔹 UTILITY CLASSES
========================== */
/* Hide all rating related elements */
.rating-icons, 
.rating_info, 
.rating-msg,
.rating_info_holder,
div[id^="rating_info_"],
.rmp-rating-widget,
.rmp-results-widget,
.rmp-archive-results-widget,
.js-rmp-results-container,
button.rmp-info-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}



/* =====================================================
   END NAVIGATION REDESIGN
   ===================================================== */


/* ===== SITE HEADER BACKGROUND (Non-Sticky & Sticky) ===== */

/* Base header background - always visible */
.site-header,
header.site-header,
.site-header-wrap,
body .site-header {
    background: rgba(255, 255, 255, 0.95) !important;
}

/* Sticky navigation (when theme supports it) - already in your code */
.site-header.stuck,
.site-header.sticky-header,
header.sticky {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    background: rgba(255, 255, 255, 0.95) !important;
}