/*
Theme Name: AME Bazaar Astra Child
Theme URI: https://github.com/Yashu-maheshwari/ame-bazaar-code-
Author: Yashu Maheshwari & Gemini
Author URI: https://github.com/Yashu-maheshwari
Description: Premium Astra child theme foundation for the AME Bazaar digital platform.
Template: astra
Version: 1.0.4
Text Domain: ame-bazaar
*/

/* Theme foundation styles live in assets/css/main.css. */
:root {
	--ame-color-navy: #002347;
	--ame-color-gold: #d4af37;
	--ame-color-gold-dark: #916c02;
	--ame-color-cream: #f8f7f4;
	--ame-color-white: #ffffff;
	--ame-color-slate: #334155;
	--ame-color-charcoal: #1f2937;
	--ame-color-border: #dbe2ea;
	--ame-radius-sm: 0.5rem;
	--ame-radius-md: 1rem;
	--ame-radius-lg: 1.5rem;
	--ame-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
	--ame-shadow-md: 0 10px 30px rgba(15, 23, 42, 0.08);
	--ame-shadow-lg: 0 20px 60px rgba(15, 23, 42, 0.12);
	--ame-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--ame-font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

	--ame-content-width: 1200px;
	--ame-container-padding: clamp(1rem, 3vw, 2rem);
	--ame-section-padding: clamp(3rem, 7vw, 6rem);
	--ame-transition: 180ms ease;
}

html { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--ame-font-body);
	color: var(--ame-color-charcoal);
	background: var(--ame-color-white);
	line-height: 1.6;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a {
	color: inherit;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
	transition: color var(--ame-transition), opacity var(--ame-transition),
		background-color var(--ame-transition), border-color var(--ame-transition);
}
a:hover { color: var(--ame-color-navy); }

button, input, select, textarea { font: inherit; }

:focus-visible {
	outline: 3px solid var(--ame-color-gold);
	outline-offset: 3px;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

.ame-bazaar-container {
	width: min(var(--ame-content-width), calc(100% - (var(--ame-container-padding) * 2)));
	margin-inline: auto;
}

.ame-bazaar-section { padding-block: var(--ame-section-padding); }

.ame-bazaar-surface { background: var(--ame-color-cream); }

.ame-bazaar-shell {
	min-height: 100vh;
	background: var(--ame-color-white);
}

.ame-bazaar-stack {
	display: grid;
	gap: 1.5rem;
}

.ame-bazaar-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.9rem 1.4rem;
	border-radius: 999px;
	border: 1px solid transparent;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-decoration: none;
	cursor: pointer;
}
.ame-bazaar-btn--primary { background: var(--ame-color-navy); color: var(--ame-color-white); }
.ame-bazaar-btn--secondary { background: transparent; color: var(--ame-color-navy); border-color: currentColor; }
.ame-bazaar-btn:hover { transform: translateY(-1px); box-shadow: var(--ame-shadow-sm); }

/* ==========================================================================
   TRUST BAR ENHANCEMENT
   ========================================================================== */
.ame-trust-bar-section {
	background: linear-gradient(135deg, #001b38 0%, #002347 100%) !important;
	border-top: 2px solid var(--ame-color-gold) !important;
	border-bottom: 2px solid var(--ame-color-gold) !important;
	box-shadow: var(--ame-shadow-md);
}

.ame-trust-bar-item {
	transition: transform 0.2s ease;
}
.ame-trust-bar-item:hover {
	transform: translateY(-2px);
}

.ame-trust-bar-icon-wrap {
	transition: background-color 0.25s ease;
}
.ame-trust-bar-item:hover .ame-trust-bar-icon-wrap {
	background: rgba(212, 175, 55, 0.28) !important;
}

/* ==========================================================================
   AI FASHION ADVISOR & SEARCH STYLES
   ========================================================================== */
.ame-ai-topic-chip.active {
	background: var(--ame-color-navy) !important;
	color: #ffffff !important;
	box-shadow: var(--ame-shadow-sm);
}

.ame-ai-topic-chip:hover {
	background: #e2e8f0 !important;
	color: var(--ame-color-navy) !important;
}

.ame-prompt-tap {
	transition: all 0.2s ease-in-out;
}
.ame-prompt-tap:hover {
	border-color: var(--ame-color-navy) !important;
	background: #f8fafc !important;
	color: var(--ame-color-navy) !important;
	transform: translateY(-1px);
	box-shadow: var(--ame-shadow-sm);
}

.ame-faq-accordion-item {
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ame-faq-accordion-item:hover {
	border-color: var(--ame-color-gold) !important;
	box-shadow: var(--ame-shadow-sm);
}

.ame-faq-accordion-item[open] {
	border-color: var(--ame-color-gold) !important;
}

.ame-faq-accordion-item[open] .ame-faq-arrow {
	transform: rotate(180deg);
	color: var(--ame-color-gold-dark) !important;
}

.ame-search-result-card {
	transition: all 0.2s ease;
}
.ame-search-result-card:hover {
	border-color: var(--ame-color-gold) !important;
	transform: translateY(-2px);
	box-shadow: var(--ame-shadow-md);
}

.ame-guide-card {
	transition: all 0.2s ease;
}
.ame-guide-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--ame-shadow-md);
	border-color: var(--ame-color-gold) !important;
}

/* Off-canvas menu spacing fix */
.ame-mobile-drawer-header {
	border-bottom: 1px solid var(--ame-color-border);
}

/* ==========================================================================
   WOCCOMMERCE SINGLE PRODUCT EXPERIENCE ENHANCEMENTS
   ========================================================================== */

/* Single Product Grid and Layout Settings */
@media (max-width: 768px) {
	.ame-specs-guarantees-grid {
		grid-template-columns: 1fr !important;
		gap: 2.5rem !important;
	}
}

/* Specifications Table */
.ame-specs-table td {
	border-bottom: 1px solid var(--ame-color-border, #dbe2ea);
}

/* FAQs summary styles */
.ame-faq-accordion-item[open] .ame-faq-arrow {
	transform: rotate(180deg);
}

/* Mobile Sticky Purchase Bar */
.ame-sticky-add-to-cart {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--ame-color-white, #ffffff);
	box-shadow: 0 -4px 20px rgba(0, 35, 71, 0.08);
	padding: 0.75rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 999;
	border-top: 1px solid var(--ame-color-border, #dbe2ea);
}

.ame-sticky-add-to-cart-info {
	display: flex;
	flex-direction: column;
	max-width: 50%;
}

.ame-sticky-add-to-cart-title {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--ame-color-navy);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ame-sticky-add-to-cart-price {
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--ame-color-gold-dark, #916c02);
}

.ame-sticky-add-to-cart-actions {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.ame-btn-sticky-wa {
	background: #25d366;
	color: #fff;
	padding: 0.6rem 0.85rem;
	border-radius: 40px;
	font-weight: 700;
	font-size: 0.75rem;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	text-decoration: none;
	transition: background-color var(--ame-transition);
}

.ame-btn-sticky-wa:hover {
	background: #128c7e;
	color: #fff;
}

.ame-btn-sticky-add {
	background: var(--ame-color-navy);
	color: #fff;
	padding: 0.6rem 1rem;
	border-radius: 40px;
	font-weight: 700;
	font-size: 0.75rem;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* Hide on desktop viewports */
@media (min-width: 992px) {
	.ame-sticky-add-to-cart {
		display: none !important;
	}
}

/* ==========================================================================
   PREMIUM CSS UTILITY CLASSES
   ========================================================================== */

/* Premium Card Container */
.ame-card {
	background: var(--ame-color-white, #ffffff);
	border: 1px solid var(--ame-color-border, #dbe2ea);
	border-radius: var(--ame-radius-sm, 8px);
	padding: 1.25rem;
	transition: all var(--ame-transition);
}

/* Shadow elevation levels */
.ame-elevated {
	box-shadow: var(--ame-shadow-md, 0 10px 30px rgba(15,23,42,0.06));
}

/* Glassmorphism Surface effect */
.ame-glass {
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(12px) saturate(180%);
	-webkit-backdrop-filter: blur(12px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Premium Gold border accents */
.ame-premium {
	border: 1px solid var(--ame-color-gold, #d4af37) !important;
	background: linear-gradient(180deg, #ffffff 0%, #fdfdfa 100%);
}

/* Modern hover animation lift */
.ame-hover-lift {
	transition: transform var(--ame-transition), box-shadow var(--ame-transition), border-color var(--ame-transition);
}

.ame-hover-lift:hover {
	transform: translateY(-2px);
	box-shadow: var(--ame-shadow-md, 0 10px 30px rgba(15,23,42,0.08));
	border-color: var(--ame-color-gold, #d4af37);
}

/* ==========================================================================
   WOOCOMMERCE CATEGORY PAGES (PLP) & PRODUCT CARDS
   ========================================================================== */

/* Hover Gallery Image swap */
.ame-product-card-image-link:hover .ame-product-primary-image {
	opacity: 0 !important;
}

.ame-product-card-image-link:hover .ame-product-hover-image {
	opacity: 1 !important;
}

/* Quick Actions visibility */
.ame-product-card-image-wrap:hover .ame-product-card-quick-actions {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

.ame-product-card-quick-actions {
	opacity: 0;
	transform: translateY(5px);
	transition: all 0.25s ease;
}

/* Reusable Future-Ready 3D visual styles */
.ame-hover-glow:hover {
	box-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
	border-color: var(--ame-color-gold) !important;
}

.ame-depth-1 {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

.ame-depth-2 {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
}

.ame-premium-card {
	border: 1px solid var(--ame-color-border, #dbe2ea);
	border-radius: 12px;
	background: #ffffff;
	transition: all var(--ame-transition);
}

.ame-premium-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ame-shadow-md);
	border-color: var(--ame-color-gold);
}

/* Category Grid Responsive Layout */
@media (max-width: 991px) {
	.ame-category-grid {
		grid-template-columns: 1fr !important;
	}
	.ame-shop-sidebar {
		margin-bottom: 2rem;
	}
}

/* WhatsApp and Buy buttons hover rules */
.ame-card-wa-btn:hover {
	background: #128c7e !important;
}

.ame-card-add-btn:hover {
	background: var(--ame-color-gold) !important;
	color: var(--ame-color-navy) !important;
}

/* Subcategory cards hover scale */
.ame-category-card:hover .ame-category-image img {
	transform: scale(1.05);
}

.ame-category-card:hover .ame-icon {
	transform: translateX(3px);
}