/*! Clothing Theme by webbysam — WooCommerce styles */

/* ---------- Product grid (shop + sliders) ---------- */
.clothing-theme ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 14px}
.clothing-theme ul.products::before,.clothing-theme ul.products::after{display:none!important}
.clothing-theme ul.products li.product,.woocommerce .clothing-theme ul.products li.product,.woocommerce-page ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0;text-align:left;position:relative}
.clothing-theme ul.products.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.clothing-theme ul.products.columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.clothing-theme .ct-slider ul.products{display:flex!important}
.clothing-theme ul.products li.product .product-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0!important;box-shadow:none}
.clothing-theme ul.products li.product .woocommerce-loop-product__title{padding:0;font-size:14px}
.clothing-theme ul.products li.product .price{color:var(--ink);margin:0;font-size:14px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.clothing-theme .price del{opacity:1;color:var(--muted);font-size:13px;order:2}
.clothing-theme .price ins{text-decoration:none;color:var(--sale);font-weight:600;order:1}
.clothing-theme .price>.amount,.clothing-theme .price>bdi{font-weight:600}
.clothing-theme .badges .onsale,.clothing-theme span.onsale{position:static;min-height:0;min-width:0;border-radius:0;line-height:1.4;margin:0;padding:3px 7px;font-size:11px;font-weight:500;background:var(--sale);color:#fff}
.clothing-theme .woocommerce-product-gallery ~ span.onsale,.clothing-theme div.product>span.onsale{position:absolute;top:14px;left:14px;z-index:5}
.clothing-theme .qa-sizes .button{min-width:34px;height:30px;padding:0 6px!important;border:1px solid var(--line)!important;border-radius:0!important;font-size:12px!important;font-weight:400!important;background:#fff!important;color:var(--ink)!important;display:inline-grid;place-items:center;line-height:1!important;margin:0!important}
.clothing-theme .qa-sizes .button:hover{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.clothing-theme .qa-sizes .button.loading{opacity:.5}
.clothing-theme .quick-add a.qa-bag{display:grid;place-items:center;text-decoration:none}
.clothing-theme .quick-add .added_to_cart{display:none!important}
.clothing-theme .quick-add .button.added::after,.clothing-theme .quick-add .qa-bag.added::after{display:none}
.clothing-theme .qv-btn{position:absolute;top:50px;right:8px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.85);color:var(--ink);font-size:0;opacity:0;transition:opacity .2s}
.clothing-theme .qv-btn::before{content:"";position:absolute;inset:10px;border:1.5px solid var(--ink);border-radius:50%}
.clothing-theme .qv-btn::after{content:"";position:absolute;width:6px;height:1.5px;background:var(--ink);right:7px;bottom:10px;transform:rotate(45deg)}
.clothing-theme li.product:hover .qv-btn,.clothing-theme li.product .qv-btn:focus{opacity:1}
.clothing-theme .wish .icon{width:20px;height:20px}
.clothing-theme .ct-thumb-art{width:70px;aspect-ratio:2/3;position:relative;display:block}
.clothing-theme .ct-thumb-art svg{width:100%;height:100%}

/* ---------- Shop archive ---------- */
.woo-main .woocommerce-breadcrumb{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.woo-main .woocommerce-breadcrumb a{color:var(--muted)}
.woo-main .woocommerce-breadcrumb .sep{margin:0 8px}
.woo-main .woocommerce-products-header__title{font-size:clamp(30px,4vw,46px);margin-bottom:8px}
.woo-main .term-description{color:var(--muted);max-width:70ch}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:12px;margin:18px 0 26px}
.shop-toolbar .woocommerce-result-count,.shop-toolbar .woocommerce-ordering{margin:0!important;float:none!important;color:var(--muted);font-size:14px}
.shop-toolbar select{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 12px;font:inherit;font-size:14px}
.shop-with-filters{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.shop-filters .widget{margin-bottom:28px}
.shop-filters .widget-title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-family:var(--body);font-weight:500}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:6px;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{border:1px solid var(--line);padding:10px 14px;min-width:42px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:var(--bg)}

/* ---------- Buttons & forms ---------- */
.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{background:var(--ink);color:var(--bg);border-radius:0;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:13px;padding:14px 26px;font-family:var(--ui)}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--btn-hover);color:var(--bg)}
.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled[disabled]{background:var(--muted);color:#fff}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .quantity .qty,.select2-container--default .select2-selection--single{border:1px solid var(--line);border-radius:0;padding:12px 14px;background:var(--surface);color:var(--ink);font:inherit;min-height:46px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:22px;padding:0;color:var(--ink)}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:10px}
.woocommerce form .form-row label{font-size:13px;color:var(--muted);margin-bottom:6px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--accent);background:var(--surface);color:var(--ink)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--accent)}
.woocommerce-message .button{float:right}

/* ---------- Single product ---------- */
.single-product div.product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start;position:relative}
.single-product div.product .woocommerce-product-gallery,.single-product div.product .summary{width:auto!important;float:none!important;margin:0!important}
.single-product div.product .woocommerce-tabs,.single-product div.product .related,.single-product div.product .upsells{grid-column:1/-1}
.single-product div.product .product_title{font-family:var(--display);font-size:clamp(28px,3vw,40px);font-weight:400;margin-bottom:10px}
.single-product div.product p.price,.single-product div.product span.price{color:var(--ink);font-size:22px;display:flex;gap:10px;align-items:baseline}
.single-product .woocommerce-product-details__short-description{color:var(--muted);margin:16px 0}
.single-product div.product form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:22px 0}
.single-product div.product form.cart .button{flex:1;min-width:200px}
.single-product div.product form.cart.variations_form{display:block}
.single-product div.product form.cart .variations{margin-bottom:12px}
.single-product div.product form.cart .variations th{text-align:left;padding:6px 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.single-product div.product form.cart .variations select{border:1px solid var(--line);padding:10px 12px;min-width:200px;background:var(--surface);color:var(--ink)}
.single-product div.product form.cart .woocommerce-variation-add-to-cart{display:flex;gap:12px;flex-wrap:wrap}
.single-product .product_meta{font-size:13px;color:var(--muted);display:grid;gap:6px;border-top:1px solid var(--line);padding-top:16px}
.single-product .product_meta a{color:var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;border-bottom:1px solid var(--line);display:flex;gap:4px}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.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{border:0;background:none;border-radius:0;margin:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 18px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink)}
.single-product .related>h2,.single-product .upsells>h2{font-size:clamp(24px,3vw,34px);margin:28px 0 20px}
.ct-single-art{aspect-ratio:2/3;position:relative;background:var(--soft)}
.ct-single-art .art{position:absolute;inset:0}
.woocommerce div.product div.images .flex-control-thumbs li{width:20%;padding:4px}

/* ---------- Cart, checkout, account ---------- */
.woocommerce table.shop_table{border-radius:0;border-color:var(--line)}
.woocommerce table.shop_table th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)}
.woocommerce-cart table.cart img,.woocommerce-cart table.cart .art{width:72px}
.woocommerce .cart-collaterals .cart_totals h2,.woocommerce-checkout h3{font-size:24px;margin-bottom:14px}
.woocommerce-checkout #payment{background:var(--soft);border-radius:0}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:var(--bg)}

/* ---------- Side cart (mini cart) ---------- */
#cartDrawer .drawer-body{display:flex;flex-direction:column;gap:14px}
#cartDrawer .widget_shopping_cart_content{display:flex;flex-direction:column;gap:14px;flex:1}
#cartDrawer .woocommerce-mini-cart{list-style:none;margin:0;padding:0;display:grid;gap:16px}
#cartDrawer .woocommerce-mini-cart-item{position:relative;display:grid;grid-template-columns:70px 1fr;gap:12px;padding-right:24px;font-size:14px}
#cartDrawer .woocommerce-mini-cart-item>a:not(.remove){display:contents}
#cartDrawer .woocommerce-mini-cart-item img,#cartDrawer .woocommerce-mini-cart-item .art{grid-row:span 2;width:70px;aspect-ratio:2/3;object-fit:cover;position:relative}
#cartDrawer .woocommerce-mini-cart-item .remove{position:absolute;right:0;top:0;color:var(--muted)!important;font-size:18px;text-decoration:none}
#cartDrawer .woocommerce-mini-cart-item .quantity{color:var(--muted);font-size:13px}
#cartDrawer .woocommerce-mini-cart-item dl.variation{font-size:12px;color:var(--muted);margin:2px 0}
#cartDrawer .woocommerce-mini-cart__total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin:auto 0 0;font-size:16px}
#cartDrawer .woocommerce-mini-cart__buttons{display:grid;gap:8px;margin:0}
#cartDrawer .woocommerce-mini-cart__buttons .button{display:block;text-align:center;margin:0;padding:14px;background:var(--ink);color:var(--bg);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
#cartDrawer .woocommerce-mini-cart__buttons .button.checkout{background:var(--ink);color:var(--bg)}
#cartDrawer .woocommerce-mini-cart__buttons .button.checkout:hover{background:var(--btn-hover)}
#cartDrawer .woocommerce-mini-cart__empty-message{text-align:center;color:var(--muted);padding:40px 0}
.ct-ship-progress{display:grid;gap:6px;font-size:13px;color:var(--muted)}

/* ---------- Quick view ---------- */
#quickView .modal-box{display:block;padding:0}
#quickView .qv-content{display:grid;grid-template-columns:1fr 1fr}
#quickView .qv-media{position:relative;min-height:420px;background:var(--soft)}
#quickView .qv-media img,#quickView .qv-media .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#quickView .modal-info{padding:28px;display:grid;gap:12px;align-content:start}
#quickView .modal-info form.cart{display:flex;gap:10px;flex-wrap:wrap}
#quickView .modal-info form.variations_form{display:block}
#quickView .modal-info .variations select{border:1px solid var(--line);padding:9px;min-width:160px}
#quickView .modal-info .woocommerce-variation-add-to-cart{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
#quickView .modal-info .quantity .qty{width:70px;border:1px solid var(--line);padding:10px}
#quickView .modal-info button.button{background:var(--ink);color:var(--bg);border:0;padding:13px 24px;font:inherit;letter-spacing:.12em;text-transform:uppercase;font-size:13px;cursor:pointer}
#quickView .qv-loading{padding:60px;text-align:center;grid-column:1/-1}
#quickView .qv-desc{color:var(--muted);font-size:14px}
.wishlist-grid ul.products{margin-top:8px}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
	.clothing-theme ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
	.shop-with-filters{grid-template-columns:1fr}
}
@media (max-width:860px){
	.single-product div.product{grid-template-columns:1fr;gap:24px}
	#quickView .qv-content{grid-template-columns:1fr}
	#quickView .qv-media{min-height:300px}
}
@media (max-width:560px){
	.clothing-theme ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}
	.clothing-theme .qv-btn{display:none}
}
