/* MOBILE HEADER FIX - KOMPAKTE VERSION */

@media (max-width: 768px) {
    /* FORCE MOBILE LAYOUT */
    .header-container {
        padding: 0 !important;
    }
    
    .main-nav {
        display: none !important;
    }
    
    /* MOBILE LOGO SWITCH */
    .logo-desktop {
        display: none !important;
    }
    
    .logo-mobile {
        display: block !important;
        height: 35px !important;
        width: auto !important;
    }
    
    /* MOBILE HEADER LAYOUT - KOMPAKT */
    .header-main {
        background: #174d9a !important;
        padding: 10px 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        height: 60px !important;
        box-sizing: border-box !important;
    }
    
    /* MOBILE HAMBURGER BUTTON */
    .mobile-nav-toggle {
        display: block !important;
        background: none !important;
        border: none !important;
        color: white !important;
        font-size: 22px !important;
        cursor: pointer !important;
        padding: 8px !important;
        z-index: 1001 !important;
        flex-shrink: 0 !important;
        width: 38px !important;
        height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* MOBILE EMAIL BUTTON - KOMPAKT */
    .mobile-mail-btn {
        display: block !important;
        background: none !important;
        border: none !important;
        color: white !important;
        font-size: 20px !important;
        cursor: pointer !important;
        padding: 8px !important;
        z-index: 1001 !important;
        flex-shrink: 0 !important;
        width: 38px !important;
        height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* MOBILE LOGO CENTER */
    .logo {
        flex: 1 !important;
        display: flex !important;
        justify-content: center !important;
        padding: 0 8px !important;
    }
    
    /* HIDE DESKTOP SEARCH */
    .search-container,
    .nav-actions {
        display: none !important;
    }
    
    /* MOBILE SEARCH HEADER - KOMPAKT */
    .mobile-search-header {
        display: block !important;
        padding: 0 15px 10px 15px !important;
        background: #174d9a !important;
    }
    
    .mobile-search-form {
        display: flex !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    
    .mobile-search-input-header {
        flex: 1 !important;
        padding: 12px 15px !important;
        border: none !important;
        border-radius: 0 !important;
        font-size: 16px !important;
        outline: none !important;
        background: white !important;
        color: #333 !important;
    }
    
    /* MOBILE SEARCH BUTTON - KOMPAKT */
    .mobile-search-btn {
        background: #dc3545 !important;
        border: none !important;
        padding: 12px 16px !important;
        border-radius: 0 !important;
        color: white !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        flex-shrink: 0 !important;
    }
    
    .mobile-search-btn:hover {
        background: #c82333 !important;
    }
    
    .mobile-search-btn i {
        font-size: 16px !important;
    }
}