/**
 * NTT Wishlist Fix v3
 * File: wp-content/themes/basel-child/assets/css/ntt-wishlist-fix.css
 */

/* ── 1. Napraw .products ukryte przez globalny CSS ── */
.woocommerce-MyAccount-content .products,
.woocommerce-MyAccount-content .elements-grid,
.woocommerce-MyAccount-content .basel-products-holder,
.woocommerce-MyAccount-content .basel-products-element .products,
.basel-wishlist-content .products,
.basel-wishlist-content .elements-grid,
.page-id-54254 .products {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* ── 2. Karty produktów ── */
.woocommerce-MyAccount-content .product-grid-item,
.basel-wishlist-content .product-grid-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ── 3. Schowaj lewy panel my-account ── */
.woocommerce-MyAccount-navigation,
.basel-my-account-sidebar {
    display: none !important;
}

/* ── 4. Content na całą szerokość ── */
.woocommerce-my-account-wrapper {
    display: block !important;
}

.woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: none !important;
}

/* ── 5. Wyśrodkowanie całego bloku wishlisty ── */
/* Nie ujemny margin (niszczy layout) — zamiast tego
   ograniczamy szerokość wrappera i centrujemy go */
.woocommerce-MyAccount-content .basel-wishlist-content {
    max-width: none !important;
    width: 100% !important;
}

/* Heading + siatka produktów — daj im więcej miejsca niż domyślny padding kolumny WP */
.woocommerce-MyAccount-content .basel-wishlist-heading-wrapper,
.woocommerce-MyAccount-content .basel-products-element {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ── 6. Sidebar strony (prawy Recent Posts) — ukryj też go ── */
.sidebar-container.col-sm-3 {
    display: none !important;
}

/* Site-content rozszerz do 100% gdy sidebar ukryty */
.site-content.col-sm-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Request for Quote — rozciągnij szare tło do krawędzi okna */
.page-id-54254 .wpcf7-form > div[style*="background:#F9F9F9"] {
    border-radius: 0 !important;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 50% + 40px) !important;
    padding-right: calc(50vw - 50% + 40px) !important;
}