/* =========================================================================
   Adamant ERP Store - E-Commerce SaaS Premium Visual Identity
   Alineación de Diseño Corporativo Adamant Core (CRM Web standard)
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@300;400;500;600;700&family=Lato:wght@400;700;900&family=Montserrat:wght@500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');

:root {
	--store-title-font: 'Montserrat', sans-serif;
}

html, body {
	font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	background-color: var(--mud-palette-background);
	color: var(--mud-palette-text-primary);
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.mud-typography-h1, .mud-typography-h2, .mud-typography-h3,
.mud-typography-h4, .mud-typography-h5, .mud-typography-h6 {
	font-family: var(--store-title-font, 'Montserrat', sans-serif) !important;
	font-weight: 700;
	letter-spacing: -0.02em;
}

/* --- Custom Scrollbar --- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(128, 128, 128, 0.35); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(128, 128, 128, 0.55); }

/* --- Glassmorphism Utilities --- */
.glass {
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.glass-dark {
	background: rgba(20, 26, 38, 0.8);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-panel {
	background: var(--mud-palette-surface) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid var(--mud-palette-divider) !important;
	border-radius: 16px;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
}

/* --- Transiciones y Suavizado --- */
.mud-paper, .mud-card, .mud-button, .mud-icon-button { 
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); 
}

/* --- Form Inputs Corporativos --- */
.custom-input .mud-input-outlined-border {
	border-color: var(--mud-palette-divider) !important;
	border-radius: 10px;
}

.custom-input:hover .mud-input-outlined-border {
	border-color: var(--mud-palette-primary) !important;
}

.custom-input.mud-input-control.mud-input-input-control.mud-input-focused .mud-input-outlined-border {
	border-color: var(--mud-palette-primary) !important;
	box-shadow: 0 0 0 2px rgba(92, 103, 247, 0.2);
}

.custom-input input, .custom-input label, .custom-input .mud-input-adornment-icon {
	color: var(--mud-palette-text-primary) !important;
}

/* --- Brand Glow Avatar (CRM Style) --- */
.brand-glow-avatar {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(92, 103, 247, 0.25) 0%, rgba(20, 26, 38, 0.8) 100%);
	border: 1px solid rgba(92, 103, 247, 0.4);
	box-shadow: 0 0 25px rgba(92, 103, 247, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
}

/* --- Product Cards & Catalog Animations --- */
.product-card {
	background: var(--mud-palette-surface) !important;
	border: 1px solid var(--mud-palette-divider) !important;
	border-radius: 14px;
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12) !important;
	border-color: var(--mud-palette-primary) !important;
}

/* --- Store AppBar & Announcement Bar --- */
.store-appbar {
	background: var(--store-header-bg, var(--mud-palette-appbar-background));
	color: var(--store-header-text, var(--mud-palette-appbar-text));
	border-bottom: 1px solid var(--mud-palette-divider) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.store-announcement-bar {
	background: var(--mud-palette-primary);
	color: #ffffff;
	font-size: 0.825rem;
	font-weight: 600;
	letter-spacing: 0.3px;
}

.store-brand-text {
	color: var(--store-header-text, var(--mud-palette-text-primary));
	font-family: var(--store-title-font, 'Montserrat', sans-serif) !important;
	letter-spacing: -0.5px;
	font-size: 1.35rem;
}

.store-main-content {
	background: var(--store-page-bg, var(--mud-palette-background));
	min-height: 82vh;
}

.store-footer {
	background: var(--mud-palette-surface);
	border-top: 1px solid var(--mud-palette-divider);
	color: var(--mud-palette-text-secondary);
}

/* --- Theme Corrections: Light Mode High Contrast --- */
.light-mode-container, [data-theme="light"] {
	color: #212121;
}

.mud-button-filled.mud-button-filled-primary {
	color: #ffffff !important;
}

.mud-button-filled.mud-button-filled-secondary {
	color: #ffffff !important;
}

/* --- Admin Panel Drawer & Badges --- */
.admin-badge-chip {
	font-weight: 700;
	letter-spacing: 0.5px;
	animation: admin-glow-pulse 2s infinite;
}

@keyframes admin-glow-pulse {
	0% { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.5); }
	70% { box-shadow: 0 0 0 6px rgba(255, 152, 0, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0); }
}

.admin-drawer {
	background-color: var(--mud-palette-surface) !important;
	border-left: 1px solid var(--mud-palette-divider) !important;
	color: var(--mud-palette-text-primary) !important;
}

.admin-drawer-header {
	background: linear-gradient(135deg, rgba(255, 152, 0, 0.15) 0%, rgba(92, 103, 247, 0.15) 100%);
	border-bottom: 1px solid var(--mud-palette-divider);
}

.admin-stock-badge {
	font-size: 0.72rem;
	font-weight: 700;
	border-radius: 6px;
	padding: 2px 6px;
}