/*
Theme Name: HW Clothing
Theme URI: https://example.com/
Author: HW Clothing
Description: A simple, clean WooCommerce theme for HW Clothing, women's unstitched 2-piece and 3-piece suits. Change every home page text and colour from Appearance > Customize > HW Clothing Settings.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hw-clothing
Tags: e-commerce, custom-menu, custom-logo, featured-images, two-columns
*/

:root{
	--hwc-main:#4A1632;
	--hwc-gold:#B8924A;
	--hwc-ink:#231C20;
	--hwc-muted:#6F6469;
	--hwc-paper:#FFFDFC;
	--hwc-blush:#F7EBEE;
	--hwc-line:#E9DDE1;
	--hwc-radius:4px;
	--hwc-display:'Bodoni Moda',Georgia,serif;
	--hwc-body:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hwc-paper);color:var(--hwc-ink);font-family:var(--hwc-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--hwc-main);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--hwc-gold);outline-offset:2px}
.screen-reader-text,.skip-link:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;background:#fff;padding:10px 14px;z-index:9999}
h1,h2,h3,h4{font-family:var(--hwc-display);font-weight:600;line-height:1.2;color:var(--hwc-ink);margin:0 0 .5em}
p{margin:0 0 1em}

.hwc-wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 20px}

/* Buttons */
.hwc-btn,.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{
	display:inline-block;background:var(--hwc-main);color:#fff;border:0;border-radius:var(--hwc-radius);
	padding:14px 28px;font:600 15px/1.2 var(--hwc-body);cursor:pointer;text-decoration:none;transition:background .2s}
.hwc-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:#34102a;color:#fff;text-decoration:none}
.hwc-btn--light{background:#fff;color:var(--hwc-main)}
.hwc-btn--light:hover{background:var(--hwc-blush);color:var(--hwc-main)}
.hwc-link{font-weight:600;border-bottom:2px solid var(--hwc-gold)}
.hwc-link:hover{text-decoration:none}

/* Announcement */
.hwc-announce{background:var(--hwc-main);color:#fff;text-align:center;font-size:14px;padding:9px 16px}

/* Header */
.hwc-header{background:var(--hwc-paper);border-bottom:1px solid var(--hwc-line);position:sticky;top:0;z-index:50}
.admin-bar .hwc-header{top:32px}
.hwc-header__row{display:flex;align-items:center;gap:24px;min-height:74px}
.hwc-brand{flex:0 0 auto}
.hwc-brand__text{font-family:var(--hwc-display);font-size:28px;font-weight:600;color:var(--hwc-main);letter-spacing:.01em}
.hwc-brand__text span{font-style:italic;font-weight:400;color:var(--hwc-gold)}
.hwc-brand__text:hover{text-decoration:none}
.custom-logo{max-height:56px;width:auto}
.hwc-nav{flex:1 1 auto}
.hwc-menu,.hwc-menu ul{list-style:none;margin:0;padding:0}
.hwc-menu{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.hwc-menu a{color:var(--hwc-ink);font-weight:500;padding:6px 0;border-bottom:2px solid transparent}
.hwc-menu a:hover,.hwc-menu .current-menu-item>a{border-bottom-color:var(--hwc-gold);text-decoration:none}
.hwc-menu li{position:relative}
.hwc-menu .sub-menu{position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--hwc-line);min-width:200px;padding:8px 0;display:none;z-index:20}
.hwc-menu li:hover>.sub-menu,.hwc-menu li:focus-within>.sub-menu{display:block}
.hwc-menu .sub-menu a{display:block;padding:8px 16px;border:0}
.hwc-tools{display:flex;gap:18px;align-items:center;flex:0 0 auto}
.hwc-tool{color:var(--hwc-ink);font-weight:500}
.hwc-cart-count{display:inline-block;min-width:22px;height:22px;line-height:22px;text-align:center;background:var(--hwc-main);color:#fff;border-radius:11px;font-size:12px;margin-left:4px}
.hwc-burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.hwc-burger span{display:block;width:24px;height:2px;background:var(--hwc-ink);margin:5px 0}

.hwc-search{background:var(--hwc-blush);padding:10px 0}
.hwc-searchform,.woocommerce-product-search{display:flex;gap:8px;max-width:640px;margin:0 auto}
.hwc-searchform input[type=search],.woocommerce-product-search input[type=search]{flex:1;padding:11px 14px;border:1px solid var(--hwc-line);border-radius:var(--hwc-radius);font:inherit;background:#fff}
.hwc-searchform button,.woocommerce-product-search button{background:var(--hwc-ink);color:#fff;border:0;border-radius:var(--hwc-radius);padding:0 20px;font:600 14px var(--hwc-body);cursor:pointer}

/* Hero: a stack of woven fabric swatches */
.hwc-hero{background:var(--hwc-blush);overflow:hidden}
.hwc-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}
.hwc-hero h1{font-size:clamp(34px,5vw,60px);letter-spacing:-.01em;max-width:14ch;color:var(--hwc-main)}
.hwc-hero__copy>p{font-size:18px;color:var(--hwc-muted);max-width:46ch}
.hwc-hero__note{font-size:14px;margin-top:16px;color:var(--hwc-muted)}
.hwc-hero__art{position:relative;height:460px}
.hwc-hero__art>img{width:100%;height:100%;object-fit:cover;border-radius:var(--hwc-radius)}
.hwc-swatch{position:absolute;width:62%;height:78%;border-radius:var(--hwc-radius);box-shadow:0 18px 40px rgba(74,22,50,.18)}
.hwc-swatch--a{left:0;top:6%;transform:rotate(-6deg);
	background:
		repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px 7px),
		repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 2px,transparent 2px 7px),
		#4A1632}
.hwc-swatch--b{left:22%;top:0;transform:rotate(3deg);
	background:
		repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 2px,transparent 2px 7px),
		repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0 2px,transparent 2px 7px),
		#1F5A52}
.hwc-swatch--c{right:0;top:16%;transform:rotate(10deg);
	background:
		linear-gradient(90deg,transparent 0 44%,var(--hwc-gold) 44% 47%,transparent 47% 53%,var(--hwc-gold) 53% 56%,transparent 56%),
		repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 2px,transparent 2px 7px),
		#D9A6B4}

/* Brands line */
.hwc-brands{border-bottom:1px solid var(--hwc-line);padding:22px 0}
.hwc-brands .hwc-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hwc-brands__title{margin:0;color:var(--hwc-muted);font-size:14px}
.hwc-brands__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.hwc-brands__list li{font-family:var(--hwc-display);font-size:19px;font-style:italic;color:var(--hwc-main)}

/* Sections */
.hwc-section{padding:64px 0}
.hwc-section--tint{background:var(--hwc-blush)}
.hwc-h2{font-size:clamp(26px,3.4vw,38px);margin-bottom:28px}
.hwc-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.hwc-head .hwc-h2{margin:0}

/* Category tiles */
.hwc-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hwc-cat{position:relative;aspect-ratio:4/3;border-radius:var(--hwc-radius);overflow:hidden;display:flex;align-items:flex-end;background-size:cover;background-position:center;color:#fff}
.hwc-cat:hover{text-decoration:none}
.hwc-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(35,28,32,.65),transparent 60%)}
.hwc-cat__name{position:relative;z-index:1;padding:18px 20px;font-family:var(--hwc-display);font-size:24px;font-weight:600}
.hwc-cat--1{background-color:#4A1632}
.hwc-cat--2{background-color:#1F5A52}
.hwc-cat--3{background-color:#B8924A}
.hwc-cat--4{background-color:#6C3A4E}
.hwc-cat--5{background-color:#2F4B6E}
.hwc-cat--6{background-color:#8A4B3F}

/* Promise strip */
.hwc-promise{padding:56px 0;border-top:1px solid var(--hwc-line);border-bottom:1px solid var(--hwc-line)}
.hwc-promise__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.hwc-promise h3{font-size:19px;margin-bottom:6px}
.hwc-promise p{margin:0;color:var(--hwc-muted);font-size:15px}

/* Bottom banner */
.hwc-cta{background:var(--hwc-main);color:#fff;padding:64px 0;text-align:center}
.hwc-cta h2{color:#fff;font-size:clamp(26px,3.4vw,38px)}
.hwc-cta p{max-width:52ch;margin:0 auto 24px;color:#EBD9E1}

/* Footer */
.hwc-footer{background:var(--hwc-ink);color:#D9CFD3;padding-top:56px}
.hwc-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px}
.hwc-footer h4{color:#fff;font-size:18px}
.hwc-footer a{color:#D9CFD3}
.hwc-footer__brand{font-family:var(--hwc-display);font-size:26px;color:#fff;margin-bottom:10px}
.hwc-footer__brand span{font-style:italic;font-weight:400;color:var(--hwc-gold)}
.hwc-footer__about{max-width:36ch;font-size:15px}
.hwc-footer__menu{list-style:none;margin:0;padding:0}
.hwc-footer__menu li{margin-bottom:8px;font-size:15px}
.hwc-footer__bottom{border-top:1px solid #3A3035;padding:18px 0;font-size:14px}

/* Floating WhatsApp */
.hwc-wa-float{position:fixed;right:18px;bottom:18px;z-index:60;background:#1FA855;color:#fff;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.hwc-wa-float:hover{background:#178a45;color:#fff}

/* Generic pages */
.hwc-page{padding-top:48px;padding-bottom:64px}
.hwc-page--narrow{max-width:800px}
.hwc-title{font-size:clamp(28px,4vw,42px);margin-bottom:24px}
.hwc-meta{color:var(--hwc-muted);font-size:14px}
.hwc-content{max-width:75ch}
.hwc-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.hwc-post h2{font-size:22px;margin-top:12px}
.hwc-404{text-align:center}
.hwc-404 .hwc-searchform{margin-bottom:24px}

/* WooCommerce */
.hwc-shop{padding-top:40px;padding-bottom:64px}
.woocommerce-breadcrumb{font-size:14px;color:var(--hwc-muted);margin-bottom:20px}
.woocommerce-products-header__title,.product_title{font-family:var(--hwc-display)}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0 0 24px;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;position:relative;text-align:left}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--hwc-radius);margin:0 0 12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--hwc-body);font-size:16px;font-weight:600;padding:0;margin:0 0 4px;color:var(--hwc-ink)}
.woocommerce ul.products li.product .price{color:var(--hwc-main);font-weight:600;font-size:16px;display:block;margin-bottom:10px}
.woocommerce ul.products li.product .price del{color:var(--hwc-muted);font-weight:400;opacity:.8}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{width:100%;text-align:center;padding:12px 10px;background:#fff;color:var(--hwc-main);border:1.5px solid var(--hwc-main)}
.woocommerce ul.products li.product .button:hover{background:var(--hwc-main);color:#fff}
.woocommerce span.onsale{background:var(--hwc-gold);color:#fff;border-radius:var(--hwc-radius);min-height:0;min-width:0;line-height:1;padding:8px 12px;top:10px;left:10px;right:auto;margin:0;font-weight:600}
.woocommerce-result-count{color:var(--hwc-muted);font-size:14px}
.woocommerce-ordering select{padding:9px 12px;border:1px solid var(--hwc-line);border-radius:var(--hwc-radius);font:inherit;background:#fff}

/* Single product */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%!important;float:none!important;margin:0!important}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--hwc-main);font-size:26px;font-weight:600}
.woocommerce div.product form.cart{margin:20px 0;display:flex;gap:12px;flex-wrap:wrap}
.woocommerce .quantity .qty{padding:12px 8px;width:70px;border:1px solid var(--hwc-line);border-radius:var(--hwc-radius);font:inherit}
.woocommerce div.product .single_add_to_cart_button{padding:15px 36px}
.woocommerce div.product .product_meta{font-size:14px;color:var(--hwc-muted);border-top:1px solid var(--hwc-line);padding-top:14px}
.woocommerce div.product form.cart .variations{width:100%}
.woocommerce div.product form.cart .variations select{padding:10px;border:1px solid var(--hwc-line);border-radius:var(--hwc-radius);font:inherit;background:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;border-bottom:1px solid var(--hwc-line);display:flex;gap:24px;list-style:none}
.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{background:none;border:0;margin:0;padding:0;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:10px 0;display:block;color:var(--hwc-muted);font-weight:600}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--hwc-main);border-bottom:2px solid var(--hwc-gold)}

/* Cart, checkout, account */
.woocommerce table.shop_table{border:1px solid var(--hwc-line);border-radius:var(--hwc-radius);border-collapse:separate}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--hwc-line)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:12px;border:1px solid var(--hwc-line);border-radius:var(--hwc-radius);font:inherit}
.woocommerce-message,.woocommerce-info{border-top-color:var(--hwc-main)!important;background:var(--hwc-blush)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--hwc-main)!important}
.woocommerce #payment{background:var(--hwc-blush);border-radius:var(--hwc-radius)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:10px 0;border-bottom:1px solid var(--hwc-line);color:var(--hwc-ink)}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--hwc-main);font-weight:600}
.widget-title{font-size:18px}
.widget{margin-bottom:28px}

/* Tablet */
@media (max-width:960px){
	.hwc-hero__grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px}
	.hwc-hero__art{height:340px}
	.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
	.hwc-promise__grid{grid-template-columns:repeat(2,1fr)}
	.hwc-footer__grid{grid-template-columns:1fr 1fr}
	.woocommerce div.product{grid-template-columns:1fr;gap:28px}
	.hwc-posts{grid-template-columns:repeat(2,1fr)}
}

/* Phone */
@media (max-width:720px){
	.admin-bar .hwc-header{top:46px}
	.hwc-header__row{min-height:64px;gap:12px}
	.hwc-burger{display:block}
	.hwc-brand{flex:1}
	.hwc-brand__text{font-size:24px}
	.hwc-nav{position:fixed;left:0;right:0;top:0;bottom:0;background:var(--hwc-paper);padding:90px 28px 28px;transform:translateX(-100%);transition:transform .25s ease;z-index:80;overflow:auto}
	.hwc-nav.is-open{transform:none}
	.hwc-menu{flex-direction:column;gap:6px;align-items:flex-start}
	.hwc-menu a{font-size:22px;font-family:var(--hwc-display)}
	.hwc-menu .sub-menu{position:static;display:block;border:0;padding-left:14px}
	.hwc-burger{position:relative;z-index:90}
	.hwc-tool:not(.hwc-tool--cart){display:none}
	.hwc-cats{grid-template-columns:repeat(2,1fr);gap:10px}
	.hwc-cat__name{font-size:19px;padding:12px 14px}
	.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:14px}
	.hwc-section{padding:44px 0}
	.hwc-promise__grid{grid-template-columns:1fr;gap:20px}
	.hwc-footer__grid{grid-template-columns:1fr}
	.hwc-posts{grid-template-columns:1fr}
	body.hwc-nav-open{overflow:hidden}
}

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*{transition:none!important}
}