/* CUSTOM CSS */



/* MENU */

/* 1. Neutralizacja gabarytów głównego kontenera elementu (wrapper) */
.ps-mainmenu__tree-item-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    align-items: center !important; /* Wymuszenie centrowania w osi krzyżowej, redukcja rozciągania */
}

/* 2. Kompresja obszaru kliknięcia i wysokości dla hiperłącza */
.ps-mainmenu__tree-link {
    padding: 8px 12px !important; /* Ścisła kontrola wewnętrzna: 8px w osi Y, 12px w osi X */
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
}

/* 3. Redukcja gabarytów przycisku rozwijania (dropdown toggle często sztucznie rozpycha wrapper) */
.ps-mainmenu__tree-dropdown-toggle {
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 6px !important;
    margin: 0 !important;
}

/* 4. Globalna kontrola odstępów między elementami wyższego rzędu (jeśli menu to flexbox/grid) */
.ps-mainmenu {
    gap: 10px !important;
}



/* DOSTOSOWYWANIE PRODUKTU */

/* 1. Ustawienie strony produktu w tryb Grid, aby móc zmieniać kolejność */
.product-container .row {
    display: flex;
    flex-direction: column;
}

/* 2. Zapewnienie, że formularze NFZ i Koszyk są w jednej kolumnie */
.js-product-customization {
    order: 2; /* Będzie pod wariantami */
    margin-top: 20px !important;
    border: 1px solid #e9ecef !important;
    padding: 15px !important;
    border-radius: 6px !important;
}

#add-to-cart-or-refresh {
    order: 1; /* Będzie nad NFZ */
}

/* 3. Ukrycie niepotrzebnego nagłówka */
.product-customization__title {
    display: none !important;
}