/* Minimal global reset */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

:root {
	--astro-primary: #E06D2C;
	--astro-primary-hover: #C85718;
	--astro-primary-light: #FFF7ED;
	--astro-secondary: #D97706;
	--astro-gold: #F59E0B;
	--astro-heading: #1C1917;
	--astro-text: #44403C;
	--astro-text-muted: #78716C;
	--astro-bg: #FCF9F4;
	--astro-bg-card: #FFFFFF;
	--astro-border: #F3E8DC;
	--astro-border-warm: #FED7AA;
	--astro-font-serif: 'Cinzel', 'Playfair Display', Georgia, serif;
	--astro-font-sans: 'Plus Jakarta Sans', 'Questrial', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
	margin: 0;
	font-family: var(--astro-font-sans);
	line-height: 1.6;
	color: var(--astro-text);
	background: var(--astro-bg);
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--astro-font-serif);
	color: var(--astro-heading);
	font-weight: 700;
	line-height: 1.25;
}

/* Astrology Global Button Styles */
.btn-primary,
.ust-hero-btn,
.ust-intro-text-btn,
.ust-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: var(--astro-primary);
	color: #FFFFFF !important;
	font-family: var(--astro-font-sans);
	font-weight: 600;
	font-size: 15px;
	padding: 12px 28px;
	border-radius: 9999px;
	text-decoration: none;
	border: 1px solid transparent;
	box-shadow: 0 4px 14px rgba(224, 109, 44, 0.28);
	transition: all 0.25s ease-in-out;
	cursor: pointer;
}

.btn-primary:hover,
.ust-hero-btn:hover,
.ust-intro-text-btn:hover,
.ust-cta-btn:hover {
	background-color: var(--astro-primary-hover);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(224, 109, 44, 0.38);
}

.btn-secondary,
.ust-hero-btn-secondary,
.ust-hero-btn-outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: transparent;
	color: var(--astro-primary) !important;
	font-family: var(--astro-font-sans);
	font-weight: 600;
	font-size: 15px;
	padding: 12px 28px;
	border-radius: 9999px;
	text-decoration: none;
	border: 2px solid var(--astro-primary);
	transition: all 0.25s ease-in-out;
	cursor: pointer;
}

.btn-secondary:hover,
.ust-hero-btn-secondary:hover,
.ust-hero-btn-outline:hover {
	background-color: var(--astro-primary);
	color: #FFFFFF !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(224, 109, 44, 0.38);
}

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

a {
	color: inherit;
}

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

.container {
	width: min(100% - 40px, 1200px);
	margin-inline: auto;
}

.ust-section-container {
	width: 100%;
	max-width: 1240px;
	margin-inline: auto;
	padding-inline: 20px;
	box-sizing: border-box;
}

.site-header,
.site-footer {
	padding: 0;
}

.site-main {
	min-height: 60vh;
	padding: 0;
}

.menu {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Section Settings Clone Utility Styles */
.section-bg-light.section-bg-light {
	background-color: #FAF5EE !important;
	color: #1C1917;
}

.section-bg-dark.section-bg-dark {
	background-color: #1C1917 !important;
	color: #ffffff;
}

.section-bg-primary.section-bg-primary {
	background-color: var(--astro-primary) !important;
	color: #ffffff;
}

.section-pt-compact.section-pt-compact {
	padding-top: 1.5rem !important;
}

.section-pt-spacious.section-pt-spacious {
	padding-top: 5rem !important;
}

.section-pt-none.section-pt-none {
	padding-top: 0 !important;
}

.section-pb-compact.section-pb-compact {
	padding-bottom: 1.5rem !important;
}

.section-pb-spacious.section-pb-spacious {
	padding-bottom: 5rem !important;
}

.section-pb-none.section-pb-none {
	padding-bottom: 0 !important;
}

@media (max-width: 768px) {
	.container {
		width: min(100% - 32px, 1200px);
	}

	.ust-section-container {
		padding-inline: 16px;
	}

	.menu {
		gap: 12px;
	}
}