/* =====================================================================
   Bugan Villas — section refinements (About / rooms).
   Layout balance + restrained brand accents. No palette or font changes:
   the rose-gold (#D8A89C) is sampled from the logo, and Roboto Slab is the
   site's existing secondary typeface. Loaded last so overrides land cleanly.
   ===================================================================== */

/* (1) Vertically centre each copy column against its taller paired image, so
   the text stops pinning to the top and leaving a large empty gap below it. */
.elementor-13 .elementor-element.elementor-element-c809fdc,
.elementor-13 .elementor-element.elementor-element-8aa8d56 {
	--justify-content: center;
	justify-content: center;
}

/* (3) A short rose-gold rule beneath the two section headings, for hierarchy
   and to echo the logo/footer accent. */
.elementor-13 .elementor-element-64c5013 .elementor-heading-title,
.elementor-13 .elementor-element-c404e62 .elementor-heading-title {
	position: relative;
	padding-bottom: 20px;
}
.elementor-13 .elementor-element-64c5013 .elementor-heading-title::after,
.elementor-13 .elementor-element-c404e62 .elementor-heading-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 56px;
	height: 3px;
	border-radius: 3px;
	background: #D8A89C;
}

/* (4) Guest-rating badge — lifts the buried "9.2" trust signal into a
   highlighted stat. Dark numerals on rose-gold (6.5:1, passes AA). */
.bugan-rating {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	margin-top: 6px;
	padding: 12px 20px 12px 12px;
	border: 1px solid rgba(216, 168, 156, .45);
	border-radius: 14px;
	background: rgba(216, 168, 156, .07);
}
.bugan-rating__score {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 54px;
	height: 54px;
	padding: 0 12px;
	font-family: "Roboto Slab", serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1;
	color: #3A2A26;
	background: #D8A89C;
	border-radius: 11px;
}
.bugan-rating__label {
	font-size: 13px;
	line-height: 1.4;
	color: #7A7A7A;
}
.bugan-rating__label b {
	display: block;
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: 600;
	color: #54595F;
}
.bugan-rating__label small {
	display: block;
	font-size: 13px;
}

/* =====================================================================
   Amenities section ("Comfort is Priority", container 6bac469).
   Same restrained-accent system as the About block above.
   ===================================================================== */

/* (1) Unify the accent. The eyebrow was crimson #CF0032 — a cooler red that
   fought the warm logo rose-gold. The logo rose-gold (#D8A89C) itself can't
   be text (2.1:1, fails AA + washes out), so the eyebrow moves to its
   readable deep sibling #A84C3A (hue ~10°, 5.6:1) — same family as the
   rose-gold rule/fills, now one warm accent story instead of two reds. */
.elementor-13 .elementor-element.elementor-element-baab89f .elementor-heading-title {
	color: #A84C3A;
}

/* (3) Rose-gold rule beneath "Comfort is Priority", matching the two About
   headings so the sections read as one system. */
.elementor-13 .elementor-element-2516506 .elementor-heading-title {
	position: relative;
	padding-bottom: 20px;
}
.elementor-13 .elementor-element-2516506 .elementor-heading-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 56px;
	height: 3px;
	border-radius: 3px;
	background: #D8A89C;
}

/* (2) Soften the amenity icons + labels from pure #000000 to a warm dark
   (#3A2A26, 13.6:1) — less harsh against the warm photography, on-brand. */
.elementor-13 .elementor-element.elementor-element-fbb1f55 .elementor-icon-list-icon i,
.elementor-13 .elementor-element.elementor-element-297876d .elementor-icon-list-icon i {
	color: #3A2A26;
}
.elementor-13 .elementor-element.elementor-element-fbb1f55 .elementor-icon-list-icon svg,
.elementor-13 .elementor-element.elementor-element-297876d .elementor-icon-list-icon svg {
	fill: #3A2A26;
}
.elementor-13 .elementor-element.elementor-element-fbb1f55 .elementor-icon-list-text,
.elementor-13 .elementor-element.elementor-element-297876d .elementor-icon-list-text {
	color: #3A2A26;
}

/* Collapse the 80px spacer between the heading and the amenity list. */
.elementor-13 .elementor-element.elementor-element-ed97075 {
	--spacer-size: 20px;
}

/* (4) Vertically centre the copy column against the taller image pair, so
   the heading + list stop pinning to the top and leaving a dead band below. */
.elementor-13 .elementor-element.elementor-element-0941b63 {
	--justify-content: center;
	justify-content: center;
}

/* (5) Give the two amenity columns a controlled gap instead of space-between
   which pushed them too far apart. */
.elementor-13 .elementor-element.elementor-element-95665d2 {
	--justify-content: flex-start;
	justify-content: flex-start;
	gap: 40px;
}

/* =====================================================================
   Contact card (container 9080758).
   ===================================================================== */

/* (1) Unify the CTA — matches the hero button (rose-gold fill, dark ink). */
.elementor-13 .elementor-element.elementor-element-c320286 .elementor-button {
	background-color: #D8A89C;
	color: #211915;
}
.elementor-13 .elementor-element.elementor-element-c320286 .elementor-button:hover {
	background-color: #E7BBAD;
	color: #211915;
}

/* (2) Replace the cold periwinkle box-shadow with a soft warm-neutral one. */
.elementor-13 .elementor-element.elementor-element-9080758 {
	box-shadow: 0px 4px 32px 0px rgba(58, 42, 38, 0.10);
}

/* (3) Fix the line-height: 5px bug on the subtext — crashes on line-wrap. */
.elementor-13 .elementor-element.elementor-element-f2d92dd .elementor-icon-box-description {
	line-height: 1.6;
}

/* (4) Warm the cold grays: icon circle + heading from blue-gray to warm-dark. */
.elementor-13 .elementor-element.elementor-element-f2d92dd.elementor-view-stacked .elementor-icon {
	background-color: #3A2A26;
}
.elementor-13 .elementor-element.elementor-element-f2d92dd .elementor-icon-box-title {
	color: #3A2A26;
}

/* (6) A little more room between rows for easier scanning (was ~8px each). */
.elementor-13 .elementor-element.elementor-element-fbb1f55 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child),
.elementor-13 .elementor-element.elementor-element-297876d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child) {
	padding-bottom: 13px;
}
.elementor-13 .elementor-element.elementor-element-fbb1f55 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child),
.elementor-13 .elementor-element.elementor-element-297876d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child) {
	margin-top: 13px;
}