/* Enhanced Header Navigation Styles - Desktop Only */
@media (min-width: 992px) {
    .header-nav .navbar-nav {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .header-nav .navbar-nav>li {
        position: relative;
        margin: 0 2px;
    }

    .header-nav .navbar-nav>li>a {
        color: #1a1a1a;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 15px 20px;
        transition: all 0.3s ease;
        position: relative;
        font-family: 'Poppins', sans-serif;
    }

    .header-nav .navbar-nav>li>a::after {
        content: '';
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%) scaleX(0);
        width: 60%;
        height: 2px;
        background: linear-gradient(90deg, #a8ca1e 0%, #8fb01a 100%);
        transition: transform 0.3s ease;
    }

    .header-nav .navbar-nav>li:hover>a,
    .header-nav .navbar-nav>li.active>a {
        color: #a8ca1e;
    }

    .header-nav .navbar-nav>li:hover>a::after,
    .header-nav .navbar-nav>li.active>a::after {
        transform: translateX(-50%) scaleX(1);
    }

    .main-bar {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
    }

    .sticky-header.is-sticky .main-bar {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .header-nav .navbar-nav>li>a:hover {
        transform: translateY(-2px);
    }

    /* Enhanced Call and WhatsApp Icons - Desktop Only */
    .extra-nav {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .extra-cell {
        position: relative;
    }

    .extra-nav .site-search-btn {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        color: #1a1a1a;
        font-size: 21px;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
    }

    .extra-nav .site-search-btn .ripple-effect {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(168, 202, 30, 0.1);
        transform: translate(-50%, -50%);
        transition: width 0.6s ease, height 0.6s ease;
        pointer-events: none;
    }

    .extra-nav .site-search-btn:hover .ripple-effect {
        width: 110px;
        height: 110px;
    }

    .extra-nav .site-search-btn:hover {
        transform: translateY(-3px) scale(1.1);
        box-shadow: 0 8px 25px rgba(168, 202, 30, 0.3);
        border-color: #a8ca1e;
        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    }

    .extra-nav .site-search-btn i {
        position: relative;
        z-index: 2;
        transition: all 0.3s ease;
    }

    /* Phone Icon Specific */
    .extra-nav .site-search-btn[href^="tel:"]:hover {
        color: #25D366;
    }

    .extra-nav .site-search-btn[href^="tel:"]:hover i {
        transform: rotate(15deg) scale(1.2);
    }

    /* WhatsApp Icon Specific */
    .extra-nav .site-search-btn .fa-whatsapp {
        color: #25D366;
        font-size: 24px;
    }

    .extra-nav .site-search-btn[href*="wa.me"] {
        color: #25D366;
    }

    .extra-nav .site-search-btn[href*="wa.me"]:hover,
    .extra-nav .site-search-btn:hover .fa-whatsapp {
        color: #128C7E;
    }

    .extra-nav .site-search-btn[href*="wa.me"]:hover i,
    .extra-nav .site-search-btn:hover .fa-whatsapp {
        transform: scale(1.2);
    }

    /* Tooltip removed - no black boxes during animation */
    .extra-nav .site-search-btn::after {
        display: none !important;
    }

    .extra-nav .site-search-btn::before {
        display: none !important;
    }
}

/* Mobile Styles for Header Icons */
@media (max-width: 991px) {
    .extra-nav {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .extra-nav .site-search-btn {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        color: #1a1a1a;
        font-size: 22px;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        border: 2px solid transparent;
        position: relative;
    }

    .extra-nav .site-search-btn:hover {
        transform: translateY(-2px) scale(1.05);
        box-shadow: 0 4px 15px rgba(168, 202, 30, 0.25);
        border-color: #a8ca1e;
    }

    /* WhatsApp Icon Specific - Mobile */
    .extra-nav .site-search-btn .fa-whatsapp {
        color: #25D366;
        font-size: 26px;
    }

    .extra-nav .site-search-btn:hover .fa-whatsapp {
        color: #128C7E;
        transform: scale(1.15);
    }

    /* Phone Icon Specific - Mobile */
    .extra-nav .site-search-btn[href^="tel:"] i {
        font-size: 22px;
    }

    .extra-nav .site-search-btn[href^="tel:"]:hover i {
        transform: rotate(15deg) scale(1.15);
        color: #25D366;
    }
}

/* Extra Small Mobile Devices */
@media (max-width: 480px) {
    .extra-nav {
        gap: 6px;
    }

    .extra-nav .site-search-btn {
        width: 42px;
        height: 42px;
        font-size: 20px;
    }

    .extra-nav .site-search-btn .fa-whatsapp {
        font-size: 24px;
    }

    .extra-nav .site-search-btn[href^="tel:"] i {
        font-size: 20px;
    }
}