/* =========================================
   DESKTOP HEADER ENHANCEMENTS (PC ONLY)
   ========================================= */
@media (min-width: 992px) {

    /* 1. Header Container & Glassmorphism */
    .header-area {
        background: rgba(5, 5, 5, 0.7) !important;
        /* Semi-transparent dark bg */
        backdrop-filter: blur(12px) !important;
        /* Glass blur effect */
        -webkit-backdrop-filter: blur(12px) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        margin-top: 0 !important;
        /* Remove floating margins for sleek look */
        margin-bottom: 0 !important;
        padding: 5px 0 !important;
        /* Tighter vertical padding */
        position: fixed !important;
        /* Sticky/Fixed header */
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999 !important;
        width: 100%;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    }

    /* Adjust body padding so fixed header doesn't overlap content */
    body {
        padding-top: 80px;
        /* Adjust based on header height */
    }

    /* 2. Layout Fixes (Overriding inline negative margins) */
    .desktop-logo-col {
        margin-left: 0 !important;
        padding-left: 0 !important;
        display: flex;
        align-items: center;
    }

    .desktop-menu-col {
        margin-right: 0 !important;
        padding-right: 0 !important;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    /* 3. Logo Enhancements */
    #header-logo {
        max-height: 55px !important;
        /* Larger logo */
        width: auto !important;
        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        /* Increase brightness and contrast to make it 'belirgin' */
        filter: brightness(1.5) contrast(1.1) drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
        padding-top: 5px;
        padding-bottom: 5px;
        opacity: 1 !important;
        /* Ensure no transparency */
    }

    #header-logo:hover {
        transform: scale(1.05);
        /* Gentle zoom */
        /* Enhanced glow on hover */
        filter: brightness(1.5) contrast(1.1) drop-shadow(0 0 10px rgba(68, 214, 44, 0.6));
    }

    /* 4. Menu Buttons (Navigation Links) */
    .main-menu ul li {
        margin-left: 10px !important;
        margin-right: 5px !important;
        display: inline-block;
    }

    .main-menu ul li a {
        font-family: 'Manrope', sans-serif;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8) !important;
        /* Slightly muted white */
        padding: 10px 24px !important;
        /* Button-like padding */
        background: transparent;
        border-radius: 50px !important;
        /* Pill shape */
        border: 1px solid transparent !important;
        /* Reserve space for border */
        transition: all 0.3s ease-out;
    }

    /* Hover State for Menu Items */
    .main-menu ul li a:hover {
        background: rgba(68, 214, 44, 0.1) !important;
        /* Subtle green fill */
        color: #44D62C !important;
        /* Bright Green text */
        border-color: rgba(68, 214, 44, 0.4) !important;
        /* Green border */
        box-shadow: 0 0 15px rgba(68, 214, 44, 0.2);
        /* Green glow */
        transform: translateY(-2px);
        /* Slight lift */
    }

    /* Active State (optional, if there's an active class) */
    .main-menu ul li.active a {
        color: #44D62C !important;
        background: rgba(68, 214, 44, 0.05) !important;
    }
}