/* =====================================================================
   Bugan Villas — hero refinements (section .elementor-element-5a17e6e).

   Implements four scoped improvements, no new hue or typeface:
     (1) On-brand CTA — the corporate blue becomes the logo/footer
         rose-gold (#D8A89C) with dark ink (~8:1, passes AA).
     (3) Removes the dead vertical band in the middle of the hero and
         gives the lower area a purpose (a scroll cue).
     (5) Seats the EU / ΕΣΠΑ funding banner on the hero floor instead
         of leaving it floating mid-section (kept fully opaque — grant
         visibility rules).
     (6) Turns the already-present reveal into a deliberate, well-spaced
         staged entrance.
   Loaded last so overrides land cleanly.
   ===================================================================== */

/* (0) Hero fills the viewport (was a fixed 831px). Set both the Elementor
   custom property AND a direct min-height so it works regardless of which
   path the cascade resolves first. The entrance image keeps its -100px
   bottom bleed ("hugging" effect) exactly as authored. */
.elementor-13 .elementor-element.elementor-element-5a17e6e {
	--min-height: 100vh;
	min-height: 100vh !important;
}

/* (1) CTA + nav "Book Now" → brand rose-gold. Replaces the off-palette blue
   (#2A59FF). Header is .elementor-8, page is .elementor-13. */
.elementor-13 .elementor-element.elementor-element-2640d0d .elementor-button,
.elementor-8 .elementor-element.elementor-element-9d13519 .elementor-button {
	background-color: #D8A89C;
	color: #211915;
}
.elementor-13 .elementor-element.elementor-element-2640d0d .elementor-button:hover,
.elementor-8 .elementor-element.elementor-element-9d13519 .elementor-button:hover {
	background-color: #E7BBAD;
	color: #211915;
}

/* Collapse the 20% fixed width on the nav button widget that was creating
   a large gap between it and the nav links. Let it size to its content. */
.elementor-8 .elementor-element.elementor-element-9d13519 {
	width: auto;
	max-width: none;
	--container-widget-width: auto;
}

@media (min-width: 768px) {

	/* (3) Collapse the fixed 200px spacer that opened a dead band between
	   the button and the banner; the copy now centres as one tight group. */
	.elementor-13 .elementor-element.elementor-element-93fd5a3 {
		--spacer-size: 0px;
	}

	/* (5) Anchor the EU / ΕΣΠΑ funding banner to the hero floor. Absolute
	   within the (full-height, position:relative) left column so it reads as
	   placed, not dropped. Left offset matches the column's 7% text inset. */
	.elementor-13 .elementor-element.elementor-element-020525c {
		position: absolute;
		left: 7%;
		bottom: 26px;
		margin: 0;
		z-index: 2;
	}
	.elementor-13 .elementor-element.elementor-element-020525c img {
		max-width: 280px;
	}

	/* (3) Scroll cue — anchors the lower hero and signals more below.
	   Injected by theme.js as <a class="bugan-scrollcue" href="#about">. */
	.bugan-scrollcue {
		position: absolute;
		left: 50%;
		bottom: 22px;
		transform: translateX(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border: 1px solid rgba(216, 168, 156, .5);
		border-radius: 50%;
		color: #D8A89C;
		z-index: 2;
		transition: color .25s, border-color .25s;
	}
	.bugan-scrollcue:hover {
		color: #E7BBAD;
		border-color: rgba(231, 187, 173, .85);
	}
	.bugan-scrollcue svg {
		display: block;
	}
}

/* The cue only makes sense on the tall desktop hero; the stacked mobile
   layout has no room for it. */
@media (max-width: 767px) {
	.bugan-scrollcue {
		display: none;
	}
}

/* (6) Deliberate staged entrance. Reuses the site's reveal mechanism
   (html.js-reveal + .bugan-reveal, already applied to these widgets by
   theme.js), only re-timing it into a clear heading → text → button →
   banner cascade with a touch more travel and grace. No-JS and
   reduced-motion users still get the finished hero instantly. */
@media (prefers-reduced-motion: no-preference) {
	html.js-reveal .elementor-13 .elementor-element-12f3380 .bugan-reveal {
		transform: translateY(24px);
		transition-duration: .9s;
	}
	html.js-reveal .elementor-13 .elementor-element-12f3380 .bugan-reveal.is-visible {
		transform: none;
	}
	html.js-reveal .elementor-13 .elementor-element-38097fd { transition-delay: .05s; }
	html.js-reveal .elementor-13 .elementor-element-f0f25c4 { transition-delay: .20s; }
	html.js-reveal .elementor-13 .elementor-element-2640d0d { transition-delay: .35s; }
	html.js-reveal .elementor-13 .elementor-element-020525c { transition-delay: .50s; }

	/* Gentle idle bob invites the eye down (reduced-motion users get none). */
	.bugan-scrollcue {
		animation: buganCueBob 2.2s ease-in-out infinite;
	}
	@keyframes buganCueBob {
		0%, 100% { transform: translateX(-50%) translateY(0); }
		50%      { transform: translateX(-50%) translateY(5px); }
	}
}