/* About page themed styling for Vigaza Farm (puyuh-inspired earth and green tones) */
:root {
	--vf-green: #198754;
	--vf-deep: #0f4f34;
	--vf-beige: #f6f2ea;
	--vf-border: #e5decd;
}

.about-intro-section,
.about-activity-section,
.about-contact-section,
.about-info-section {
	position: relative;
}

.about-intro-section {
	padding-top: 7rem; /* offset fixed navbar overlap */
}

.about-hero-banner {
	color: #fff;
	min-height: 90vh;
	display: flex;
	align-items: center;
}

.about-hero-banner .badge {
	border: none;
}

.about-hero-banner .btn-outline-light {
	border-color: rgba(255, 255, 255, 0.7);
	color: #fff;
}

.about-hero-banner .btn-outline-light:hover {
	background: #fff;
	color: var(--vf-green);
}

@media (max-width: 767px) {
	.about-intro-section {
		padding-top: 5.5rem;
	}
}

.soft-pattern {
	background: radial-gradient(circle at 20% 20%, rgba(25, 135, 84, 0.08), transparent 35%),
				radial-gradient(circle at 80% 0%, rgba(15, 79, 52, 0.08), transparent 30%),
				var(--vf-beige);
}

.soft-pattern-alt {
	background: linear-gradient(135deg, rgba(25, 135, 84, 0.04), rgba(15, 79, 52, 0.08)), #fff;
}

.about-intro-section h1 {
	color: var(--vf-deep);
}

.about-intro-section .badge {
	border: 1px solid rgba(25, 135, 84, 0.2);
	background: rgba(25, 135, 84, 0.08);
}

.about-card {
	border: 1px solid var(--vf-border);
	background: #fff;
	box-shadow: 0 10px 30px rgba(15, 79, 52, 0.08);
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.about-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 40px rgba(15, 79, 52, 0.12);
	border-color: rgba(25, 135, 84, 0.35);
}

.about-card h3,
.about-card h5 {
	color: var(--vf-deep);
}

.about-card ul li strong {
	color: var(--vf-green);
}

.about-activity-section h3,
.about-info-section h3,
.about-contact-section h3 {
	color: var(--vf-deep);
}

.about-contact-section a {
	text-decoration: none;
}

.about-contact-section .card {
	background: linear-gradient(180deg, #fff, rgba(246, 242, 234, 0.8));
}