/* ===========================================================
   Capital Sportswear — WooCommerce integration styles
   Maps WooCommerce shop / product / cart / checkout onto the
   prototype's card + hairline + square-corner design language.
   =========================================================== */

/* --- Shop / archive wrapper --- */
.woocommerce-shop main .wrap,.tax-product_cat main .wrap,.tax-product_tag main .wrap{padding-top:0}
.shop-hero{padding:150px 0 0}
.shop-hero .sec-hd{margin-bottom:40px}

.woocommerce-notices-wrapper:empty{display:none}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{font-family:var(--font-body);font-size:13px;color:var(--slate)}
.woocommerce .woocommerce-ordering select{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);padding:9px 12px;border-radius:0;background:#fff;color:var(--ink)}

/* --- Product loop -> prototype cards --- */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:56px 34px;margin:0 0 40px;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;margin:0!important;float:none!important;clear:none!important;padding:0;text-align:left;background:#fff;display:flex;flex-direction:column;position:relative}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1 1 auto}
.woocommerce ul.products li.product .cs-crow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line);margin-top:12px}
.woocommerce ul.products li.product .cs-ph{aspect-ratio:4/5;background:var(--mist);position:relative;overflow:hidden;display:block}
.woocommerce ul.products li.product .cs-ph img{width:100%;height:100%;object-fit:cover;margin:0;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}
.woocommerce ul.products li.product:hover .cs-ph img{transform:scale(1.03)}
.woocommerce ul.products li.product .cs-ph::after{content:"View";position:absolute;left:50%;bottom:18px;transform:translate(-50%,10px);opacity:0;z-index:2;font-family:var(--font-display);font-weight:500;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);background:#fff;padding:11px 18px;transition:.22s ease;pointer-events:none}
.woocommerce ul.products li.product:hover .cs-ph::after{opacity:1;transform:translate(-50%,0)}
.woocommerce ul.products li.product .cs-badges{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.woocommerce ul.products li.product .cs-cb{padding:18px 0 0;display:flex;flex-direction:column;gap:7px;flex:1}
.woocommerce ul.products li.product .cs-club{font-family:var(--font-display);font-size:10.5px;font-weight:500;color:var(--mute);text-transform:uppercase;letter-spacing:.24em}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2.woocommerce-loop-product__title{font-family:var(--font-display);font-weight:500;font-size:18px;text-transform:none;letter-spacing:-.01em;margin:0;padding:0;color:var(--ink);line-height:1.2}
.woocommerce ul.products li.product .cs-crow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line);margin-top:auto}
.woocommerce ul.products li.product .price{font-family:var(--font-display);font-weight:500;font-size:17px;color:var(--ink)!important;font-variant-numeric:tabular-nums;margin:0}
.woocommerce ul.products li.product .price del{color:var(--mute);font-weight:400;opacity:1;margin-right:6px;font-size:14px}
.woocommerce ul.products li.product .price ins{text-decoration:none;background:none}
.woocommerce ul.products li.product .cs-crow .button,.woocommerce ul.products li.product a.add_to_cart_button,.woocommerce ul.products li.product a.button.product_type_variable,.woocommerce ul.products li.product a.button.product_type_simple{background:var(--volt);color:#fff;font-family:var(--font-display);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.16em;border-radius:0;padding:11px 18px;border:0;margin:0;line-height:1;white-space:nowrap;transition:.16s}
.woocommerce ul.products li.product .button:hover{background:var(--volt-2)}
.woocommerce ul.products li.product .added_to_cart{display:none}

/* --- Single product --- */
.single-product div.product{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:var(--maxw);margin:0 auto;padding:150px 28px 40px}
.single-product div.product .woocommerce-product-gallery{width:100%!important;margin:0!important;float:none}
.single-product .woocommerce-product-gallery__image img{border-radius:0}
.single-product div.product .summary{margin:0!important;width:auto!important;float:none!important}
.single-product .product_meta{font-family:var(--font-body);font-size:12.5px;color:var(--slate);border-top:1px solid var(--line);padding-top:16px;margin-top:22px}
.single-product .product_title{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;margin:0 0 8px;color:var(--ink)}
.single-product .cs-club-line{font-family:var(--font-display);font-size:11px;font-weight:500;color:var(--mute);text-transform:uppercase;letter-spacing:.24em;margin-bottom:8px}
.single-product div.product p.price,.single-product div.product span.price{font-family:var(--font-display);font-weight:500;font-size:26px;color:var(--ink);font-variant-numeric:tabular-nums;margin:8px 0 0}
.single-product div.product p.price del{color:var(--mute);font-size:19px;margin-right:8px}
.single-product div.product p.price ins{text-decoration:none}
.single-product .woocommerce-product-details__short-description{color:var(--slate);font-size:15px;line-height:1.7;margin:20px 0}
.single-product .variations{margin:16px 0}
.single-product .variations th.label label{font-family:var(--font-display);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.24em;color:var(--ink)}
.single-product .variations td.value select{border:1px solid var(--line);border-radius:0;padding:12px 14px;font-family:var(--font-body);font-size:15px;background:#fff;min-width:180px}
.single-product .quantity input.qty{border:1px solid var(--line);border-radius:0;padding:12px 8px;width:64px;height:auto;font-family:var(--font-display);font-weight:500;text-align:center}
.single-product form.cart{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin:22px 0}
.single-product .single_add_to_cart_button,.woocommerce div.product form.cart .button{background:var(--volt)!important;color:#fff!important;font-family:var(--font-display);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.16em;border-radius:0;padding:16px 30px;border:0;line-height:1;transition:.16s}
.single-product .single_add_to_cart_button:hover{background:var(--volt-2)!important}
.single-product .cs-wa-ask{display:inline-flex;align-items:center;gap:9px;background:var(--wa);color:#fff;font-family:var(--font-display);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.16em;padding:16px 24px}
.single-product .cs-wa-ask svg{width:17px;height:17px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:0;margin:0 28px 0 0;padding: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{font-family:var(--font-display);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--mute);padding:12px 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink);border-bottom:1px solid var(--ink)}
.woocommerce .woocommerce-tabs{max-width:var(--maxw);margin:0 auto;padding:20px 28px 60px}
.related.products,.up-sells{max-width:var(--maxw);margin:0 auto;padding:20px 28px 80px}
.related.products>h2,.up-sells>h2{font-family:var(--font-display);font-weight:500;font-size:26px;letter-spacing:-.02em;margin-bottom:28px}

/* --- Buttons everywhere --- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--volt);color:#fff;font-family:var(--font-display);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.16em;border-radius:0;padding:15px 26px;border:0;transition:.16s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--volt-2);color:#fff}
.woocommerce .button.wc-backward,.woocommerce a.button.wc-backward{background:transparent;color:var(--ink);border:1px solid var(--ink)}

/* --- Cart / Checkout --- */
.woocommerce-cart .wrap,.woocommerce-checkout .wrap,.woocommerce-account .wrap,.woocommerce-order-received .wrap{padding-top:0}
.woocommerce-cart-form,.woocommerce-checkout,.woocommerce-account .woocommerce{max-width:var(--maxw);margin:0 auto}
.woocommerce table.shop_table{border-radius:0;border:1px solid var(--line)}
.woocommerce table.shop_table th{font-family:var(--font-display);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink)}
.woocommerce-checkout h3,.woocommerce-cart h2,.cart_totals h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection{border:1px solid var(--line)!important;border-radius:0!important;padding:12px 14px;font-family:var(--font-body);min-height:46px}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{border:1px solid var(--line);padding:8px 22px 22px}
.woocommerce #payment{background:var(--mist)}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{border-top-color:var(--volt);border-radius:0;font-family:var(--font-body)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--volt)}

/* store notice / coming soon banner tweak so it doesn't clash */
.woocommerce-store-notice{font-family:var(--font-body)}

/* breadcrumb */
.woocommerce-breadcrumb{font-family:var(--font-body);font-size:12px;color:var(--mute);max-width:var(--maxw);margin:0 auto 8px;padding:0 28px}

@media(max-width:980px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr;gap:36px 22px}
  .single-product div.product{grid-template-columns:1fr;gap:32px;padding-top:120px}
}
@media(max-width:600px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr}
  .woocommerce ul.products li.product{flex-direction:row;gap:16px}
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{flex-direction:row;gap:16px;width:100%}
  .woocommerce ul.products li.product .cs-ph{width:42%;flex:none}
  .woocommerce ul.products li.product .cs-cb{flex:1;padding-top:2px}
  .woocommerce ul.products li.product .cs-ph::after{display:none}
}