/* Style menu desktop - rozsunięcie i pełna szerokość na xl-2xl */

/* Rozsunięcie menu dla różnych rozmiarów ekranów */
@media (min-width: 1024px) {
    /* LG (1024px+) - podstawowe odstępy */
    .desktop-menu-left > * + * {
        margin-left: 2rem; /* space-x-8 */
    }
    
    .desktop-menu-right > * + * {
        margin-left: 2rem; /* space-x-8 */
    }
    
    .desktop-menu-logo {
        margin-left: 2rem; /* mx-8 */
        margin-right: 2rem;
    }
}

/* Header na całą szerokość od xl do 2xl */
@media (min-width: 1280px) and (max-width: 1535px) {
    /* XL (1280px - 1535px) - header na całą szerokość */
    #main-header nav {
        max-width: none !important;
        padding-left: 4rem;
        padding-right: 4rem;
    }
    
    .header-nav-container {
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .desktop-menu-left > * + * {
        margin-left: 3.5rem; /* space-x-14 */
    }
    
    .desktop-menu-right > * + * {
        margin-left: 4rem; /* space-x-16 */
    }
    
    .desktop-menu-logo {
        margin-left: 4rem; /* mx-16 */
        margin-right: 4rem;
    }
    
    /* Większe logo na xl */
    .desktop-menu-logo img {
        height: 5rem !important; /* h-20 */
    }
}

@media (min-width: 1536px) {
    /* 2XL (1536px+) - powrót do ograniczonej szerokości z max-width */
    .desktop-menu-left > * + * {
        margin-left: 4rem; /* space-x-16 */
    }
    
    .desktop-menu-right > * + * {
        margin-left: 4rem; /* space-x-16 */
    }
    
    .desktop-menu-logo {
        margin-left: 4rem; /* mx-16 */
        margin-right: 4rem;
    }
}