/* WooCommerce styling for the STA Custom theme (WooCommerce's own stylesheets are disabled). */

/* ---------- Buttons ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.single_add_to_cart_button, .wc-block-components-button, button.button {
    display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; gap: .5rem;
    border: 0; border-radius: .5rem; background: #185bd8; color: #fff; padding: .75rem 1.25rem;
    font-size: 1rem; font-weight: 600; line-height: 1.5rem; text-decoration: none; cursor: pointer; transition: background-color .15s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.single_add_to_cart_button:hover, button.button:hover { background: #0a1f44; color: #fff; }
.woocommerce a.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button.disabled { opacity: .5; cursor: not-allowed; }
.woocommerce a.button.wc-forward, .woocommerce .return-to-shop a.button { background: #185bd8; }
.woocommerce a.remove { display: inline-flex; height: 2.25rem; width: 2.25rem; align-items: center; justify-content: center; border-radius: 9999px; background: #eff6ff; color: #185bd8; font-size: 1.4rem; text-decoration: none; }
.woocommerce a.remove:hover { background: #185bd8; color: #fff; }

/* ---------- Notices ---------- */
.woocommerce-notices-wrapper { margin-bottom: 1rem; }
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem;
    margin: 0 0 1rem; padding: 1rem 1.25rem; list-style: none; border-radius: .75rem;
    border: 1px solid #bfdbfe; border-left-width: 4px; background: #eff6ff; color: #0a1f44;
}
.woocommerce-error { border-color: #fecaca; background: #fef2f2; color: #7f1d1d; }
.woocommerce-message a.button, .woocommerce-info a.button { order: 2; }

/* ---------- Shop toolbar + pagination ---------- */
.woocommerce-result-count { float: left; margin: 0 0 1rem; line-height: 3rem; color: #5a6a84; }
.woocommerce-ordering { float: right; margin: 0 0 1rem; }
.woocommerce-ordering select { width: auto; min-width: 12rem; }
ul.products { clear: both; }
.woocommerce-pagination { clear: both; margin-top: 2rem; }
.woocommerce-pagination ul.page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; list-style: none; padding: 0; }
.woocommerce-pagination .page-numbers a, .woocommerce-pagination .page-numbers span {
    display: inline-flex; min-width: 2.75rem; min-height: 2.75rem; align-items: center; justify-content: center;
    border: 1px solid #d5deeb; border-radius: .5rem; background: #fff; text-decoration: none; font-weight: 600;
}
.woocommerce-pagination .page-numbers .current { background: #185bd8; border-color: #185bd8; color: #fff; }
.woocommerce-info.woocommerce-no-products-found { clear: both; }

/* ---------- Breadcrumb ---------- */
.woocommerce-breadcrumb a:hover { color: #185bd8; }
.sta-crumb-sep { display: inline-flex; }

/* ---------- Single product ---------- */
.single-product div.product { position: relative; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .single-product div.product { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; } }
.single-product div.product > .woocommerce-tabs,
.single-product div.product > .related,
.single-product div.product > .upsells { grid-column: 1 / -1; }
.single-product div.product > .onsale { position: absolute; left: 1rem; top: 1rem; z-index: 5; }
.onsale { border-radius: .25rem; background: #dbeafe; color: #185bd8; padding: .25rem .5rem; font-size: .8125rem; font-weight: 600; }
.sta-gallery-main { border: 1px solid #dfe6ef; border-radius: .75rem; background: #f7f9fc; padding: 1.5rem; }
.sta-thumbs { display: flex; gap: .75rem; margin-top: .75rem; }
.sta-thumbs button { border: 1px solid #dfe6ef; border-radius: .5rem; background: #fff; padding: .25rem; cursor: pointer; }
.sta-thumbs img { height: 4rem; width: 4rem; object-fit: contain; }
.summary .product_title { margin: 0 0 .75rem; font-size: 1.875rem; font-weight: 700; line-height: 1.2; }
.summary .woocommerce-product-rating { display: flex; align-items: center; gap: .5rem; margin-bottom: .75rem; }
.summary .woocommerce-review-link { color: #185bd8; font-size: .9375rem; }
.summary p.price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .75rem; margin: 0 0 1rem; font-size: 1.875rem; font-weight: 700; }
.summary p.price ins { order: 1; text-decoration: none; }
.summary p.price del { order: 2; font-size: 1.125rem; font-weight: 400; color: #5a6a84; }
.summary .woocommerce-product-details__short-description { margin-bottom: 1.25rem; line-height: 1.75; color: #5a6a84; }
.summary p.stock { margin: 0 0 1rem; font-weight: 600; color: #21714b; }
.summary p.stock.out-of-stock { color: #b42318; }
.summary form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-bottom: 1.25rem; }
.quantity input.qty { width: 5rem; min-height: 3rem; text-align: center; }
.summary .product_meta { display: grid; gap: .25rem; margin-top: 1.25rem; font-size: .9375rem; color: #5a6a84; }
.summary .product_meta a { color: #185bd8; }
.sta-trust { display: grid; gap: .75rem; margin: 1.25rem 0 0; padding: 1.25rem 0 0; list-style: none; border-top: 1px solid #dfe6ef; }
.sta-trust li { display: flex; align-items: center; gap: .75rem; }

/* Tabs */
.woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem; padding: 0; list-style: none; border-bottom: 1px solid #dfe6ef; }
.woocommerce-tabs ul.tabs li a { display: inline-flex; min-height: 3rem; align-items: center; padding: 0 1.25rem; font-weight: 600; color: #5a6a84; border-bottom: 3px solid transparent; text-decoration: none; }
.woocommerce-tabs ul.tabs li.active a { color: #185bd8; border-bottom-color: #185bd8; }
.woocommerce-Tabs-panel { border: 1px solid #dfe6ef; border-radius: .75rem; background: #fff; padding: 1.5rem; line-height: 1.75; }
.woocommerce-Tabs-panel h2 { margin-bottom: 1rem; font-size: 1.25rem; font-weight: 600; }
table.woocommerce-product-attributes { width: 100%; border-collapse: collapse; }
table.woocommerce-product-attributes th, table.woocommerce-product-attributes td { padding: .875rem 0; border-bottom: 1px solid #eef2f8; text-align: left; font-weight: 400; }
table.woocommerce-product-attributes th { width: 40%; font-weight: 600; }
table.woocommerce-product-attributes p { margin: 0; }
.related > h2, .upsells > h2 { margin-bottom: 1.25rem; font-size: 1.5rem; font-weight: 700; }

/* Reviews */
#reviews ol.commentlist { margin: 0 0 1.5rem; padding: 0; list-style: none; display: grid; gap: 1rem; }
#reviews .comment_container { display: flex; gap: 1rem; }
#reviews img.avatar { height: 3rem; width: 3rem; border-radius: 9999px; }
#reviews .comment-text { flex: 1; }
#review_form .comment-form { display: grid; gap: 1rem; }
p.stars { display: flex; gap: 2px; margin: 0; }
p.stars span { display: flex; }
p.stars a { position: relative; display: inline-block; height: 28px; width: 28px; font-size: 0; text-decoration: none; }
p.stars a::before { content: "★"; position: absolute; inset: 0; font-size: 26px; line-height: 28px; color: #c9d4e4; }
p.stars:hover a::before { color: #ff9f1c; }
p.stars a:hover ~ a::before { color: #c9d4e4; }
p.stars.selected a::before { color: #ff9f1c; }
p.stars.selected a.active ~ a::before { color: #c9d4e4; }
.comment-form-rating select#rating { display: none; }

/* ---------- Cart ---------- */
.sta-woo-page .woocommerce { display: block; }
.woocommerce-cart .sta-woo-page .woocommerce { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
.woocommerce-cart .sta-woo-page .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
@media (min-width: 1024px) { .woocommerce-cart .sta-woo-page .woocommerce { grid-template-columns: minmax(0, 1fr) 380px; align-items: start; } }
table.shop_table { width: 100%; border-collapse: collapse; }
.woocommerce-cart-form, .woocommerce-checkout-review-order, .cart_totals, .woocommerce-MyAccount-content, .woocommerce-order, .woocommerce form.login, .woocommerce form.register, .woocommerce-ResetPassword {
    border: 1px solid #dfe6ef; border-radius: .75rem; background: #fff; padding: 1.25rem;
}
@media (min-width: 640px) { .woocommerce-cart-form, .cart_totals { padding: 1.75rem; } }
.woocommerce-cart-form { overflow-x: auto; }
table.shop_table th, table.shop_table td { padding: .875rem .5rem; border-bottom: 1px solid #eef2f8; text-align: left; vertical-align: middle; }
table.shop_table thead th { font-size: .8125rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #5a6a84; }
table.shop_table td.product-thumbnail img { height: 4.5rem; width: 4.5rem; object-fit: contain; border-radius: .5rem; background: #f7f9fc; }
table.shop_table td.product-name a { font-weight: 600; text-decoration: none; }
table.shop_table td.product-name a:hover { color: #185bd8; }
.woocommerce-cart-form td.actions { padding-top: 1.25rem; }
.woocommerce-cart-form td.actions .coupon { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: .75rem; }
.woocommerce-cart-form td.actions .coupon input { width: auto; flex: 1; min-width: 10rem; }
.cart_totals h2 { margin-bottom: 1rem; font-size: 1.25rem; font-weight: 600; }
.cart_totals .wc-proceed-to-checkout a.checkout-button { width: 100%; margin-top: 1rem; }
.cart-collaterals .shipping-calculator-button { color: #185bd8; }
.woocommerce-shipping-methods { margin: 0; padding: 0; list-style: none; }
.woocommerce-shipping-methods li { display: flex; align-items: center; gap: .5rem; padding: .25rem 0; }
.woocommerce-shipping-methods input { width: auto; min-height: 0; }
.cart-empty { margin-bottom: 1rem; }
.return-to-shop { margin-top: 1rem; }
tr.order-total th, tr.order-total td, .order_details tfoot tr:last-child th, .order_details tfoot tr:last-child td { font-size: 1.125rem; font-weight: 700; }

/* ---------- Checkout ---------- */
form.checkout { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) {
    form.checkout { grid-template-columns: minmax(0, 1fr) 420px; grid-template-areas: "details heading" "details review"; align-items: start; }
    form.checkout #customer_details { grid-area: details; }
    form.checkout #order_review_heading { grid-area: heading; margin: 0; }
    form.checkout #order_review { grid-area: review; }
}
#customer_details .col-1, #customer_details .col-2 { float: none; width: 100%; }
#customer_details > div { border: 1px solid #dfe6ef; border-radius: .75rem; background: #fff; padding: 1.25rem; margin-bottom: 1.25rem; }
@media (min-width: 640px) { #customer_details > div { padding: 1.75rem; } }
#customer_details h3, #order_review_heading { margin-bottom: 1rem; font-size: 1.25rem; font-weight: 600; }
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.form-row { width: 100%; margin: 0 0 1rem; }
.form-row-first, .form-row-last { width: 100%; }
@media (min-width: 640px) { .form-row-first, .form-row-last { width: calc(50% - .5rem); } }
.form-row label { display: block; margin-bottom: .375rem; font-weight: 600; }
.form-row .required { color: #b42318; text-decoration: none; }
.woocommerce-checkout #order_review { border: 1px solid #dfe6ef; border-radius: .75rem; background: #fff; padding: 1.25rem; }
.woocommerce-checkout-review-order { border: 0; padding: 0; }
#payment ul.payment_methods { margin: 1rem 0; padding: 0; list-style: none; display: grid; gap: .5rem; }
#payment ul.payment_methods li { border: 1px solid #dfe6ef; border-radius: .5rem; padding: .875rem 1rem; }
#payment ul.payment_methods input[type="radio"] { width: auto; min-height: 0; margin-right: .5rem; }
#payment div.payment_box { margin-top: .75rem; border-radius: .5rem; background: #f4f7fb; padding: .875rem; font-size: .9375rem; color: #5a6a84; }
#payment #place_order { width: 100%; }
.woocommerce-privacy-policy-text { font-size: .875rem; color: #5a6a84; }
.woocommerce-terms-and-conditions-wrapper { margin: 1rem 0; }
.select2-container .select2-selection--single { height: 3rem; border: 1px solid #d5deeb; border-radius: .5rem; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 3rem; padding-left: .75rem; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 3rem; }

/* ---------- Order received ---------- */
.woocommerce-thankyou-order-received { margin-bottom: 1rem; font-size: 1.25rem; font-weight: 600; color: #21714b; }
ul.woocommerce-order-overview { display: grid; gap: .75rem; margin: 0 0 1.5rem; padding: 0; list-style: none; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
ul.woocommerce-order-overview li { border-radius: .5rem; background: #f4f7fb; padding: .875rem; font-size: .875rem; color: #5a6a84; }
ul.woocommerce-order-overview li strong { display: block; font-size: 1rem; color: #0a1f44; }
.woocommerce-order-details h2, .woocommerce-customer-details h2 { margin: 1.5rem 0 .75rem; font-size: 1.25rem; font-weight: 600; }
.woocommerce-customer-details address { border-radius: .5rem; background: #f4f7fb; padding: 1rem; font-style: normal; line-height: 1.75; }

/* ---------- My account ---------- */
.woocommerce-account .woocommerce { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .woocommerce-account.logged-in .woocommerce { grid-template-columns: 260px minmax(0, 1fr); align-items: start; } }
.woocommerce-MyAccount-navigation ul { display: grid; gap: .25rem; margin: 0; padding: .5rem; list-style: none; border: 1px solid #dfe6ef; border-radius: .75rem; background: #fff; }
.woocommerce-MyAccount-navigation a { display: flex; min-height: 2.75rem; align-items: center; border-radius: .5rem; padding: 0 .875rem; font-weight: 600; text-decoration: none; }
.woocommerce-MyAccount-navigation a:hover { background: #eff6ff; }
.woocommerce-MyAccount-navigation .is-active a { background: #eff6ff; color: #185bd8; }
.woocommerce-account .u-columns { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .woocommerce-account .u-columns { grid-template-columns: 1fr 1fr; } }
.woocommerce-account .u-columns .col-1, .woocommerce-account .u-columns .col-2 { float: none; width: 100%; }
.woocommerce-account h2 { margin-bottom: 1rem; font-size: 1.5rem; font-weight: 700; }
.woocommerce-Addresses { display: grid; gap: 1rem; }
@media (min-width: 640px) { .woocommerce-Addresses { grid-template-columns: 1fr 1fr; } }
.woocommerce-Address address { font-style: normal; line-height: 1.75; }
.woocommerce-Address-title a { color: #185bd8; font-weight: 600; }
.woocommerce-orders-table { width: 100%; }

/* ======================================================================
   Custom template styles (woocommerce/cart, checkout, myaccount, notices)
   ====================================================================== */

/* ---------- Cart: card list ---------- */
.sta-cart-items { display: grid; gap: 0; }
.sta-cart-item {
    display: grid; align-items: center; gap: .75rem 1rem; padding: 1rem 0; border-bottom: 1px solid #eef2f8;
    grid-template-columns: 5rem minmax(0, 1fr) auto;
    grid-template-areas: "thumb info remove" "thumb qty subtotal";
}
.sta-cart-thumb { grid-area: thumb; border-radius: .5rem; background: #f7f9fc; padding: .25rem; }
.sta-cart-info { grid-area: info; min-width: 0; }
.sta-cart-qty { grid-area: qty; }
.sta-cart-subtotal { grid-area: subtotal; text-align: right; }
.sta-cart-item .product-remove { grid-area: remove; }
@media (min-width: 640px) {
    .sta-cart-item {
        grid-template-columns: 5rem minmax(0, 1fr) 7rem 6.5rem 2.5rem;
        grid-template-areas: "thumb info qty subtotal remove";
    }
}
.sta-cart-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; padding-top: 1.25rem; }
.sta-cart-actions .coupon { display: flex; flex: 1; flex-wrap: wrap; gap: .75rem; }
.sta-cart-actions .coupon input { flex: 1; min-width: 10rem; width: auto; }
.sta-cart-actions button[disabled], .sta-cart-actions button[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }

/* ---------- Totals / review tables ---------- */
.cart_totals { position: sticky; top: 1rem; }
.sta-review td, .sta-review th { padding: .75rem 0; }
.sta-review tbody td { border-bottom: 1px solid #eef2f8; }
.sta-review tfoot th { font-weight: 500; color: #5a6a84; }
.sta-review tfoot td { text-align: right; }
.sta-review tfoot tr.order-total th { color: #0a1f44; }

/* ---------- Notices (custom notices/*.php) ---------- */
.sta-notice { margin-bottom: 1rem; list-style: none; }
ul.sta-notice { padding-left: 1rem; }
.sta-notice li + li { margin-top: .25rem; }

/* ---------- Account dashboard ---------- */
.woocommerce-MyAccount-content a.no-underline { text-decoration: none; }

/* ---------- Login / sign-up cards ---------- */
.sta-auth-card { border: 1px solid #dfe6ef; border-radius: .75rem; background: #fff; padding: 1.25rem; }
@media (min-width: 640px) { .sta-auth-card { padding: 1.75rem; } }
.sta-auth h2 { margin-bottom: .25rem; font-size: 1.5rem; font-weight: 700; }
.woocommerce-account .sta-auth form.login, .woocommerce-account .sta-auth form.register { border: 0; padding: 0; background: transparent; }
.woocommerce-form-login__rememberme input { width: auto; min-height: 0; }

/* Prevent invisible overflow from causing a horizontal scrollbar on checkout */
html, body.woocommerce-checkout { overflow-x: clip; }
body.woocommerce-checkout #main-content,
body.woocommerce-checkout .sta-woo-page,
body.woocommerce-checkout form.checkout { max-width: 100%; min-width: 0; }
body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment * { max-width: 100%; box-sizing: border-box; }