/*
Theme Name: Madura Valli
Theme URI: https://maduravalli.com
Author: Madura Valli Jewellers
Description: Luxury jewellery theme for Madura Valli Jewellers. Features a Deep Navy, Burnished Gold and Peacock Teal editorial design system.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
WC requires at least: 8.0
WC tested up to: 9.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: madura-valli
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/* Base reset - Tailwind handles styling via CDN in wp_head */
*, *::before, *::after { box-sizing: border-box; }

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
.font-serif  { font-family: 'Noto Serif', serif; }
.font-sans   { font-family: 'Plus Jakarta Sans', sans-serif; }

/* WooCommerce quantity input */
.quantity input[type="number"] {
    -moz-appearance: textfield;
}
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.product-template-default button.single_add_to_cart_button.button.alt {
    background-color: #775A19;
    width: 100%;
    margin-top: 10px;
    border-radius: 6px;
    border: 1px solid #775A19;
}

.product-template-default button.single_add_to_cart_button.button.alt:hover {
    background-color: #ffffff;
    color: #775A19;
}
.woocommerce a.remove {
    font-size: 16px;
    height: 1em;
    width: auto;
    display: block;
}

.woocommerce a.remove:hover {
    background: transparent;
    color: var(--wc-red) !important
}

.woocommerce-notices-wrapper {
    display: none;
}

p.text-xs.uppercase.tracking-widest.text-on-surface-variant {
    display: none;
}
.woocommerce-message, .woocommerce-error, .woocommerce-info {
	padding: 1rem 1.5rem 1rem 2.5rem !important;
}

@media(min-width: 1200px) {
	.customize-support .flex.justify-between.items-center.w-full.px-8.py-4.max-w-7xl.mx-auto {
		margin-top: 32px;
	}	
} 
@media(max-width: 600px) {
	.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
		margin-top: 10px;
	}
}