/* --- SHAVYSTAYS DESIGN SYSTEM TOKENS & UTILITIES --- */

:root {
	--shavy-primary-accent: #E00C5D;

	--shavy-secondary-surface:
		radial-gradient(
			circle at 50% 48%,
			rgba(224, 12, 93, 0.065) 0%,
			rgba(224, 12, 93, 0.025) 32%,
			transparent 60%
		),
		linear-gradient(
			135deg,
			#FBF7F2 0%,
			#FFF8F5 48%,
			#FFF3F7 100%
		);

	--shavy-secondary-surface-solid: #FFF8F5;
	--shavy-secondary-surface-soft: rgba(224, 12, 93, 0.035);
	--shavy-secondary-surface-border: rgba(224, 12, 93, 0.08);
}

/* Explicit Canonical Secondary Surface Utility */
.shavy-secondary-surface,
.elementor-section.shavy-secondary-surface,
.elementor-top-section.shavy-secondary-surface,
.elementor-element.shavy-secondary-surface,
.e-con.shavy-secondary-surface {
	background-color: var(--shavy-secondary-surface-solid) !important;
	background-image: var(--shavy-secondary-surface) !important;
	border-color: var(--shavy-secondary-surface-border) !important;
}

/* Specific Section Outer Selectors for Benefits (a91ee7e), Blog (8302202), and Discover Our Villas (740f1f5) */
body.home .elementor-element-a91ee7e,
body.home .elementor-element-a91ee7e.shavy-secondary-surface,
body.home .elementor-element-8302202,
body.home .elementor-element-8302202.shavy-secondary-surface,
body.home .elementor-element-740f1f5,
body.home .elementor-element-740f1f5.shavy-secondary-surface {
	background-color: #FFF8F5 !important;
	background-image:
		radial-gradient(
			circle at 50% 48%,
			rgba(224, 12, 93, 0.065) 0%,
			rgba(224, 12, 93, 0.025) 32%,
			transparent 60%
		),
		linear-gradient(
			135deg,
			#FBF7F2 0%,
			#FFF8F5 48%,
			#FFF3F7 100%
		) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* Blog Inner Structural Wrapper Transparency */
body.home .elementor-element-8302202 .shavy-homepage-blog {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border-top: none !important;
	border-bottom: none !important;
}

/* Individual Villa / Property Cards Protection (Clean White Cards) */
body.home .elementor-element-740f1f5 .item-property,
body.home .elementor-element-740f1f5 .property-item,
body.home .elementor-element-740f1f5 .bsp-property-item,
body.home .elementor-element-740f1f5 .property-block-inner {
	background: #ffffff !important;
	border: 1px solid var(--shavy-secondary-surface-border) !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

/* Benefits Section Watermark Softening */
body.home .elementor-element-a91ee7e .building-watermark,
body.home .elementor-element-a91ee7e .shape-bg,
body.home .elementor-element-a91ee7e .bg-watermark {
	color: var(--shavy-secondary-surface-soft) !important;
	background-color: var(--shavy-secondary-surface-soft) !important;
}

/* Premium Guest Services & Boliin Service Card Frame Fixes */
.shavy-secondary-surface .service-item,
.shavy-secondary-surface .gva-services-grid .service-item,
.shavy-secondary-surface .icon-box-item {
	background: #ffffff !important;
	border: 1px solid var(--shavy-secondary-surface-border) !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.shavy-secondary-surface .service-item .service-footer,
.shavy-secondary-surface .service-item .read-more {
	background-color: #FFF8F5 !important;
	background-image:
		radial-gradient(
			circle at 50% 48%,
			rgba(224, 12, 93, 0.065) 0%,
			rgba(224, 12, 93, 0.025) 32%,
			transparent 60%
		),
		linear-gradient(
			135deg,
			#FBF7F2 0%,
			#FFF8F5 48%,
			#FFF3F7 100%
		) !important;
	border-top: 1px solid var(--shavy-secondary-surface-border) !important;
}