/* ==========================================================================
   WooCommerce — restyles the plugin's markup with the site's tokens
   (cream page, navy text, slate pill buttons, Marcellus headings).
   Loaded only on shop, product, cart, checkout and account pages.
   ========================================================================== */

/* ---------- buttons ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.qg-content .button, .single_add_to_cart_button, #place_order {
  display: inline-block; width: auto;
  padding: 0.95rem 1.9rem;
  border: 2px solid var(--slate); border-radius: 300px;
  background: transparent; color: var(--slate);
  font-family: var(--font-ui); font-size: 1rem; font-weight: 500; letter-spacing: 0.02em; line-height: normal;
  text-align: center; text-decoration: none; cursor: pointer;
  transition: background-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .qg-content .button:hover { background: var(--slate); color: var(--cream); }
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .single_add_to_cart_button, #place_order,
.woocommerce a.checkout-button, .woocommerce #respond input#submit {
  background: var(--slate); color: var(--cream);
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .single_add_to_cart_button:hover, #place_order:hover,
.woocommerce a.checkout-button:hover { background: var(--slate); color: var(--cream); opacity: 0.8; }
.woocommerce .button:active { opacity: 0.65; }
.woocommerce .button:disabled, .woocommerce .button.disabled { opacity: 0.45; cursor: not-allowed; }
.woocommerce a.added_to_cart { display: inline-block; margin-left: 12px; text-decoration: underline; text-underline-offset: 0.2em; }

/* ---------- notices ---------- */
.woocommerce-notices-wrapper { margin: 0 0 1.5rem; }
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px;
  margin: 0 0 1.25rem; padding: 1rem 1.25rem; list-style: none;
  border: 1px solid rgba(83, 108, 124, 0.45); border-radius: 12px;
  background: rgba(83, 108, 124, 0.1); color: var(--navy);
}
.woocommerce-error { border-color: #b3402f; background: rgba(179, 64, 47, 0.08); flex-direction: column; align-items: flex-start; gap: 6px; }
.woocommerce-message:focus, .woocommerce-info:focus, .woocommerce-error:focus { outline: 0; }
.woocommerce-message .button { order: 2; margin-left: auto; padding: 0.6rem 1.3rem; font-size: 0.95rem; }
.woocommerce-message a:not(.button), .woocommerce-info a:not(.button) { text-decoration: underline; text-underline-offset: 0.2em; }

/* ---------- breadcrumb, headings ---------- */
.woocommerce-breadcrumb { margin: 0 0 1.5rem; font-size: 0.892rem; opacity: 0.8; }
.woocommerce-breadcrumb a { text-decoration: underline; text-underline-offset: 0.2em; }
.woocommerce-products-header__title, .product_title, .qg-shop h1 {
  --v: 4.5; margin: 0 0 0.5em; color: var(--head);
  font-family: var(--font-head); font-weight: 400; letter-spacing: 0; line-height: calc(1.3 * (1 + (1 - var(--v)) / 25));
  font-size: min(calc((var(--v) - 1) * 1.2vw + 1rem), max(calc((var(--v) - 1) * 0.012 * var(--max) + 1rem), calc(var(--v) * 1rem)));
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .woocommerce-products-header__title, .product_title, .qg-shop h1 { font-size: calc((var(--v) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem); }
}
.qg-shop h2, .qg-shop h3, .woocommerce-page .rte h2, .woocommerce-page .rte h3 { --v: 1.8; margin: 1.5rem 0 1rem; font-family: var(--font-head); font-weight: 400; letter-spacing: 0; line-height: 1.3; color: var(--head); }
.qg-shop h2 { --v: 2.4; }
.woocommerce-page .rte h2 { --v: 2.4; }

/* ---------- shop: filters, sorting, grid ---------- */
.qg-shop-filters { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; margin: 0 0 1.75rem; }
.qg-shop-cats { display: flex; flex-wrap: wrap; gap: 8px; }
.qg-shop-cats a { padding: 8px 18px; border: 1px solid rgba(83, 108, 124, 0.55); border-radius: 300px; transition: background-color 0.1s linear, color 0.1s linear; }
.qg-shop-cats a:hover, .qg-shop-cats a[aria-current="page"] { background: var(--slate); border-color: var(--slate); color: var(--cream); }
.woocommerce-product-search { display: flex; gap: 8px; width: min(100%, 420px); }
.woocommerce-product-search .search-field { flex: 1 1 auto; min-width: 0; }
.woocommerce-product-search button {
  padding: 0.7rem 1.4rem; border: 2px solid var(--slate); border-radius: 300px;
  background: var(--slate); color: var(--cream);
  font-family: var(--font-ui); font-size: 0.95rem; font-weight: 500; letter-spacing: 0.02em;
  transition: opacity 0.1s linear;
}
.woocommerce-product-search button:hover { opacity: 0.8; }
.qg-shop .woocommerce-result-count { float: left; margin: 0 0 1.5rem; }
.qg-shop .woocommerce-ordering { float: right; margin: 0 0 1.5rem; }
.qg-shop .woocommerce-ordering select { width: auto; padding-right: 36px; }
ul.products { clear: both; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 28px; margin: 0; padding: 0; list-style: none; }
ul.products::before, ul.products::after { display: none; }
@media (max-width: 900px) { ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; } }
@media (max-width: 540px) { ul.products { grid-template-columns: minmax(0, 1fr); } }
.qg-card { position: relative; display: flex; flex-direction: column; margin: 0; min-width: 0; }
.qg-card a.woocommerce-LoopProduct-link { display: block; }
.qg-card img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 20px; }
.woocommerce-loop-product__title { margin: 1rem 0 0.35rem !important; font-family: var(--font-head); font-weight: 400; line-height: 1.3; font-size: 1.5rem; }
.qg-card .price { display: block; margin: 0 0 0.9rem; }
.qg-card .button { align-self: flex-start; margin-top: auto; padding: 0.7rem 1.5rem; font-size: 0.95rem; }
.price { color: var(--text); font-weight: 400; }
.price del { opacity: 0.55; margin-right: 6px; }
.price ins { background: none; text-decoration: none; font-weight: 500; }
.onsale { position: absolute; top: 12px; left: 12px; z-index: 2; padding: 4px 14px; border-radius: 300px; background: var(--slate); color: var(--cream); font-size: 0.85rem; line-height: 1.6; }
.woocommerce-pagination { margin: 2.5rem 0 0; }
.woocommerce-pagination ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.woocommerce-pagination a, .woocommerce-pagination span { display: inline-block; min-width: 40px; padding: 8px 14px; border: 1px solid rgba(83, 108, 124, 0.55); border-radius: 300px; text-align: center; }
.woocommerce-pagination .current { background: var(--slate); border-color: var(--slate); color: var(--cream); }
.woocommerce-info.woocommerce-no-products-found { margin-top: 1rem; }

/* ---------- ratings ---------- */
.star-rating { position: relative; display: block; width: 5.4em; height: 1em; margin: 0 0 0.6rem; overflow: hidden; font-size: 1em; line-height: 1; letter-spacing: 0.1em; }
.star-rating::before { content: "★★★★★"; position: absolute; inset: 0 auto auto 0; color: rgba(83, 108, 124, 0.35); }
.star-rating span { position: absolute; inset: 0 auto auto 0; height: 0; padding-top: 1.5em; overflow: hidden; }
.star-rating span::before { content: "★★★★★"; position: absolute; inset: 0 auto auto 0; color: var(--slate); }
p.stars a { display: inline-block; width: 1.4em; overflow: hidden; text-indent: -999px; position: relative; }
p.stars a::before { content: "☆"; position: absolute; inset: 0; text-indent: 0; color: var(--slate); }
p.stars.selected a::before, p.stars:hover a::before { content: "★"; }
p.stars.selected a.active ~ a::before, p.stars a:hover ~ a::before { content: "☆"; }

/* ---------- single product ---------- */
.qg-single-product div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 clamp(24px, 4vw, 64px); align-items: start; }
.qg-single-product div.product > .woocommerce-product-gallery { grid-column: 1; grid-row: 1 / span 3; }
.qg-single-product div.product > .summary { grid-column: 2; }
.qg-single-product div.product > .woocommerce-tabs, .qg-single-product div.product > .related, .qg-single-product div.product > .upsells { grid-column: 1 / -1; }
@media (max-width: 767px) {
  .qg-single-product div.product { grid-template-columns: minmax(0, 1fr); }
  .qg-single-product div.product > .woocommerce-product-gallery, .qg-single-product div.product > .summary { grid-column: 1; grid-row: auto; }
}
.woocommerce-product-gallery { position: relative; margin: 0 0 2rem; }
.woocommerce-product-gallery__wrapper { margin: 0; }
.woocommerce-product-gallery__image img, .woocommerce-product-gallery img { display: block; width: 100%; height: auto; border-radius: 20px; }
.woocommerce-product-gallery__trigger {
  position: absolute; top: 14px; right: 14px; z-index: 9; width: 38px; height: 38px;
  border-radius: 50%; background: rgba(255, 245, 217, 0.92); font-size: 0; text-indent: -999px; overflow: hidden;
}
.woocommerce-product-gallery__trigger::before { content: ""; position: absolute; left: 11px; top: 10px; width: 11px; height: 11px; border: 2px solid var(--navy); border-radius: 50%; text-indent: 0; }
.woocommerce-product-gallery__trigger::after { content: ""; position: absolute; left: 24px; top: 24px; width: 2px; height: 7px; background: var(--navy); transform: rotate(-45deg); transform-origin: 0 0; text-indent: 0; }
.flex-control-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 10px 0 0; padding: 0; list-style: none; }
.flex-control-thumbs li { margin: 0; }
.flex-control-thumbs img { border-radius: 10px; cursor: pointer; opacity: 0.6; transition: opacity 0.15s linear; }
.flex-control-thumbs img.flex-active, .flex-control-thumbs img:hover { opacity: 1; }
.summary .price { margin: 0 0 1rem; font-size: 1.5rem; }
.woocommerce-product-details__short-description { margin: 0 0 1.5rem; }
.summary form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 1.5rem; }
.quantity { display: inline-block; }
.quantity input.qty { width: 84px; text-align: center; }
.product_meta { display: grid; gap: 4px; margin: 1.5rem 0 0; padding-top: 1.25rem; border-top: 1px solid rgba(24, 34, 65, 0.2); font-size: 0.95rem; }
.product_meta a { text-decoration: underline; text-underline-offset: 0.2em; }
.woocommerce-tabs { margin: 3rem 0 0; }
.woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 0 1.5rem; padding: 0; list-style: none; border-bottom: 1px solid rgba(24, 34, 65, 0.2); }
.woocommerce-tabs ul.tabs li { margin: 0 0 -1px; }
.woocommerce-tabs ul.tabs li a { display: block; padding: 0 0 12px; border-bottom: 1px solid transparent; }
.woocommerce-tabs ul.tabs li.active a { border-bottom-color: var(--navy); }
.woocommerce-tabs .panel > h2:first-child { display: none; }
.woocommerce-tabs .panel { margin: 0; }
.related.products, .upsells.products { margin: 3rem 0 0; }
.comment-form label { display: block; margin: 0 0 4px; }
.comment-form > p { margin: 0 0 1rem; }
.commentlist { margin: 0 0 2rem; padding: 0; list-style: none; }
.commentlist li { margin: 0 0 1.5rem; padding: 0 0 1.5rem; border-bottom: 1px solid rgba(24, 34, 65, 0.15); }
.commentlist img.avatar { float: left; margin: 0 14px 0 0; border-radius: 50%; }
.commentlist .comment-text { overflow: hidden; }

/* ---------- tables (cart, order review, account) ---------- */
table.shop_table, table.shop_table_responsive, .woocommerce-table { width: 100%; margin: 0 0 2rem; border-collapse: collapse; }
table.shop_table th, table.shop_table td, .woocommerce-table th, .woocommerce-table td { padding: 14px 12px; border-bottom: 1px solid rgba(24, 34, 65, 0.18); text-align: left; vertical-align: middle; }
table.shop_table thead th { font-weight: 500; font-size: 0.892rem; letter-spacing: 0.04em; text-transform: uppercase; }
table.shop_table th { font-weight: 500; }
td.product-thumbnail img { display: block; width: 80px; height: 80px; border-radius: 12px; object-fit: cover; }
td.product-name a { text-decoration: underline; text-underline-offset: 0.2em; }
td.product-remove a.remove { display: inline-grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(83, 108, 124, 0.55); border-radius: 50%; font-size: 1.1rem; line-height: 1; }
td.product-remove a.remove:hover { background: var(--slate); color: var(--cream); }
td.actions { padding-top: 22px; }
td.actions .coupon { display: flex; flex-wrap: wrap; gap: 8px; float: left; }
td.actions .coupon input { width: 190px; }
td.actions > button[name="update_cart"] { float: right; }
.cart-collaterals { display: flex; justify-content: flex-end; }
.cart_totals { width: min(100%, 440px); }
.cart_totals h2 { margin-top: 0; }
.wc-proceed-to-checkout { margin-top: 1.25rem; }
.wc-proceed-to-checkout a.checkout-button { display: block; width: 100%; }
.cart-empty { margin: 0 0 1.5rem; }
.return-to-shop { margin: 0; }
@media (max-width: 767px) {
  .woocommerce-cart-form table.shop_table_responsive thead { display: none; }
  .woocommerce-cart-form table.shop_table_responsive tr { display: block; margin: 0 0 1.25rem; border: 1px solid rgba(24, 34, 65, 0.18); border-radius: 14px; }
  .woocommerce-cart-form table.shop_table_responsive td { display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: right; border-bottom: 1px solid rgba(24, 34, 65, 0.12); }
  .woocommerce-cart-form table.shop_table_responsive td::before { content: attr(data-title); flex: none; font-weight: 500; text-align: left; }
  .woocommerce-cart-form table.shop_table_responsive td:last-child { border-bottom: 0; }
  .woocommerce-cart-form table.shop_table_responsive td.product-remove::before, table.shop_table_responsive td.product-thumbnail::before, table.shop_table_responsive td.actions::before { content: none; }
  .woocommerce-cart-form table.shop_table_responsive td.product-thumbnail { justify-content: flex-start; }
  .woocommerce-cart-form table.shop_table_responsive td.actions { display: block; text-align: left; }
  td.actions .coupon { float: none; margin: 0 0 12px; }
  td.actions .coupon input { flex: 1 1 140px; width: auto; }
  td.actions > button[name="update_cart"] { float: none; width: 100%; }
  .cart-collaterals { display: block; }
  .cart_totals { width: 100%; }
}

/* ---------- checkout & account forms ---------- */
form.checkout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 0 clamp(24px, 4vw, 64px); align-items: start; }
form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; }
form.checkout #order_review_heading { grid-column: 2; grid-row: 1; margin-top: 0; }
form.checkout #order_review { grid-column: 2; grid-row: 2; }
@media (max-width: 900px) {
  form.checkout { grid-template-columns: minmax(0, 1fr); }
  form.checkout #customer_details, form.checkout #order_review_heading, form.checkout #order_review { grid-column: 1; grid-row: auto; }
}
.col2-set .col-1, .col2-set .col-2 { width: 100%; float: none; }
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.form-row { margin: 0 0 1.1rem; }
.form-row-wide, .form-row.notes, .form-row.address-field.form-row-wide { grid-column: 1 / -1; }
.form-row label { display: block; margin: 0 0 4px; font-size: 0.95rem; }
.form-row label.checkbox, .woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; gap: 10px; }
.form-row input[type="checkbox"], .form-row input[type="radio"] { width: auto; accent-color: var(--slate); }
abbr.required, .required { color: #b3402f; text-decoration: none; border: 0; }
.woocommerce-invalid input, .woocommerce-invalid select, .woocommerce-invalid .select2-selection { border-color: #b3402f !important; }
.woocommerce-input-wrapper { display: block; }
.woocommerce-form-login, .woocommerce-form-register, .woocommerce-form-coupon, form.checkout_coupon { margin: 0 0 1.5rem; padding: 1.25rem; border: 1px solid rgba(24, 34, 65, 0.2); border-radius: 14px; }
.woocommerce-account .u-columns .woocommerce-form-login, .woocommerce-account .u-columns .woocommerce-form-register { margin: 0; padding: 0; border: 0; }
.woocommerce-form-login__rememberme { margin-right: 16px; }
.show-password-input { display: none; }
.password-input { display: block; }
.woocommerce-LostPassword { margin: 1rem 0 0; }
.woocommerce-LostPassword a, .woocommerce-privacy-policy-text a { text-decoration: underline; text-underline-offset: 0.2em; }
#order_review table.shop_table { margin-bottom: 1.25rem; }
#payment { padding: 1.25rem; border-radius: 14px; background: rgba(83, 108, 124, 0.1); }
#payment ul.payment_methods { margin: 0 0 1rem; padding: 0; list-style: none; }
#payment ul.payment_methods li { margin: 0 0 0.75rem; }
#payment ul.payment_methods label { display: inline; margin-left: 6px; }
#payment .payment_box { margin: 8px 0 0; padding: 12px 14px; border-radius: 10px; background: rgba(255, 245, 217, 0.7); font-size: 0.95rem; }
#payment .payment_box p { margin: 0; }
#place_order { display: block; width: 100%; margin-top: 1rem; }
.woocommerce-privacy-policy-text { margin: 0 0 1rem; font-size: 0.892rem; }
.woocommerce-terms-and-conditions-wrapper { margin: 0 0 1rem; }

/* select2 (country / state) */
.select2-container { width: 100% !important; }
.select2-container .select2-selection--single { display: flex; align-items: center; height: 44px; border: 1px solid rgba(83, 108, 124, 0.6); border-radius: 10px; background: rgba(255, 255, 255, 0.45); }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 36px 0 12px; color: var(--navy); line-height: 42px; font-weight: 300; }
.select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 0; right: 10px; height: 42px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--navy) transparent transparent; }
.select2-dropdown { border: 1px solid rgba(83, 108, 124, 0.6); border-radius: 10px; background: var(--cream); color: var(--navy); overflow: hidden; }
.select2-search--dropdown .select2-search__field { padding: 8px 10px; }
.select2-results__option { padding: 8px 12px; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--slate); color: var(--cream); }
.select2-container--open .select2-dropdown { z-index: 1051; }

/* ---------- my account ---------- */
.woocommerce-account .u-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.woocommerce-account .u-columns .u-column1, .woocommerce-account .u-columns .u-column2 { float: none; width: 100%; padding: 1.5rem; border: 1px solid rgba(24, 34, 65, 0.2); border-radius: 14px; }
.woocommerce-account .u-columns h2 { margin-top: 0; }
@media (max-width: 767px) { .woocommerce-account .u-columns { grid-template-columns: 1fr; } }
.woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 2rem; padding: 0; list-style: none; }
.woocommerce-MyAccount-navigation a { display: block; padding: 8px 18px; border: 1px solid rgba(83, 108, 124, 0.55); border-radius: 300px; transition: background-color 0.1s linear, color 0.1s linear; }
.woocommerce-MyAccount-navigation .is-active a, .woocommerce-MyAccount-navigation a:hover { background: var(--slate); border-color: var(--slate); color: var(--cream); }
.woocommerce-MyAccount-content > :first-child { margin-top: 0; }
.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.woocommerce-Addresses .col-1, .woocommerce-Addresses .col-2 { float: none; width: 100%; }
@media (max-width: 767px) { .woocommerce-Addresses { grid-template-columns: 1fr; } }
.woocommerce-order-overview { display: flex; flex-wrap: wrap; gap: 12px 32px; margin: 0 0 2rem; padding: 0; list-style: none; }
.woocommerce-order-overview li { margin: 0; }
.woocommerce-order-overview strong { display: block; }
.woocommerce-thankyou-order-received { margin: 0 0 1.5rem; }
address { font-style: normal; }