/**
 * VinVic: twardy priorytet na stronach koszyk / zamówienie (body.vv-vinvic-commerce-takeover).
 * Neutralizuje typowe siatki, paski boczne i szerokości motywów (Astra, OceanWP, GeneratePress, Storefront…).
 */
body.vv-vinvic-commerce-takeover {
    --vv-ct-font: var(
        --vv-ui-font,
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif
    );
}

body.vv-vinvic-commerce-takeover #page,
body.vv-vinvic-commerce-takeover .site,
body.vv-vinvic-commerce-takeover #wrapper,
body.vv-vinvic-commerce-takeover .ast-container,
body.vv-vinvic-commerce-takeover .site-content,
body.vv-vinvic-commerce-takeover .content-area,
body.vv-vinvic-commerce-takeover #content,
body.vv-vinvic-commerce-takeover .wrap,
body.vv-vinvic-commerce-takeover .container,
body.vv-vinvic-commerce-takeover .grid-container,
body.vv-vinvic-commerce-takeover .inside-article {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.vv-vinvic-commerce-takeover .site-content,
body.vv-vinvic-commerce-takeover #content,
body.vv-vinvic-commerce-takeover #primary,
body.vv-vinvic-commerce-takeover .content-area,
body.vv-vinvic-commerce-takeover main#main,
body.vv-vinvic-commerce-takeover main.site-main {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: clamp(10px, 2vw, 20px) !important;
    padding-right: clamp(10px, 2vw, 20px) !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Nie ukrywamy sidebara — często to „połowa strony” i treść motywu; włącz tylko świadomie w ustawieniach. */

body.vv-vinvic-commerce-takeover .woocommerce,
body.vv-vinvic-commerce-takeover .woocommerce-page,
body.vv-vinvic-commerce-takeover .wp-block-woocommerce-cart,
body.vv-vinvic-commerce-takeover .wp-block-woocommerce-checkout,
body.vv-vinvic-commerce-takeover .wc-block-cart,
body.vv-vinvic-commerce-takeover .wc-block-checkout {
    font-family: var(--vv-ct-font) !important;
    color: #0f172a !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.vv-vinvic-commerce-takeover .woocommerce *,
body.vv-vinvic-commerce-takeover .wc-block-cart *,
body.vv-vinvic-commerce-takeover .wc-block-checkout * {
    box-sizing: border-box !important;
}

body.vv-vinvic-commerce-takeover .woocommerce table.shop_table,
body.vv-vinvic-commerce-takeover .woocommerce-checkout-review-order-table {
    width: 100% !important;
    float: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body.vv-vinvic-commerce-takeover .woocommerce .button,
body.vv-vinvic-commerce-takeover .woocommerce button.button,
body.vv-vinvic-commerce-takeover .woocommerce a.button,
body.vv-vinvic-commerce-takeover .woocommerce input.button {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

body.vv-vinvic-commerce-takeover .woocommerce img,
body.vv-vinvic-commerce-takeover .wc-block-components-product-image img {
    max-width: 100% !important;
    height: auto !important;
}

body.vv-vinvic-commerce-takeover #vv-apaczka-map-layer img.leaflet-tile,
body.vv-vinvic-commerce-takeover .apaczka_mp_geowidget_modal img.leaflet-tile {
    max-width: none !important;
    width: auto !important;
    height: auto !important;
}

body.vv-vinvic-commerce-takeover .woocommerce form .form-row,
body.vv-vinvic-commerce-takeover .woocommerce-page form .form-row {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.vv-vinvic-commerce-takeover .woocommerce .col2-set,
body.vv-vinvic-commerce-takeover .woocommerce-page .col2-set {
    width: 100% !important;
    display: block !important;
}

body.vv-vinvic-commerce-takeover .woocommerce .col2-set .col-1,
body.vv-vinvic-commerce-takeover .woocommerce .col2-set .col-2,
body.vv-vinvic-commerce-takeover .woocommerce-page .col2-set .col-1,
body.vv-vinvic-commerce-takeover .woocommerce-page .col2-set .col-2 {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
}

body.vv-vinvic-commerce-takeover .wc-block-components-sidebar-layout {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.vv-vinvic-commerce-takeover .vv-checkout-wrapper,
body.vv-vinvic-commerce-takeover .vv-checkout-genius-hub {
    position: relative !important;
    z-index: 2 !important;
}

body.vv-vinvic-commerce-takeover .entry-header,
body.vv-vinvic-commerce-takeover .page-header {
    text-align: center !important;
}

body.vv-vinvic-commerce-takeover .entry-title,
body.vv-vinvic-commerce-takeover .page-title,
body.vv-vinvic-commerce-takeover h1.entry-title {
    font-family: var(--vv-ct-font) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}
