/* =========================================
   WooCommerce – Kosár + Pénztár
   Shipping row full-width hack
   ========================================= */

.woocommerce-cart .shop_table tr.woocommerce-shipping-totals.shipping,
.woocommerce-checkout .shop_table tr.woocommerce-shipping-totals.shipping {
    position: relative;
}

.woocommerce-cart .shop_table tr.woocommerce-shipping-totals.shipping > th,
.woocommerce-checkout .shop_table tr.woocommerce-shipping-totals.shipping > th {
    display: none !important;
}

.woocommerce-cart .shop_table tr.woocommerce-shipping-totals.shipping > td,
.woocommerce-checkout .shop_table tr.woocommerce-shipping-totals.shipping > td {
    display: block !important;
    width: 200% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

.woocommerce-cart .shop_table tr.woocommerce-shipping-totals.shipping > td::before,
.woocommerce-checkout .shop_table tr.woocommerce-shipping-totals.shipping > td::before {
    content: "Szállítás";
    display: block;
    font-weight: 700;
    text-align: left;
    margin: 0 0 14px 0;
    padding: 0;
}

.woocommerce-cart ul#shipping_method,
.woocommerce-checkout ul#shipping_method {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: left !important;
}

.woocommerce-cart ul#shipping_method li,
.woocommerce-checkout ul#shipping_method li {
    display: grid !important;
    grid-template-columns: 13px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    row-gap: 6px !important;
    align-items: start !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.woocommerce-cart ul#shipping_method li > input[type="radio"],
.woocommerce-checkout ul#shipping_method li > input[type="radio"] {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

.woocommerce-cart ul#shipping_method li > label,
.woocommerce-checkout ul#shipping_method li > label {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

.woocommerce-cart ul#shipping_method li > p,
.woocommerce-checkout ul#shipping_method li > p {
    grid-column: 2 !important;
    margin: 0 !important;
    text-align: left !important;
}

.woocommerce-cart .vp-woo-pont-shipping-method-icons,
.woocommerce-checkout .vp-woo-pont-shipping-method-icons {
    display: block !important;
    margin-top: 8px !important;
}

.woocommerce-cart .vp-woo-pont-shipping-method-icons i,
.woocommerce-checkout .vp-woo-pont-shipping-method-icons i {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 8px;
}

.woocommerce-cart .woocommerce-shipping-destination,
.woocommerce-checkout .woocommerce-shipping-destination {
    margin: 8px 0 0 21px !important;
    text-align: left !important;
}

.woocommerce-cart ul#shipping_method li *,
.woocommerce-checkout ul#shipping_method li * {
    float: none !important;
}

@media (max-width: 767px) {
    .woocommerce-cart .shop_table tr.woocommerce-shipping-totals.shipping > td,
    .woocommerce-checkout .shop_table tr.woocommerce-shipping-totals.shipping > td {
        width: 200% !important;
    }
}