/* WooCommerce screens in the Talia look. base.css (shared with the static preview) holds tokens and components. */

/* ------------------------------------------------ page wrappers */
.wc-page, .wide-page { max-width: var(--max); margin: 0 auto; padding: 24px var(--gutter) 0; }
.wc-page .collection, .wc-page .product { padding: 0; max-width: none; }
.wide-page h1 { margin-bottom: 24px; }
.text-page { padding-top: 32px; }

/* ------------------------------------------------ buttons and notices */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #respond input#submit {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 26px;
  border-radius: var(--r-control); background: var(--pink); color: var(--night);
  font: 600 var(--step-0) var(--font); line-height: 1.2; border: 0;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover { background: var(--ink); color: #fff; }
.woocommerce button.button.alt.disabled, .woocommerce button.button:disabled[disabled] { background: #e9dbe3; color: var(--muted); opacity: 1; }
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  border: 0; border-radius: var(--r-card); background: var(--mist); color: var(--ink); padding: 14px 18px 14px 48px;
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--pink-ink); }
.woocommerce-error { background: #fbe3ee; }
.woocommerce-error::before { color: var(--pink-ink); }
.woocommerce-message .button, .woocommerce-info .button { min-height: 36px; padding: 0 16px; font-size: var(--step--1); }

/* ------------------------------------------------ product grids */
.woocommerce ul.products, ul.products.grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px clamp(12px, 2vw, 24px);
  margin: 0; padding: 0;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product, ul.products.grid li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 0; }
.section ul.products, .related ul.products, .upsells ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1080px) { .section ul.products, .related ul.products, .upsells ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .woocommerce ul.products, ul.products.grid, .section ul.products, .related ul.products, .upsells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
}
.card .price del { color: var(--muted); font-weight: 400; margin-left: 4px; opacity: 1; }
.card .price ins { text-decoration: none; color: var(--pink-ink); }
.card .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ink); }
.woocommerce-pagination { margin-top: 40px; }
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 8px; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  min-width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; padding: 0;
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--ink); color: #fff; }
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--mist); }
.toolbar.is-enhanced .filters__apply { display: none; }

.term-description, .page-description { max-width: 64ch; color: var(--muted); margin: -12px 0 24px; }

/* ------------------------------------------------ single product */
.woocommerce div.product {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 0 clamp(24px, 4vw, 64px);
  align-items: start; position: relative;
}
.woocommerce div.product > * { grid-column: 1 / -1; }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: auto !important; float: none !important; margin: 0; }
.woocommerce div.product div.images { grid-column: 1; position: sticky; top: 96px; }
.woocommerce div.product div.summary { grid-column: 2; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .flex-viewport { border-radius: 28px; overflow: hidden; background: var(--mist); }
.woocommerce div.product div.images .flex-control-thumbs { display: flex; gap: 10px; margin-top: 12px; overflow-x: auto; }
.woocommerce div.product div.images .flex-control-thumbs li { width: 72px !important; flex: none; float: none; }
.woocommerce div.product div.images .flex-control-thumbs li img { border-radius: 12px; opacity: .6; }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; }
.woocommerce div.product .woocommerce-product-gallery__trigger { background: #fff; border-radius: 50%; }
.woocommerce div.product .product_title { font-size: clamp(2.2rem, 4.4vw, 3.75rem); font-stretch: 78%; letter-spacing: -0.045em; line-height: .95; margin: 0; }
.woocommerce div.product p.price { font-size: var(--step-2); font-weight: 700; margin: 12px 0 18px; }
.woocommerce div.product p.price ins { text-decoration: none; color: var(--pink-ink); }
.woocommerce div.product p.price del { color: var(--muted); font-weight: 400; opacity: 1; font-size: .8em; }
.woocommerce div.product p.stock, .woocommerce div.product .stock { font-size: var(--step--1); font-weight: 600; color: var(--ok); margin: 0 0 16px; }
.woocommerce div.product p.stock.out-of-stock, .woocommerce div.product .out-of-stock { color: var(--pink-ink); }

.woocommerce div.product form.cart { margin: 0 0 8px; }
.woocommerce div.product form.cart table.variations { margin: 0 0 8px; border: 0; }
.woocommerce div.product form.cart table.variations tr { display: block; margin-bottom: 14px; }
.woocommerce div.product form.cart table.variations th, .woocommerce div.product form.cart table.variations td { display: block; padding: 0; text-align: left; line-height: 1.4; }
.woocommerce div.product form.cart table.variations th label { font-weight: 600; margin-bottom: 10px; display: block; }
.woocommerce div.product form.cart .reset_variations { display: none !important; }
.woocommerce div.product .woocommerce-variation-price .price { font-size: var(--step-1); }
.woocommerce div.product form.cart:not(.variations_form), .woocommerce div.product .woocommerce-variation-add-to-cart {
  display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch;
}
.woocommerce div.product form.cart:not(.variations_form) .gift-fields { flex-basis: 100%; }
.woocommerce div.product form.cart .quantity { margin: 0; float: none; }
.woocommerce .quantity .qty {
  width: 72px; min-height: 52px; border-radius: var(--r-control); text-align: center; padding: 0 8px;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button { flex: 1; float: none; }
.buy-now { flex-basis: 100%; }
.woocommerce div.product form.cart .gift-fields { margin-bottom: 4px; }
.woocommerce div.product .variations_form .gift-fields { margin-bottom: 16px; }

.woocommerce div.product .related, .woocommerce div.product .upsells { margin-top: clamp(48px, 6vw, 80px); }
.woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { margin-bottom: 24px; }
@media (max-width: 860px) {
  .woocommerce div.product { grid-template-columns: 1fr; }
  .woocommerce div.product div.images, .woocommerce div.product div.summary { grid-column: 1; position: static; }
  .woocommerce div.product div.images { margin: 0 calc(var(--gutter) * -1) 24px; }
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper, .woocommerce div.product div.images .flex-viewport { border-radius: 0; }
  .woocommerce div.product div.images .flex-control-thumbs { padding: 0 var(--gutter); }
}

/* reviews */
.reviews .woocommerce-Reviews-title, .reviews #reply-title { font-size: var(--step-2); font-weight: 600; margin-bottom: 12px; display: block; }
.woocommerce .star-rating span::before, .woocommerce p.stars a { color: var(--pink-ink); }
.woocommerce #reviews #comments ol.commentlist li .comment-text { border-color: var(--line); border-radius: var(--r-card); }
.woocommerce #review_form #respond textarea { min-height: 120px; }
.woocommerce-noreviews { color: var(--muted); }

/* ------------------------------------------------ cart and checkout */
.woocommerce table.shop_table { border: 0; border-collapse: collapse; border-radius: 0; }
.woocommerce table.shop_table th { font-weight: 600; font-size: var(--step--1); color: var(--muted); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-top: 1px solid var(--line); padding: 14px 10px; }
.woocommerce table.shop_table img { width: 72px; border-radius: 12px; }
.woocommerce a.remove { color: var(--pink-ink) !important; }
.woocommerce a.remove:hover { background: var(--pink-ink); color: #fff !important; }
.woocommerce table.cart td.actions .coupon .input-text { width: 180px; min-height: 48px; border-radius: 12px; margin-right: 8px; }
.woocommerce .cart-collaterals .cart_totals h2 { font-size: var(--step-1); margin-bottom: 12px; }
.woocommerce .cart_totals .fee td, .woocommerce-checkout-review-order-table .fee td { color: var(--pink-ink); font-weight: 600; }
.woocommerce .wc-proceed-to-checkout a.checkout-button { width: 100%; font-size: var(--step-1); }
.talia-meters-row td { padding: 0 0 12px !important; border: 0 !important; }
.woocommerce-cart .meters, .woocommerce-checkout .meters { max-width: 720px; }
.woocommerce form .form-row label { font-weight: 600; font-size: var(--step--1); }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select { min-height: 46px; border-radius: 12px; }
.select2-container .select2-selection--single { height: 46px; border-radius: 12px; border-color: #d9c3cf; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; padding-left: 14px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }
.woocommerce-checkout #payment { background: var(--mist); border-radius: 28px; }
.woocommerce-checkout #payment div.payment_box { background: #fff; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: var(--line); }
.woocommerce #payment #place_order { width: 100%; font-size: var(--step-1); }
#order_review_heading { margin: 24px 0 12px; }
.woocommerce-order-overview { padding: 0; }
@media (max-width: 768px) {
  .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals,
  .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { width: 100%; float: none; }
  .woocommerce table.shop_table_responsive tr td::before { font-weight: 600; }
  .woocommerce table.cart td.actions .coupon .input-text { width: 100%; margin: 0 0 8px; }
}

/* account */
.woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 10px 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { font-weight: 600; color: var(--pink-ink); }

/* ------------------------------------------------ header search */
.search-pop { position: relative; }
.search-pop > summary { list-style: none; }
.search-pop > summary::-webkit-details-marker { display: none; }
.search-pop__form {
  position: absolute; right: 0; top: calc(100% + 10px); z-index: 50; width: min(360px, 86vw);
  display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 12px;
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-card); box-shadow: 0 12px 32px rgba(42,22,34,.12);
}
.search-pop__form .btn { min-height: 46px; padding: 0 18px; }

/* ------------------------------------------------ editor content */
.preview-note { padding: 12px 16px; border-radius: 12px; background: var(--mist); border: 1px dashed var(--pink-ink); font-size: var(--step--1); }
.wide-page .tiles { margin-top: 8px; }
.tile img { width: 100%; height: auto; }

/* ------------------------------------------------ redesign additions */
.woocommerce ul.products.grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1080px) { .woocommerce ul.products.grid--four { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .woocommerce ul.products.grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.him .card__title, .him .price { color: #fff; }
.him .card .price ins { color: var(--pink); }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .product_meta { display: none; }
.woocommerce-cart .meters, .woocommerce-checkout .meters { color: #fff; }
.woocommerce .cart_totals .fee td, .woocommerce-checkout-review-order-table .fee td { color: var(--pink-ink); }
.woocommerce-account .woocommerce-MyAccount-navigation li a { color: var(--ink); }
.wide-page h1, .wc-page .product_title { font-stretch: 78%; letter-spacing: -0.045em; }
.wide-page h1 { font-size: clamp(2.4rem, 6vw, 4.5rem); }