/**
 * Front-end-only overrides.
 *
 * Every rule here targets WooCommerce markup that only exists at runtime on the
 * front end: the classic product-tab wrappers, the cart table, and the Buy Now
 * button injected by inc/woocommerce.php. Loading them in the editor would style
 * placeholders that are not there, and the visibility overrides would hide
 * content the user still needs to be able to edit.
 *
 * Enqueued from CinterTheme::enqueue_frontend_assets() on `wp_enqueue_scripts`,
 * which never fires in the editor. Rules that should apply in BOTH the editor and
 * the front end belong in style.css instead.
 *
 * The !important flags override WooCommerce's own stylesheets, which load after
 * the theme's. They can only be replaced with plain specificity once the SCSS
 * source for assets/css/screen.css ships with the theme.
 */

html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li {
    border: none !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 12px !important;
}

.wc-block-cart__main .wc-block-cart-items td {
    border: none !important;
}

/* Keep the cart header row occupying space while blanking its label text. */
.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product {
    visibility: visible !important;
}

.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product * {
    visibility: hidden !important;
}

/* The single-product template renders its own reviews section. */
.woocommerce-page .cinter-comments-section,
.woocommerce-page .cinter-comments-form-section {
    display: none !important;
}

@media screen and (max-width: 767.98px) {

    .wp-block-button.wc-block-components-product-button,
    .product-info-col .buy-now-btn {
        width: 100%;
    }
}