/* ==========================================================================
   Volta Lane — WooCommerce overrides (cart, checkout, account, notices,
   reviews, buttons). Loaded after WooCommerce's own stylesheets.
   ========================================================================== */

.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit,
.wc-block-components-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce #payment #place_order {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; padding: 0.7rem 1.25rem; border-radius: 999px; border: 1.5px solid transparent;
	background: var(--vl-ink); color: #fff; font-weight: 700; font-size: 0.95rem; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color 0.18s ease, transform 0.18s ease;
}
.woocommerce .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #payment #place_order:hover { background: var(--vl-graphite-2); color: #fff; transform: translateY(-1px); }
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { background: var(--vl-ink); color: #fff; }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--vl-graphite-2); }
.woocommerce .button.vl-btn--ghost, .woocommerce a.button.vl-btn--ghost { background: transparent; color: var(--vl-ink); border-color: var(--vl-line-strong); }
.woocommerce .button.vl-btn--sm { padding: 0.5rem 0.95rem; font-size: 0.86rem; }
.woocommerce .button.loading { opacity: 0.6; }
.woocommerce .button.added::after { display: none; }
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] { background: var(--vl-ink); color: #fff; opacity: 0.5; }

/* Notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice { border-top: 0; border-radius: var(--vl-radius-sm); padding: 0.9rem 1.1rem 0.9rem 3rem; margin-bottom: 1.5rem; font-size: 0.95rem; }
.woocommerce-message { background: var(--vl-success-soft); color: var(--vl-success); }
.woocommerce-message::before { color: var(--vl-success); }
.woocommerce-info { background: var(--vl-accent-soft); color: var(--vl-accent-ink); }
.woocommerce-info::before { color: var(--vl-accent-ink); }
.woocommerce-error { background: var(--vl-error-soft); color: var(--vl-error); }
.woocommerce-error::before { color: var(--vl-error); }
.woocommerce-message .button, .woocommerce-info .button { float: none; margin-left: auto; }
.woocommerce-notices-wrapper:empty { display: none; }

/* Cart, checkout, account pages: page container */
.vl-wc-wrap { padding-block: clamp(1.25rem, 3vw, 2rem) var(--vl-section); }
.vl-wc-wrap > h1.entry-title, .vl-wc-page__title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); margin-bottom: 1.25rem; }
.woocommerce table.shop_table { border: 1px solid var(--vl-line); border-radius: var(--vl-radius); border-collapse: separate; background: var(--vl-surface); }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--vl-line); padding: 0.9rem 1rem; }
.woocommerce table.shop_table td.product-name a { color: var(--vl-ink); font-weight: 700; text-decoration: none; }
.woocommerce-cart table.cart img { width: 72px; border-radius: var(--vl-radius-sm); }
.woocommerce-cart table.cart td.actions .coupon .input-text { width: 180px; padding: 0.55rem 0.8rem; }
.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; max-width: 420px; }
.woocommerce .cart_totals table.shop_table, .woocommerce-checkout #order_review table.shop_table { background: var(--vl-surface); }
.woocommerce-cart .wc-proceed-to-checkout { padding-top: 1rem; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { width: 100%; font-size: 1.05rem; padding: 0.95rem 1.5rem; }
.woocommerce .cart .button, .woocommerce .cart input.button { background: var(--vl-ink); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single { padding: 0.7rem 0.9rem; border: 1px solid var(--vl-line-strong); border-radius: var(--vl-radius-sm); background: var(--vl-surface); height: auto; line-height: 1.4; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.4; padding-left: 0; color: var(--vl-ink); }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; }
.woocommerce form .form-row label { font-weight: 700; font-size: 0.9rem; }
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: var(--vl-error); }
.woocommerce-checkout #payment { background: var(--vl-surface-2); border-radius: var(--vl-radius); }
.woocommerce-checkout #payment div.payment_box { background: var(--vl-surface); border-radius: var(--vl-radius-sm); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--vl-surface); }
.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: var(--vl-line); }
.woocommerce-checkout #payment #place_order { width: 100%; font-size: 1.05rem; padding: 0.95rem 1.5rem; }
.woocommerce-checkout .woocommerce-checkout-review-order { background: var(--vl-surface); border: 1px solid var(--vl-line); border-radius: var(--vl-radius); padding: 1.25rem; }
.woocommerce-checkout h3 { font-size: 1.2rem; }
@media (min-width: 900px) { .woocommerce-checkout .col2-set { width: 56%; float: left; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { width: 100%; float: none; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { width: 40%; float: right; clear: none; } }
.woocommerce-order-received .woocommerce-order { background: var(--vl-surface); border: 1px solid var(--vl-line); border-radius: var(--vl-radius); padding: clamp(1.25rem, 3vw, 2rem); }
.woocommerce-thankyou-order-received { font-family: var(--vl-font-display); font-size: 1.4rem; font-weight: 700; }
.woocommerce ul.order_details { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1rem 0 2rem; padding: 0; list-style: none; }
.woocommerce ul.order_details li { border-right: 0; background: var(--vl-surface-2); border-radius: var(--vl-radius-sm); padding: 0.8rem 1rem; margin: 0; font-size: 0.78rem; }

/* My account */
.woocommerce-account .woocommerce-MyAccount-navigation { width: 240px; float: left; }
.woocommerce-account .woocommerce-MyAccount-content { width: calc(100% - 270px); float: right; background: var(--vl-surface); border: 1px solid var(--vl-line); border-radius: var(--vl-radius); padding: clamp(1.25rem, 3vw, 2rem); }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.25rem; }
.woocommerce-MyAccount-navigation ul li a { display: block; padding: 0.6rem 0.9rem; border-radius: var(--vl-radius-sm); color: var(--vl-ink-2); text-decoration: none; font-weight: 600; }
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover { background: var(--vl-ink); color: #fff; }
@media (max-width: 760px) { .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; } .woocommerce-MyAccount-navigation ul { grid-template-columns: 1fr 1fr; margin-bottom: 1rem; } }
.woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.register, .woocommerce form.lost_reset_password { border: 1px solid var(--vl-line); border-radius: var(--vl-radius); background: var(--vl-surface); padding: clamp(1.25rem, 3vw, 2rem); }
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { max-width: none; }
.woocommerce-account .woocommerce .col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.woocommerce-account .woocommerce .col2-set::before, .woocommerce-account .woocommerce .col2-set::after { display: none; }
.woocommerce-account .woocommerce .col2-set .col-1, .woocommerce-account .woocommerce .col2-set .col-2 { width: 100%; float: none; }
@media (max-width: 760px) { .woocommerce-account .woocommerce .col2-set { grid-template-columns: 1fr; } }

/* Order tracking form */
.vl-tracking .track_order { background: var(--vl-surface); border: 1px solid var(--vl-line); border-radius: var(--vl-radius); padding: clamp(1.25rem, 3vw, 2rem); }
.vl-tracking .track_order .form-row-first, .vl-tracking .track_order .form-row-last { width: 48%; }

/* Reviews */
.woocommerce #reviews #comments ol.commentlist { padding: 0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text { border-color: var(--vl-line); border-radius: var(--vl-radius-sm); background: var(--vl-surface); }
.woocommerce #reviews #comments ol.commentlist li img.avatar { border-radius: 50%; }
.woocommerce #review_form #respond textarea { min-height: 120px; }
.woocommerce .star-rating span::before, .woocommerce p.stars a::before { color: #e0a100; }
.woocommerce p.stars a { color: #e0a100; }
.woocommerce #review_form #respond .comment-reply-title { font-family: var(--vl-font-display); font-weight: 700; font-size: 1.1rem; }

/* Quantity */
.woocommerce .quantity .qty { padding: 0.65rem 0.5rem; border: 1px solid var(--vl-line-strong); border-radius: var(--vl-radius-sm); }

/* Product gallery (zoom/lightbox markup) */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { background: var(--vl-surface); }
.woocommerce div.product div.images img { border-radius: 0; }
.pswp__bg { background: rgba(21, 23, 28, 0.92); }

/* Store notice */
.woocommerce-store-notice, p.demo_store { background: var(--vl-accent); color: var(--vl-ink); font-weight: 700; }

/* Password protected / sale badge fallback */
span.onsale { display: none; }

/* Loop add-to-cart inside our cards */
.vl-product .button.product_type_simple, .vl-product .button.product_type_variable, .vl-product .button.product_type_grouped, .vl-product .button.product_type_external { background: var(--vl-ink); color: #fff; }
.vl-product .button.product_type_variable, .vl-product .button.product_type_grouped { background: transparent; color: var(--vl-ink); border-color: var(--vl-line-strong); }

/* Block cart/checkout inside the theme container */
.vl-wc-page { padding-bottom: 1rem; }
.vl-wc-page .wp-block-woocommerce-cart, .vl-wc-page .wp-block-woocommerce-checkout { margin-top: 0; }
.wc-block-components-button:not(.is-link) { border-radius: 999px; font-weight: 700; }
.wc-block-components-checkout-step__title, .wc-block-components-title { font-family: var(--vl-font-display); }
.wc-block-components-text-input input, .wc-block-components-select .components-custom-select-control__button { border-radius: var(--vl-radius-sm); }
.wc-block-components-sidebar .wc-block-components-totals-item { font-size: 0.95rem; }
.woocommerce-cart .vl-compare-bar, .woocommerce-checkout .vl-compare-bar { display: none !important; }