/*
Theme Name: My Shopping
Theme URI: http://example.com/my-shopping
Author: Antigravity IDE
Author URI: http://example.com
Description: A premium luxury gift shop WooCommerce theme.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-shopping
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, woocommerce
*/

/* ==========================================================================
   Luxury Theme Custom CSS Variables (Design Tokens)
   ========================================================================= */
:root {
	--luxury-primary: #1a1a2e;       /* Deep Navy-Black */
	--luxury-primary-light: #2c2c44;
	--luxury-secondary: #b76e79;     /* Rose Gold */
	--luxury-secondary-light: #d4a0a8;
	--luxury-accent: #c9a84c;        /* Gold */
	--luxury-accent-light: #e2cb7d;
	--luxury-bg-warm: #f7f5f0;       /* Curated Warm Linen */
	--luxury-text-primary: #1a1a2e;
	--luxury-text-secondary: #5e5e6e;
	--luxury-text-muted: #8e8e9e;
	--luxury-sale: #8b2d2d;
	--luxury-font-serif: 'Playfair Display', 'Plus Jakarta Sans', serif;
	--luxury-font-sans: 'Plus Jakarta Sans', 'Inter', sans-serif;
	
	--ease-luxury: cubic-bezier(0.23, 1, 0.32, 1);
}

/* ==========================================================================
   WooCommerce UI Override Core Reset & Scopes
   ========================================================================= */

/* 1. Global typography overrides within WooCommerce wrapper */
.woocommerce, 
.woocommerce-page,
.woocommerce-account,
.woocommerce-checkout {
	font-family: var(--luxury-font-sans) !important;
	color: var(--luxury-text-primary) !important;
}

.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3, .woocommerce-page h4 {
	font-family: var(--luxury-font-serif) !important;
	color: var(--luxury-text-primary) !important;
	font-weight: 600 !important;
}

/* 2. Premium Buttons Override (Primary / Alt / Default) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.single_add_to_cart_button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
	background-color: var(--luxury-primary) !important;
	color: #ffffff !important;
	font-family: var(--luxury-font-sans) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	padding: 14px 32px !important;
	border-radius: 6px !important;
	border: 1px solid var(--luxury-primary) !important;
	cursor: pointer !important;
	transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1), border-color 200ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 160ms cubic-bezier(0.23, 1, 0.32, 1) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	line-height: 1.2 !important;
	box-shadow: 0 4px 12px rgba(26, 26, 46, 0.05) !important;
}

@media (hover: hover) and (pointer: fine) {
	.woocommerce a.button:hover,
	.woocommerce button.button:hover,
	.woocommerce input.button:hover,
	.woocommerce #respond input#submit:hover,
	.woocommerce-button:hover,
	.woocommerce a.button.alt:hover,
	.woocommerce button.button.alt:hover,
	.woocommerce input.button.alt:hover,
	.woocommerce #respond input#submit.alt:hover,
	.single_add_to_cart_button:hover,
	.woocommerce-form-login__submit:hover,
	.woocommerce-form-register__submit:hover {
		background-color: var(--luxury-secondary) !important;
		border-color: var(--luxury-secondary) !important;
		color: #ffffff !important;
		box-shadow: 0 8px 24px rgba(183, 110, 121, 0.2) !important;
		transform: translateY(-1px) !important;
	}
}

.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:active,
.woocommerce-button:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce #respond input#submit.alt:active,
.single_add_to_cart_button:active,
.woocommerce-form-login__submit:active,
.woocommerce-form-register__submit:active {
	transform: scale(0.97) !important;
}

/* Secondary outline style option */
.woocommerce a.button.button-secondary,
.woocommerce button.button.button-secondary,
.button-outline {
	background-color: transparent !important;
	color: var(--luxury-primary) !important;
	border: 1px solid var(--luxury-primary) !important;
}

.woocommerce a.button.button-secondary:hover,
.woocommerce button.button.button-secondary:hover,
.button-outline:hover {
	background-color: var(--luxury-primary) !important;
	color: #ffffff !important;
	border-color: var(--luxury-primary) !important;
}

/* 3. Quantity Selectors styling */
.woocommerce .quantity {
	display: inline-flex !important;
	align-items: center !important;
	border: 1px solid rgba(26, 26, 46, 0.1) !important;
	border-radius: 4px !important;
	background-color: #ffffff !important;
	overflow: hidden !important;
	height: 42px !important;
	margin-right: 12px !important;
}

.woocommerce .quantity .qty {
	width: 50px !important;
	height: 100% !important;
	border: none !important;
	background: transparent !important;
	text-align: center !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	outline: none !important;
	font-size: 13px !important;
	padding: 0 !important;
}

/* 4. Elegant Inputs & Form fields */
.woocommerce-Input,
.woocommerce-Input--text,
.woocommerce-Input--email,
.woocommerce-Input--password,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
	width: 100% !important;
	padding: 12px 16px !important;
	font-size: 13px !important;
	color: var(--luxury-text-primary) !important;
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 4px !important;
	outline: none !important;
	transition: all 0.2s var(--ease-luxury) !important;
	font-family: var(--luxury-font-sans) !important;
}

.woocommerce-Input:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
select:focus,
input[type="text"]:focus,
textarea:focus {
	border-color: var(--luxury-secondary) !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(183, 110, 121, 0.08) !important;
}

/* 5. Custom Select dropdown design */
.select2-container--default .select2-selection--single {
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 4px !important;
	height: 44px !important;
	padding: 8px 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px !important;
}

/* 6. Notices and luxury alerts */
.woocommerce-error, .woocommerce-message, .woocommerce-info {
	list-style: none !important;
	margin: 0 0 24px 0 !important;
	padding: 14px 20px !important;
	border-radius: 4px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	border-left-width: 4px !important;
	box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
}

.woocommerce-error {
	background-color: #fffafb !important;
	border: 1px solid #fbd5d5 !important;
	border-left: 4px solid var(--luxury-sale) !important;
	color: var(--luxury-sale) !important;
}

.woocommerce-message {
	background-color: #f8fcf9 !important;
	border: 1px solid #def7ec !important;
	border-left: 4px solid var(--color-success-elegant) !important;
	color: var(--color-success-elegant) !important;
}

.woocommerce-info {
	background-color: #f9fbfd !important;
	border: 1px solid #e1effe !important;
	border-left: 4px solid var(--luxury-secondary) !important;
	color: var(--luxury-text-primary) !important;
}

/* 7. Cart & Checkout Details overrides */
.woocommerce-billing-fields h3, 
.woocommerce-shipping-fields h3, 
#order_review_heading {
	font-family: var(--luxury-font-serif) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	padding-bottom: 10px !important;
	margin-bottom: 24px !important;
	letter-spacing: -0.01em !important;
}

.woocommerce form .form-row label {
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	color: var(--luxury-text-primary) !important;
	margin-bottom: 6px !important;
}

/* 8. My Account Custom styling */
.woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	background-color: #ffffff !important;
	overflow: hidden !important;
}

.woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
	display: block !important;
	padding: 12px 18px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	color: var(--luxury-text-primary) !important;
	transition: all 0.2s ease !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
	background-color: var(--luxury-secondary) !important;
	color: #ffffff !important;
	padding-left: 22px !important;
}

.woocommerce-MyAccount-content {
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 30px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
}

/* My Account - Improved Address and Edit Account styling */
.woocommerce-MyAccount-content h3 {
	font-family: var(--luxury-font-serif) !important;
	color: var(--luxury-primary) !important;
	font-size: 22px !important;
	margin-bottom: 20px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
}

.woocommerce-MyAccount-content fieldset {
	background-color: var(--luxury-bg-warm) !important;
	padding: 30px !important;
	border-radius: 8px !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.woocommerce-MyAccount-content fieldset legend {
	font-family: var(--luxury-font-serif) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--luxury-primary) !important;
	padding: 0 12px !important;
}

.woocommerce-Address {
	background-color: var(--luxury-bg-warm) !important;
	padding: 30px !important;
	border-radius: 8px !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	margin-bottom: 30px !important;
}

.woocommerce-Address-title a.edit {
	float: right;
	font-size: 12px !important;
	color: var(--luxury-secondary) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	font-weight: bold !important;
}

.woocommerce-MyAccount-content form p.form-row {
	margin-bottom: 20px !important;
}

.woocommerce-EditAccountForm button.woocommerce-Button,
.woocommerce-address-fields button.button {
	background-color: var(--luxury-secondary) !important;
	border-color: var(--luxury-secondary) !important;
	color: #ffffff !important;
	margin-top: 20px !important;
}

/* 9. Star Rating styling */
.woocommerce .star-rating, 
.woocommerce-page .star-rating {
	color: var(--luxury-accent) !important;
}

/* 10. Swiper Custom styles */
.swiper-button-prev,
.swiper-button-next {
	color: var(--luxury-primary) !important;
	background: rgba(255, 255, 255, 0.9) !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	transition: all 0.3s ease !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
	font-size: 14px !important;
	font-weight: bold !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	background: var(--luxury-primary) !important;
	color: #ffffff !important;
}

.swiper-pagination-bullet-active {
	background: var(--luxury-secondary) !important;
}

/* ==========================================================================
   Luxury WooCommerce Cart Page & Table Styles
   ========================================================================= */
.woocommerce-cart-form {
	margin-top: 2rem;
}
.woocommerce table.shop_table {
	width: 100% !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	text-align: left !important;
	margin-bottom: 2rem !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
}
.woocommerce table.shop_table th {
	background-color: #ffffff !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	padding: 16px 20px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	color: var(--luxury-text-primary) !important;
}
.woocommerce table.shop_table td {
	padding: 20px !important;
	vertical-align: middle !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
}
.woocommerce table.shop_table tr:last-child td {
	border-bottom: none !important;
}
.woocommerce table.shop_table td.product-thumbnail img {
	width: 70px !important;
	height: 70px !important;
	object-fit: cover !important;
	border-radius: 6px !important;
	background-color: var(--luxury-bg-warm) !important;
}
.woocommerce table.shop_table td.product-name a {
	font-family: var(--luxury-font-sans) !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	transition: color 0.3s ease !important;
}
.woocommerce table.shop_table td.product-name a:hover {
	color: var(--luxury-secondary) !important;
}
.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-subtotal {
	font-family: var(--luxury-font-sans) !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
}
.woocommerce table.shop_table td.product-subtotal {
	color: var(--luxury-primary) !important;
}

/* Cart Collaterals & Totals Section */
.cart-collaterals {
	margin-top: 3rem !important;
}
.cart-collaterals .cart_totals {
	float: none !important;
	width: 100% !important;
	background: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 24px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
}
.cart-collaterals .cart_totals h2 {
	font-family: var(--luxury-font-serif) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	padding-bottom: 12px !important;
	margin-bottom: 20px !important;
}
.cart-collaterals .cart_totals table.shop_table {
	border: none !important;
	margin-bottom: 1.5rem !important;
}
.cart-collaterals .cart_totals table.shop_table tr td,
.cart-collaterals .cart_totals table.shop_table tr th {
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	background: transparent !important;
}
.cart-collaterals .cart_totals table.shop_table tr.order-total td,
.cart-collaterals .cart_totals table.shop_table tr.order-total th {
	border-bottom: none !important;
	padding-top: 18px !important;
}
.cart-collaterals .cart_totals table.shop_table tr.order-total td span {
	font-size: 1.15rem !important;
	color: var(--luxury-primary) !important;
	font-weight: 700 !important;
}

/* ==========================================================================
   Luxury WooCommerce Checkout Page Styles
   ========================================================================= */
.woocommerce-checkout-review-order-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin-bottom: 1.5rem !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	text-align: left !important;
}
.woocommerce-checkout-review-order-table th {
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
}
.woocommerce-checkout-review-order-table td.product-name {
	font-size: 13px !important;
	font-weight: 500 !important;
}
.woocommerce-checkout-review-order-table td.product-total {
	font-weight: 600 !important;
	text-align: right !important;
}
.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tr.shipping th,
.woocommerce-checkout-review-order-table tr.shipping td {
	font-size: 12px !important;
}
.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td {
	border-bottom: none !important;
	padding-top: 16px !important;
}
.woocommerce-checkout-review-order-table tr.order-total td {
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: var(--luxury-primary) !important;
	text-align: right !important;
}

/* Premium Checkout Input Sizing & Select2 Dropdown Alignment Fixes */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
	width: 100% !important;
	height: 48px !important;
	background-color: #FAF8F5 !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 8px !important;
	padding: 0 16px !important;
	font-size: 13px !important;
	color: var(--luxury-text-primary) !important;
	outline: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}
.woocommerce-checkout textarea {
	height: auto !important;
	padding: 12px 16px !important;
}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
	border-color: var(--luxury-accent) !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.1) !important;
}

/* WooCommerce CPT Form Row CSS Grid Reset */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper {
	display: grid !important;
	grid-template-cols: 1fr !important;
	gap: 16px !important;
}
@media (min-width: 640px) {
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper,
	.woocommerce-address-fields__field-wrapper {
		grid-template-cols: repeat(2, 1fr) !important;
	}
}
.woocommerce-checkout .form-row-wide {
	grid-column: span 2 !important;
}
@media (max-width: 639px) {
	.woocommerce-checkout .form-row-wide {
		grid-column: span 1 !important;
	}
}
.woocommerce-checkout .form-row {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}
.woocommerce-checkout label {
	font-family: var(--luxury-font-sans) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: var(--luxury-text-secondary) !important;
	margin-bottom: 2px !important;
}
.woocommerce-checkout label .required {
	color: #ef4444 !important;
	text-decoration: none !important;
	margin-left: 2px !important;
}

/* Select2 Dropdown Alignments */
.select2-container--default .select2-selection--single {
	height: 48px !important;
	background-color: #FAF8F5 !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 12px !important;
	box-sizing: border-box !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 48px !important;
	color: var(--luxury-text-primary) !important;
	font-size: 13px !important;
	padding-left: 4px !important;
	padding-right: 20px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px !important;
	right: 12px !important;
	display: flex !important;
	align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--luxury-text-primary) transparent transparent transparent !important;
	border-width: 5px 4px 0 4px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent var(--luxury-text-primary) transparent !important;
	border-width: 0 4px 5px 4px !important;
}
.select2-dropdown {
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
	z-index: 9999 !important;
	padding: 4px !important;
}
.select2-results__option {
	padding: 8px 12px !important;
	font-size: 13px !important;
	border-radius: 4px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--luxury-secondary) !important;
	color: #ffffff !important;
}

/* Payment Gateways / Methods selection block */
#payment {
	background: #FAF8F5 !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 12px !important;
	padding: 20px !important;
	margin-top: 1.5rem !important;
}
#payment ul.payment_methods {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
}
#payment ul.payment_methods li {
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.03) !important;
}
#payment ul.payment_methods li:last-child {
	border-bottom: none !important;
	padding-bottom: 20px !important;
}
#payment ul.payment_methods li input {
	margin-right: 10px !important;
	accent-color: var(--luxury-primary) !important;
}
#payment ul.payment_methods li label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer !important;
	display: inline-block !important;
}
#payment ul.payment_methods li .payment_box {
	background: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 14px 16px !important;
	margin-top: 8px !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: var(--luxury-text-secondary) !important;
}
#payment ul.payment_methods li .payment_box::before {
	display: none !important;
}
#payment #place_order {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	background-color: #000000 !important;
	color: #ffffff !important;
	padding: 14px 24px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	border-radius: 9999px !important;
	transition: background-color 0.2s ease, transform 0.1s ease !important;
	border: none !important;
	cursor: pointer !important;
	box-shadow: none !important;
}
#payment #place_order:hover {
	background-color: #1f2937 !important;
}
#payment #place_order:active {
	transform: scale(0.98) !important;
}

/* ==========================================================================
   Luxury Gutenberg Block Checkout & Cart Style Overrides
   ========================================================================= */

/* 1. Force professional serif/sans typography onto Block components */
.wc-block-checkout,
.wc-block-cart,
.wc-block-checkout__section,
.wc-block-components-address-form,
.wc-block-components-checkout-step,
.wc-block-components-sidebar,
.wc-block-components-order-summary {
	font-family: var(--luxury-font-sans) !important;
}

.wc-block-checkout h1,
.wc-block-checkout h2,
.wc-block-checkout h3,
.wc-block-checkout h4,
.wc-block-checkout__section-title,
.wc-block-components-order-summary-title,
.wc-block-cart h1,
.wc-block-cart h2,
.wc-block-cart h3,
.wc-block-cart h4,
.wc-block-components-title,
.wc-block-components-order-summary__button-text,
.wc-block-components-totals-item__label,
.wc-block-components-checkout-step__title {
	font-family: var(--luxury-font-serif) !important;
	color: var(--luxury-text-primary) !important;
	font-weight: 600 !important;
}

/* 2. Inherit professional font inside interactive inputs */
.wc-block-checkout input,
.wc-block-checkout select,
.wc-block-checkout textarea,
.wc-block-checkout button,
.wc-block-cart input,
.wc-block-cart select,
.wc-block-cart textarea,
.wc-block-cart button {
	font-family: var(--luxury-font-sans) !important;
}

/* 3. Stack labels on top of input fields with floating animations */
.wc-block-components-text-input,
.wc-block-components-select-input,
.wc-block-components-combobox {
	position: relative !important;
	margin-top: 16px !important;
	margin-bottom: 16px !important;
	display: block !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.wc-block-components-text-input label,
.wc-block-components-text-input__label,
.wc-block-components-select-input label,
.wc-block-components-select-input__label,
.wc-block-components-combobox label {
	position: absolute !important;
	left: 14px !important;
	top: 30% !important;
	transform: translateY(-50%) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--luxury-text-secondary) !important;
	pointer-events: none !important;
	transition: all 180ms cubic-bezier(0.23, 1, 0.32, 1) !important;
	transform-origin: left center !important;
	z-index: 10 !important;
	background: transparent !important;
	padding: 0 !important;
}

/* Floating State: Focus or Has Value - Overlap the top border */
.wc-block-components-text-input:focus-within label,
.wc-block-components-text-input:focus-within .wc-block-components-text-input__label,
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input.is-active .wc-block-components-text-input__label,
.wc-block-components-text-input:has(input:not(:placeholder-shown)) label,
.wc-block-components-text-input:has(input:not(:placeholder-shown)) .wc-block-components-text-input__label,
.wc-block-components-text-input[data-has-value="true"] label,
.wc-block-components-text-input[data-has-value="true"] .wc-block-components-text-input__label,
.wc-block-components-select-input.is-active label,
.wc-block-components-select-input:focus-within label,
.wc-block-components-combobox label,
.wc-block-components-combobox:focus-within label {
	top: -12px !important;
	transform: translateY(0) scale(0.85) !important;
	left: 10px !important;
	color: var(--luxury-text-secondary) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	background: #ffffff !important;
	padding: 0 6px !important;
	z-index: 20 !important;
}

.wc-block-components-text-input:focus-within label,
.wc-block-components-text-input:focus-within .wc-block-components-text-input__label,
.wc-block-components-select-input:focus-within label,
.wc-block-components-select-input:focus-within .wc-block-components-select-input__label,
.wc-block-components-combobox:focus-within label {
	color: var(--luxury-secondary) !important;
}

/* Base Input Styles */
.wc-block-components-text-input__input,
.wc-block-components-select-input__select,
.wc-block-components-text-input input,
.wc-block-components-select-input select,
.wc-block-components-combobox .select2-container,
.wc-block-components-combobox-control input,
body .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input {
	position: relative !important;
	width: 100% !important;
	padding: 16px 14px 8px 14px !important;
	font-size: 14px !important;
	color: var(--luxury-text-primary) !important;
	background-color: #f9fafb !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 6px !important;
	outline: none !important;
	height: 52px !important;
	margin-top: 0 !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.01) !important;
	transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1) !important;
	appearance: none !important;
}

/* Remove default WooCommerce wrapper borders */
.wc-block-components-combobox-control {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.wc-block-components-text-input::before,
.wc-block-components-text-input::after,
.wc-block-components-select-input::before,
.wc-block-components-select-input::after,
.wc-block-components-combobox::before,
.wc-block-components-combobox::after,
.wc-block-components-combobox-control::before,
.wc-block-components-combobox-control::after {
	display: none !important;
}

@media (hover: hover) and (pointer: fine) {
	.wc-block-components-text-input__input:hover,
	.wc-block-components-select-input__select:hover,
	.wc-block-components-text-input input:hover,
	.wc-block-components-select-input select:hover {
		border-color: rgba(26, 26, 46, 0.15) !important;
		background-color: #f3f4f6 !important;
	}
}

.wc-block-components-text-input__input:focus,
.wc-block-components-select-input__select:focus,
.wc-block-components-text-input input:focus,
.wc-block-components-select-input select:focus,
.wc-block-components-combobox input:focus {
	background-color: #ffffff !important;
	border-color: var(--luxury-secondary) !important;
	box-shadow: 0 0 0 3px rgba(183, 110, 121, 0.12) !important;
}

/* 4. Contact/Billing sections as spacious luxury cards */
.wc-block-checkout__contact-fields,
.wc-block-checkout__billing-address,
.wc-block-checkout__shipping-address,
.wc-block-checkout__payment-options,
.wc-block-checkout__gifting-options {
	background-color: #ffffff !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 24px !important;
	margin-bottom: 24px !important;
	box-shadow: var(--shadow-card) !important;
}

/* Spacing fix for guest checkout subtext */
.wc-block-checkout__contact-fields .wc-block-checkout__guest-checkout-text {
	margin-top: 12px !important;
	font-size: 11px !important;
	color: var(--luxury-text-secondary) !important;
	line-height: 1.5 !important;
}

/* 5. Custom Elegant styling for Cash on Delivery */
.wc-block-components-radio-control-item {
	position: relative !important;
	border: 1px solid rgba(26, 26, 46, 0.05) !important;
	border-radius: 8px !important;
	padding: 16px 20px !important;
	background-color: #ffffff !important;
	margin-bottom: 12px !important;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
	cursor: pointer !important;
}

.wc-block-components-radio-control-item:hover {
	border-color: var(--luxury-secondary) !important;
	background-color: rgba(183, 110, 121, 0.02) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(183, 110, 121, 0.05) !important;
}

.wc-block-components-radio-control-item label {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	color: var(--luxury-text-primary) !important;
	cursor: pointer !important;
}

/* Inject Cash on Delivery Icon Emojis directly into labels */
.wc-block-components-radio-control-item[value="cod"] label::before,
.payment_method_cod label::before {
	content: '💵' !important;
	font-size: 16px !important;
}

/* 6. Clean rendering for Indian Rupee symbol glyph */
.woocommerce-Price-currencySymbol,
.wc-block-components-formatted-money .woocommerce-Price-currencySymbol,
.wc-block-components-totals-item__value bdi,
.wc-block-components-product-price__value bdi,
.wc-block-components-totals-item__value span,
.wc-block-components-product-price__value span {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-weight: 500 !important;
}

/* 7. Hover animation transitions for cart and checkout item rows */
.wc-block-cart-items__row,
.woocommerce-cart-form tr.cart_item {
	transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}

@media (hover: hover) and (pointer: fine) {
	.wc-block-cart-items__row:hover,
	.woocommerce-cart-form tr.cart_item:hover {
		background-color: rgba(183, 110, 121, 0.01) !important;
		transform: translateX(6px) !important;
	}
}

/* 8. Micro-interactive quantity press scaling */
.quantity-minus,
.quantity-plus,
.quantity button {
	transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.quantity-minus:active,
.quantity-plus:active,
.quantity button:active {
	transform: scale(0.8) !important;
}

/* ==========================================================================
   Premium Cart UI Overrides (Tailwind-Free Custom Styling)
   ========================================================================= */
/* Warm body background for cart pages */
body.woocommerce-cart {
	background-color: #FAF8F5 !important;
}

/* Quantity Pill layout styles */
.quantity-pill-wrap {
	display: flex !important;
	align-items: center !important;
	background-color: #FAF8F5 !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 9999px !important;
	height: 36px !important;
	overflow: hidden !important;
}
.quantity-pill-wrap .quantity {
	display: inline-block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}
.quantity-pill-wrap .quantity input.qty {
	width: 32px !important;
	height: 100% !important;
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--luxury-text-primary) !important;
	appearance: textfield !important;
	-moz-appearance: textfield !important;
}
.quantity-pill-wrap .quantity input.qty::-webkit-outer-spin-button,
.quantity-pill-wrap .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

/* Hide default cart totals tables and render as clean flex-row items */
.woocommerce-cart-totals {
	width: 100% !important;
}
.woocommerce-cart-totals table.shop_table {
	display: block !important;
	width: 100% !important;
	border: none !important;
	margin-bottom: 0 !important;
	background: transparent !important;
}
.woocommerce-cart-totals table.shop_table tbody {
	display: block !important;
	width: 100% !important;
}
.woocommerce-cart-totals table.shop_table tr {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(26, 26, 46, 0.05) !important;
	background: transparent !important;
}
.woocommerce-cart-totals table.shop_table tr:last-child {
	border-bottom: none !important;
}
/* Remove bottom border from last menu item */
.mobile-menu-item:last-child {
	border-bottom: none;
}

/* Coupon Form Alignment & Button Styling */
.wc-block-components-totals-coupon__form {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
}

.wc-block-components-totals-coupon__form .wc-block-components-text-input {
	margin: 0 !important;
	flex-grow: 1 !important;
	
}

body .woocommerce-checkout .wc-block-components-totals-coupon__form button,
body .woocommerce-checkout .wc-block-components-totals-coupon button,
body .woocommerce-checkout .wc-block-components-totals-coupon .components-button,
body .woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-button,
.wc-block-components-totals-coupon__form button,
.wc-block-components-totals-coupon button,
.wc-block-components-totals-coupon .components-button,
.wc-block-components-totals-coupon .wc-block-components-button,
.wc-block-components-totals-coupon__button {
	background-color: var(--luxury-primary) !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	height: 52px !important;
	padding: 0 24px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	border: none !important;
	margin: 0 !important;
	transition: all 0.3s ease !important;
}

body .woocommerce-checkout .wc-block-components-totals-coupon__form button:hover,
body .woocommerce-checkout .wc-block-components-totals-coupon button:hover,
.wc-block-components-totals-coupon__form button:hover,
.wc-block-components-totals-coupon button:hover,
.wc-block-components-totals-coupon__button:hover {
	background-color: var(--luxury-primary-light) !important;
}

/* 
 * ULTIMATE COMBOBOX OVERRIDE
 * Targets WordPress core component classes used by WooCommerce Blocks 
 */
.wc-block-components-combobox,
.components-combobox-control {
	position: relative !important;
	margin-top: 16px !important;
}

.wc-block-components-combobox input.components-combobox-control__input,
.components-combobox-control input.components-combobox-control__input {
	height: 52px !important;
	padding: 16px 14px 8px 14px !important;
	font-size: 14px !important;
	color: var(--luxury-text-primary) !important;
	background-color: #f9fafb !important;
	border: 1px solid rgba(26, 26, 46, 0.08) !important;
	border-radius: 6px !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.01) !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.wc-block-components-combobox input.components-combobox-control__input:focus,
.components-combobox-control input.components-combobox-control__input:focus {
	border-color: var(--luxury-primary) !important;
	box-shadow: 0 0 0 1px var(--luxury-primary) !important;
}

.wc-block-components-combobox label.components-combobox-control__label,
.components-combobox-control label.components-combobox-control__label,
label.components-combobox-control__label,
.wc-block-components-combobox label {
	display: none !important;
}

.wc-block-components-combobox:focus-within label.components-combobox-control__label {
	color: var(--luxury-primary) !important;
}

.woocommerce-cart-totals table.shop_table th {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	font-family: var(--luxury-font-sans) !important;
	font-size: 14px !important;
	color: #6b7280 !important; /* Muted gray label */
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.woocommerce-cart-totals table.shop_table td {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	text-align: right !important;
	font-family: var(--luxury-font-sans) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #111827 !important; /* Bold content */
}
.woocommerce-cart-totals table.shop_table tr.order-total {
	border-top: 1px solid rgba(26, 26, 46, 0.05) !important;
	padding-top: 18px !important;
	margin-top: 4px !important;
}
.woocommerce-cart-totals table.shop_table tr.order-total th {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #111827 !important;
}
.woocommerce-cart-totals table.shop_table tr.order-total td span.amount {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #000000 !important;
}

/* Proceed to Checkout Solid Black Button */
.wc-proceed-to-checkout a.checkout-button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	background-color: #000000 !important;
	color: #ffffff !important;
	padding: 14px 24px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	border-radius: 9999px !important;
	transition: background-color 0.2s ease, transform 0.1s ease !important;
	box-shadow: none !important;
	border: none !important;
}
.wc-proceed-to-checkout a.checkout-button:hover {
	background-color: #1f2937 !important;
}
.wc-proceed-to-checkout a.checkout-button:active {
	transform: scale(0.98) !important;
}
.wc-proceed-to-checkout a.checkout-button::after {
	content: ' \2192' !important; /* Arrow pointing right */
	margin-left: 8px !important;
	font-weight: bold !important;
}

/* Fix discount coupons label/amounts */
.woocommerce-cart-totals tr.cart-discount th,
.woocommerce-cart-totals tr.cart-discount td {
	color: #ef4444 !important;
}

/* Bento Grid Item Height & Aspect Fallbacks to prevent height collapse */
.bento-item {
	display: block !important;
	aspect-ratio: 4/5 !important;
	min-height: 380px !important;
	position: relative !important;
}

/* Testimonial slider transitions styling */
.testimonial-card {
	transition: opacity 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.testimonial-card.opacity-0 {
	opacity: 0 !important;
	pointer-events: none !important;
}
.testimonial-card.opacity-100 {
	opacity: 1 !important;
	pointer-events: auto !important;
}
.testimonial-card.scale-95 {
	transform: scale(0.95) !important;
}
.testimonial-card.scale-100 {
	transform: scale(1) !important;
}

/* Force Full Width Site Layout Reset */
html, body {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #FAF8F5 !important;
}
#page, .site {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent !important;
}

/* Force Homepage Sections Padding, Grid, and Spacing Fallbacks */
.home-categories-section,
.home-featured-section,
.testimonials-section,
.home-newsletter-section {
	display: block !important;
	padding: 80px 4% !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
}

/* Make inner content blocks max-width 1280px and centered */
.home-categories-section > div,
.home-featured-section > div,
.testimonials-section > div,
.home-newsletter-section > div {
	max-width: 1280px !important;
	margin: 0 auto !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Category Bento Grid Layout */
.category-bento-grid {
	display: grid !important;
	grid-template-cols: repeat(4, 1fr) !important;
	gap: 24px !important;
	margin: 40px auto 0 auto !important;
	width: 100% !important;
}

/* Featured Products Grid Layout */
.home-featured-section .grid {
	display: grid !important;
	grid-template-cols: repeat(4, 1fr) !important;
	gap: 24px !important;
	margin: 40px auto 0 auto !important;
	width: 100% !important;
}

/* Category grid items aspect ratio and padding */
.bento-item {
	aspect-ratio: 4/5 !important;
	min-height: 380px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	position: relative !important;
}

/* Spacing and margins on titles */
.home-categories-section .text-center,
.home-featured-section .flex,
.testimonials-section .text-center {
	margin-bottom: 40px !important;
}

/* Ensure text colors on titles are readable */
.home-categories-section h2,
.home-featured-section h2,
.testimonials-section h2 {
	color: #1a1a2e !important;
	font-weight: 700 !important;
	margin-bottom: 12px !important;
}
.home-categories-section p,
.home-featured-section p,
.testimonials-section p {
	color: #5e5e6e !important;
}

/* Media Queries for responsive columns */
@media (max-width: 1024px) {
	.category-bento-grid,
	.home-featured-section .grid {
		grid-template-cols: repeat(2, 1fr) !important;
	}
}
@media (max-width: 640px) {
	.category-bento-grid,
	.home-featured-section .grid {
		grid-template-cols: 1fr !important;
		gap: 16px !important;
	}
	.home-categories-section,
	.home-featured-section,
	.testimonials-section,
	.home-newsletter-section {
		padding: 48px 4% !important;
	}
}