/*
Theme Name: KeyHouse Real Estate
Theme URI: https://keyhouse.co.in
Author: KeyHouse Team
Author URI: https://keyhouse.co.in
Description: Premium real estate WordPress theme with modern animations and elegant design
Version: 1.0.0
License: GPL v2 or later
Text Domain: keyhouse
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
Tags: real-estate, property, luxury, modern, responsive
*/

/* All your CSS has been moved to assets/css/main.css */


/* Add these styles to your theme's style.css or in a <style> block */

/* Nav Link Underline Animation */
.nav-link { 
    position: relative;
}
.nav-link::after {
    content: ''; 
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -4px;
    left: 0;
    background-color: #D19000;
    transition: width 0.3s ease-in-out;
}
.nav-link:hover::after { 
    width: 100%; 
}

/* Active Nav Link Styles */
.nav-link.active {
    color: #ffffff;
}
.nav-link.active::after {
    width: 100%;
}

/* Hamburger Animation Classes */
.hamburger-box { 
    width: 40px;
    height: 24px;
    position: relative;
    cursor: pointer; 
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    transition: transform 0.15s ease-out;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: ""; 
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    transition: transform 0.15s ease-out;
}
.hamburger-inner::before { 
    top: -8px; 
}
.hamburger-inner::after { 
    bottom: -8px; 
}

/* Active Hamburger State */
body.menu-open .hamburger-inner { 
    transform: rotate(45deg);
    background-color: #D19000; 
}
body.menu-open .hamburger-inner::before { 
    top: 0;
    opacity: 0; 
}
body.menu-open .hamburger-inner::after { 
    bottom: 0;
    transform: rotate(-90deg);
    background-color: #D19000; 
}

/* Mobile Overlay */
.mobile-overlay {
    position: fixed;
    inset: 0;
    background-color: #000000;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-100%);
    transition: transform 0.6s cubic-bezier(0.7,0,0.3,1);
}
body.menu-open .mobile-overlay { 
    transform: translateY(0); 
}

/* Logo styling for better visibility */
.logo-enhanced {
    /* Subtle white stroke/outline */
    filter: 
        drop-shadow(0 0 1px rgba(255, 255, 255, 0.8))
        drop-shadow(0 0 1px rgba(255, 255, 255, 0.8))
        drop-shadow(0 0 1px rgba(255, 255, 255, 0.8))
        drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
}

/* Active mobile link styles */
.mobile-link.active {
    color: #D19000 !important;
}


/* Force only Home to be active on homepage */
.home .nav-link[href*="partners"].active {
    color: #d1d5db !important; /* text-gray-300 */
}

.home .nav-link[href*="partners"].active::after {
    display: none !important;
}

/* Or be more specific - only Home gets underline on homepage */
body.home .nav-link.active:not([href="<?php echo home_url('/'); ?>"]) {
    color: #d1d5db !important;
}

body.home .nav-link.active:not([href="<?php echo home_url('/'); ?>"])::after {
    display: none;
}