/* ==========================================================================
   Mawzona — WooCommerce theming (gold + green)
   ========================================================================== */

.woocommerce, .woocommerce-page { color: var(--ink); }
.woo-main { padding-block: clamp(32px, 5vw, 64px); }

/* page title */
.woocommerce-products-header__title,
.woocommerce .page-title { font-family: var(--font-display); color: var(--green-800); text-align: center; margin-bottom: 28px; }

/* result count + ordering */
.woocommerce .woocommerce-result-count { color: var(--muted); }
.woocommerce .woocommerce-ordering select { border: 1px solid var(--line); border-radius: 10px; padding: 8px 12px; font: inherit; }

/* ---------- product grid ---------- */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 26px; margin: 0 !important; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product {
	width: auto !important; margin: 0 !important; float: none !important;
	background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
	box-shadow: var(--shadow-sm); overflow: hidden; padding: 0 0 22px;
	transition: transform .2s, box-shadow .25s, border-color .25s; text-align: center;
}
.woocommerce ul.products li.product:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: #e3d7b8; }
.woocommerce ul.products li.product a img { margin: 0 0 16px; border-radius: 0; aspect-ratio: 4/3; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--font-display); color: var(--green-800); font-size: 1.1rem; padding: 0 18px; }
.woocommerce ul.products li.product .price { color: var(--gold-dk) !important; font-weight: 700; font-family: var(--font-display); font-size: 1.2rem; }
.woocommerce ul.products li.product .price del { color: var(--muted); font-weight: 400; font-size: .9rem; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce span.onsale {
	background: var(--grad-gold); color: #fff; border-radius: var(--pill);
	min-height: auto; min-width: auto; padding: .3em .9em; font-weight: 700; top: 12px; inset-inline-start: 12px; margin: 0;
}

/* ---------- buttons ---------- */
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce .button.alt,
.woocommerce ul.products li.product .button {
	background: var(--grad-gold); color: #fff; border-radius: var(--pill);
	font-family: var(--font-display); font-weight: 600; padding: .7em 1.6em; border: 0;
	transition: transform .18s, box-shadow .2s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button.alt:hover {
	background: var(--green-800); color: #fff; transform: translateY(-2px);
}
.woocommerce .button.added::after { color: #fff; }

/* ---------- single product ---------- */
.single-product div.product { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; }
.single-product div.product .woocommerce-product-gallery { margin: 0; }
.single-product div.product .product_title { font-family: var(--font-display); color: var(--green-800); }
.single-product div.product p.price, .single-product div.product span.price { color: var(--gold-dk); font-family: var(--font-display); font-weight: 700; font-size: 1.8rem; }
.single-product .woocommerce-tabs ul.tabs { padding: 0; }
.single-product .woocommerce-tabs ul.tabs li { background: var(--paper-2); border-radius: 10px 10px 0 0; border-color: var(--line); }
.single-product .woocommerce-tabs ul.tabs li.active { background: #fff; border-bottom-color: #fff; }
.quantity input.qty { border: 1px solid var(--line); border-radius: 10px; padding: 8px; }
@media (max-width: 820px){ .single-product div.product { grid-template-columns: 1fr; } }

/* ---------- cart ---------- */
.woocommerce table.shop_table { border: 1px solid var(--line); border-radius: var(--radius); border-collapse: separate; overflow: hidden; }
.woocommerce table.shop_table th { background: var(--green-900); color: #fff; }
.woocommerce .cart_totals h2, .woocommerce-checkout h3 { font-family: var(--font-display); color: var(--green-800); }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: var(--grad-gold); }

/* ---------- checkout (name + WhatsApp only) ---------- */
.woocommerce-checkout .col2-set, .woocommerce-checkout #customer_details { max-width: 640px; margin-inline: auto; }
.woocommerce form .form-row label { font-weight: 700; color: var(--green-800); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	border: 1px solid var(--line); border-radius: 10px; padding: 12px; font: inherit;
}
.woocommerce #payment { background: var(--paper-2); border-radius: var(--radius); }
.woocommerce #payment div.payment_box { background: #fff; border: 1px solid var(--line); }
#place_order { width: 100%; font-size: 1.05rem !important; padding: 14px !important; }
.woocommerce-info, .woocommerce-message { border-top-color: var(--gold); }
.woocommerce-info::before, .woocommerce-message::before { color: var(--gold); }

/* my-account */
.woocommerce-account .woocommerce-MyAccount-navigation ul { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--green-900); color: #fff; }