/**
 * InkPress - WooCommerce styles
 * Relies on the design tokens in style.css. Every block can be overridden by an Elementor Pro template.
 */

/* ==========================================================================
   1. Notices
   ========================================================================== */
.woocommerce-notices-wrapper{width:100%}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 24px;padding:16px 22px;
  border:0;border-left:4px solid var(--ip-primary);border-radius:var(--ip-radius-sm);
  background:var(--ip-primary-soft);color:var(--ip-ink);font-size:15px;list-style:none;
}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message{border-left-color:var(--ip-success);background:#EDFBF3}
.woocommerce-error{border-left-color:var(--ip-danger);background:#FEF1F1}
.woocommerce-message .button,.woocommerce-info .button{margin-left:auto}

/* ==========================================================================
   2. Product grid
   ========================================================================== */
.woocommerce ul.products{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ip-gap);
  margin:0;padding:0;list-style:none;
}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
/* WooCommerce sets a percentage width on these items (e.g. .columns-3 -> 30.75%).
   The attribute selector below matches that specificity so our grid layout wins. */
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product,
.woocommerce ul.products li.product{
  position:relative;display:flex;flex-direction:column;margin:0;padding:0;
  width:100%;max-width:100%;float:none;clear:none;
  background:#fff;border:1px solid var(--ip-line);border-radius:var(--ip-radius);
  overflow:hidden;text-align:left;transition:.24s;
}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--ip-shadow);border-color:#D3DAEC}
.woocommerce ul.products li.product a{display:block;text-decoration:none}
.woocommerce ul.products li.product a img{
  width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:0;transition:.5s;
}
.woocommerce ul.products li.product:hover a img{transform:scale(1.03)}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title{
  margin:20px 22px 8px;padding:0;font-size:16.5px;font-weight:800;line-height:1.4;color:var(--ip-ink);
}
.woocommerce ul.products li.product .star-rating{margin:0 22px 10px;font-size:13px;color:var(--ip-yellow)}
.woocommerce ul.products li.product .price{
  display:block;margin:0 22px 16px;color:var(--ip-ink);font-size:17px;font-weight:900;
}
.woocommerce ul.products li.product .price del{color:var(--ip-muted);font-size:14px;font-weight:500;opacity:1}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--ip-accent)}
.woocommerce ul.products li.product .button{
  margin:auto 22px 22px;padding:12px 20px;border:0;border-radius:999px;
  background:var(--ip-ink);color:#fff;font-size:14.5px;font-weight:700;line-height:1.2;text-align:center;
}
.woocommerce ul.products li.product .button:hover{background:var(--ip-primary);color:#fff}
.woocommerce ul.products li.product .added_to_cart{
  display:block;margin:0 22px 16px;font-size:13.5px;font-weight:700;color:var(--ip-success);
}

/* Badges */
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale{
  position:absolute;top:12px;right:12px;left:auto;z-index:3;min-height:0;min-width:0;
  margin:0;padding:5px 12px;border-radius:999px;background:var(--ip-accent);color:#fff;
  font-size:11.5px;font-weight:800;line-height:1.5;letter-spacing:.02em;
}
.woocommerce ul.products li.product .ip-loop-badge{top:12px;left:12px;right:auto}

/* Category lists */
.woocommerce ul.products li.product-category h2{font-size:16px}
.woocommerce ul.products li.product-category .count{
  display:inline-block;margin:0 22px 20px;padding:3px 10px;border-radius:999px;
  background:var(--ip-primary-soft);color:var(--ip-primary);font-size:12.5px;font-weight:700;
}

/* Ordering and result count */
.woocommerce .woocommerce-result-count{margin:0 0 24px;color:var(--ip-muted);font-size:14.5px}
.woocommerce .woocommerce-ordering{margin:0 0 24px}
.woocommerce .woocommerce-ordering select{
  width:auto;min-width:200px;padding:10px 40px 10px 14px;border-radius:999px;font-size:14px;
}
.woocommerce-products-header{margin-bottom:8px}

/* ==========================================================================
   3. Single product
   ========================================================================== */
.woocommerce div.product{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(28px,4vw,56px);align-items:start;
}
.woocommerce div.product .woocommerce-product-gallery{
  width:100% !important;float:none !important;margin:0 !important;
}
.woocommerce div.product .woocommerce-product-gallery__wrapper{border-radius:var(--ip-radius);overflow:hidden}
.woocommerce div.product .woocommerce-product-gallery__image img{border-radius:var(--ip-radius)}
.woocommerce div.product .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 0}
.woocommerce div.product .flex-control-thumbs li{width:100%;margin:0;float:none}
.woocommerce div.product .flex-control-thumbs img{border-radius:8px;opacity:.65}
.woocommerce div.product .flex-control-thumbs img.flex-active,.woocommerce div.product .flex-control-thumbs img:hover{opacity:1}
.woocommerce div.product .summary{margin:0 !important;width:100% !important;float:none !important;clear:none}
.woocommerce div.product .product_title{font-size:clamp(24px,3vw,34px);margin-bottom:12px}
.woocommerce div.product p.price{color:var(--ip-accent);font-size:30px;font-weight:900;line-height:1.2;margin:0 0 10px}
.woocommerce div.product p.price del{color:var(--ip-muted);font-size:17px;font-weight:500;opacity:1}
.woocommerce div.product p.price ins{text-decoration:none}
.woocommerce div.product .woocommerce-product-details__short-description{
  margin:16px 0 22px;font-size:15.5px;color:var(--ip-body);
}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0}
.woocommerce div.product form.cart .quantity{margin:0}
.woocommerce div.product form.cart .button{
  flex:1 1 220px;padding:16px 32px;border:0;border-radius:999px;
  background:var(--ip-primary);color:#fff;font-size:16px;font-weight:800;
  box-shadow:0 10px 24px rgba(15,76,255,.24);
}
.woocommerce div.product form.cart .button:hover{background:var(--ip-primary-dark)}
.woocommerce div.product form.cart .button.disabled,.woocommerce div.product form.cart .button[disabled]{opacity:.5}
.woocommerce div.product .product_meta{margin-top:22px;padding-top:18px;border-top:1px solid var(--ip-line);font-size:14px;color:var(--ip-muted)}
.woocommerce div.product .product_meta a{color:var(--ip-body)}
.woocommerce div.product > .woocommerce-tabs,
.woocommerce div.product > section.related,
.woocommerce div.product > section.upsells{grid-column:1 / -1;margin-top:clamp(36px,5vw,64px)}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:0 0 6px;border-bottom:1px solid var(--ip-line);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  margin:0;padding:0;border:0;background:transparent;border-radius:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  padding:12px 20px;border-radius:999px;color:var(--ip-body);font-weight:700;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{background:var(--ip-primary-soft);color:var(--ip-primary)}
.woocommerce div.product .woocommerce-tabs .panel{padding:0}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:22px}
.woocommerce div.product section.related>h2,.woocommerce div.product section.upsells>h2{font-size:24px;margin-bottom:26px}

/* Quantity input */
.woocommerce .quantity{display:inline-flex;align-items:center;border:1px solid var(--ip-line);border-radius:999px;background:#fff;overflow:hidden}
.woocommerce .quantity input.qty{
  width:78px;padding:13px 8px;border:0;border-radius:0;text-align:center;font-weight:700;
  -moz-appearance:textfield;
}
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.woocommerce .quantity input.qty:focus{box-shadow:none}

/* Reviews */
.woocommerce #reviews #comments ol.commentlist{padding:0}
.woocommerce #reviews #comments ol.commentlist li{margin-bottom:24px}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
  position:static;width:52px;padding:0;border:0;border-radius:50%;margin-right:16px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
  margin:0;padding:20px;border:1px solid var(--ip-line);border-radius:var(--ip-radius);
}
.woocommerce #review_form #respond textarea{min-height:130px}

/* ==========================================================================
   4. Cart and checkout
   ========================================================================== */
.woocommerce table.shop_table{
  margin:0 0 28px;border:1px solid var(--ip-line);border-radius:var(--ip-radius);
  border-collapse:separate;border-spacing:0;overflow:hidden;
}
.woocommerce table.shop_table th{padding:16px;background:var(--ip-bg-soft);color:var(--ip-ink);font-size:13.5px;letter-spacing:.03em;text-transform:uppercase}
.woocommerce table.shop_table td{padding:16px;border-top:1px solid var(--ip-line);vertical-align:middle}
.woocommerce table.shop_table td.product-name a{color:var(--ip-ink);font-weight:700}
.woocommerce table.shop_table td.product-thumbnail img{width:70px;height:70px;object-fit:cover;border-radius:8px}
.woocommerce table.shop_table .product-remove a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--ip-bg-soft);color:var(--ip-danger) !important;font-size:18px;line-height:1}
.woocommerce table.shop_table .product-remove a:hover{background:var(--ip-danger);color:#fff !important}
.woocommerce table.shop_table_responsive tr td::before{font-weight:700;color:var(--ip-ink)}

.woocommerce .cart-collaterals{display:block}
.woocommerce .cart-collaterals .cart_totals{
  width:100%;max-width:460px;margin-left:auto;padding:28px;
  background:var(--ip-bg-soft);border-radius:var(--ip-radius);
}
.woocommerce .cart-collaterals .cart_totals h2{font-size:20px}
.woocommerce .cart-collaterals .cart_totals table{border:0;margin:0 0 20px}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td{background:transparent;border-top:1px solid var(--ip-line);padding:12px 0;text-transform:none;font-size:15px;letter-spacing:0}
.woocommerce .cart-collaterals .cart_totals .order-total td,.woocommerce .cart-collaterals .cart_totals .order-total th{font-size:18px;font-weight:900;color:var(--ip-ink)}
.woocommerce .cart-collaterals .cart_totals .checkout-button{padding:16px 30px;border-radius:999px;background:var(--ip-primary);font-size:16px;font-weight:800}
.woocommerce .coupon{display:flex;gap:10px;flex-wrap:wrap}
.woocommerce .coupon input[type="text"]{width:auto;min-width:200px}
.woocommerce .actions .button{border-radius:999px;background:var(--ip-ink);color:#fff}

.woocommerce-checkout .col2-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:100%;float:none}
.woocommerce-checkout h3{font-size:20px;margin-top:30px}
.woocommerce-checkout #order_review_heading{margin-top:40px}
.woocommerce-checkout #order_review{
  padding:26px;border:1px solid var(--ip-line);border-radius:var(--ip-radius);background:#fff;
}
.woocommerce-checkout #order_review table.shop_table{border:0;margin-bottom:20px}
.woocommerce-checkout #payment{background:var(--ip-bg-soft);border-radius:var(--ip-radius)}
.woocommerce-checkout #payment div.payment_box{background:#fff}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #place_order{
  width:100%;padding:17px 30px;border-radius:999px;background:var(--ip-primary);
  font-size:16px;font-weight:800;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before{display:none}

/* ==========================================================================
   5. My account
   ========================================================================== */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:start}
.woocommerce-account .woocommerce::before,.woocommerce-account .woocommerce::after{display:none}
.woocommerce-account .woocommerce-MyAccount-navigation{width:100%;float:none;padding:18px;background:var(--ip-bg-soft);border-radius:var(--ip-radius)}
.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0;padding:0;list-style:none}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:11px 14px;border-radius:var(--ip-radius-sm);color:var(--ip-ink);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#fff;color:var(--ip-primary)}
.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none}
.woocommerce-account .woocommerce-MyAccount-content fieldset{border:1px solid var(--ip-line);border-radius:var(--ip-radius);padding:20px}
.woocommerce-account .woocommerce-MyAccount-content legend{font-weight:800;color:var(--ip-ink);padding:0 8px}
.woocommerce-form-login,.woocommerce-form-register{
  max-width:520px;padding:30px !important;border:1px solid var(--ip-line) !important;border-radius:var(--ip-radius);
}
.woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px}

/* ==========================================================================
   6. Buttons and widgets
   ========================================================================== */
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{
  padding:13px 26px;border:0;border-radius:999px;background:var(--ip-primary);color:#fff;
  font-size:14.5px;font-weight:700;line-height:1.2;transition:.22s;
}
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover{background:var(--ip-primary-dark);color:#fff}
.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{background:var(--ip-ink);color:#fff}
.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:#000}
.woocommerce nav.woocommerce-pagination ul{
  display:flex;justify-content:center;gap:6px;margin:48px 0 0;padding:0;border:0;list-style:none;
}
.woocommerce nav.woocommerce-pagination ul li{margin:0;border:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;
  border:1px solid var(--ip-line);border-radius:var(--ip-radius-sm);color:var(--ip-ink);font-weight:700;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--ip-primary);border-color:var(--ip-primary);color:#fff}
.woocommerce .star-rating span::before,.woocommerce .star-rating::before{color:var(--ip-yellow)}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:var(--ip-primary)}
.woocommerce .widget_price_filter .price_slider_amount .button{float:right}
.woocommerce ul.product_list_widget li{padding:12px 0;border-bottom:1px solid var(--ip-line)}
.woocommerce ul.product_list_widget li:last-child{border-bottom:0}
.woocommerce ul.product_list_widget li img{width:60px;border-radius:8px}
.woocommerce .woocommerce-breadcrumb{display:none}

/* ==========================================================================
   7. Responsive
   ========================================================================== */
@media (max-width:980px){
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce div.product{grid-template-columns:minmax(0,1fr)}
  .woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr)}
  .woocommerce-checkout .col2-set{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .woocommerce ul.products{grid-template-columns:minmax(0,1fr);gap:22px}
  .woocommerce table.shop_table_responsive tr td{padding:12px 14px}
  .woocommerce .cart-collaterals .cart_totals{max-width:none;padding:22px}
  .woocommerce div.product form.cart .button{flex:1 1 100%}
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .star-rating{margin-left:16px;margin-right:16px}
}