/*
Theme Name: Astra Child - MPV Redesign
Template: astra
Description: Modern restyle for MPV Holiday, scoped to the home page. No new fonts or JS, CSS only.
Version: 1.0.0
Author: MPV Holiday
*/

/* ==========================================================================
   Home page brand palette
   Reuses the deep-green / gold pair already introduced in the "Why Choose"
   section so the whole home page reads as one consistent brand, instead of
   introducing a fourth color scheme.
   ========================================================================== */
body.home {
	--ast-global-color-0: #0f4c45;
	--ast-global-color-1: #0b3a35;
	--mpv-accent: #c9a227;
	--mpv-accent-soft: #f4e9c9;
	--mpv-surface: #ffffff;
	--mpv-surface-soft: #f7f6f2;
	--mpv-shadow: 0 10px 30px -12px rgba(15, 76, 69, 0.25);
	--mpv-shadow-sm: 0 4px 14px -6px rgba(15, 76, 69, 0.2);
	--mpv-radius: 16px;
}

/* ==========================================================================
   Buttons & CTAs — bigger touch targets, softer shadow, gentle hover lift
   ========================================================================== */
body.home .elementor-button,
body.home .elementor-widget-call-to-action .elementor-button,
body.home .wp-block-button__link {
	border-radius: 999px;
	font-weight: 600;
	letter-spacing: 0.01em;
	box-shadow: var(--mpv-shadow-sm);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.home .elementor-button:hover,
body.home .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: var(--mpv-shadow);
}

@media (max-width: 544px) {
	body.home .elementor-button,
	body.home .wp-block-button__link {
		width: 100%;
		text-align: center;
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}
}

/* ==========================================================================
   "Why Choose" feature cards — turn the emoji into a proper icon badge and
   give the cards real elevation instead of a flat list.
   ========================================================================== */
body.home .mpv-wc-card {
	background: var(--mpv-surface) !important;
	border: 1px solid rgba(15, 76, 69, 0.08) !important;
	border-radius: var(--mpv-radius) !important;
	box-shadow: var(--mpv-shadow-sm) !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body.home .mpv-wc-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--mpv-shadow) !important;
}

body.home .mpv-wc-icon {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	font-size: 26px !important;
	background: linear-gradient(135deg, var(--mpv-accent-soft), #fff) !important;
	border-radius: 50% !important;
	box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.35);
}

/* ==========================================================================
   Testimonials (Elementor testimonial widget) — card treatment + bigger,
   easier-to-tap swiper arrows on mobile.
   ========================================================================== */
body.home .elementor-testimonial {
	background: var(--mpv-surface-soft);
	border-radius: var(--mpv-radius);
	padding: 28px 24px !important;
	box-shadow: var(--mpv-shadow-sm);
}

body.home .elementor-testimonial__image img {
	border-radius: 50%;
}

body.home .elementor-swiper-button {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--mpv-surface);
	border-radius: 50%;
	box-shadow: var(--mpv-shadow-sm);
}