/* ═══════════════════════════════════════════
 * AZRA Automotive — Main Stylesheet
 * ═══════════════════════════════════════════ */

/* ── Base ── */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* ── Components ── */
@import 'components/buttons.css';
@import 'components/header.css';
@import 'components/footer.css';
@import 'components/loading.css';
@import 'components/floating-cta.css';
@import 'components/gdpr.css';

/* ── Pages ── */
@import 'pages/home.css';
@import 'pages/catalog.css';
@import 'pages/car-single.css';
@import 'pages/contact.css';
@import 'pages/faq.css';
@import 'pages/about.css';
@import 'pages/404.css';
@import 'pages/search.css';
/* @import 'pages/blog.css'; */

/* ═══════════════════════════════════════════
 * Utility: Container
 * ═══════════════════════════════════════════ */
.container {
	width: 100%;
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--container-padding);
}

.container-narrow {
	max-width: var(--container-narrow);
}

/* ═══════════════════════════════════════════
 * Utility: Visibility
 * ═══════════════════════════════════════════ */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* ═══════════════════════════════════════════
 * Glass Card Base
 * ═══════════════════════════════════════════ */
.glass-card {
	background: var(--color-glass-bg);
	border: 1px solid var(--color-glass-border);
	border-radius: var(--radius-lg);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition:
		background var(--transition-base),
		border-color var(--transition-base),
		box-shadow var(--transition-base);
}

.glass-card:hover {
	background: var(--color-glass-bg-hover);
	border-color: var(--color-glass-border-hover);
	box-shadow: var(--shadow-card-hover);
}