/* ==========================================================================
   [oh_page_hero] — wrapper για χρήση μέσα στο Elementor
   (τα styles του hero είναι κοινά: style.css → .oh-page-hero)
   ========================================================================== */

.oh-page-hero-wrap {
	width: 100%;
}

/* Η παραλλαγή "κάτω αριστερά" (align="bottom") εκτός των σελίδων Experiences */
.oh-page-hero-wrap .oh-page-hero.oh-page-hero--bottom {
	align-items: flex-end;
	justify-content: flex-start;
	min-height: 60vh;
	text-align: left;
}

.oh-page-hero-wrap .oh-page-hero--bottom .oh-page-hero__overlay {
	background: linear-gradient(180deg, rgba(22, 30, 24, 0.25) 0%, rgba(22, 30, 24, 0) 35%, rgba(22, 30, 24, 0.75) 100%);
}

.oh-page-hero-wrap .oh-page-hero--bottom .oh-page-hero__inner {
	align-items: flex-start;
	padding-bottom: clamp(40px, 6vw, 72px);
}

@media (max-width: 767px) {
	.oh-page-hero-wrap .oh-page-hero.oh-page-hero--bottom {
		min-height: 45vh;
	}
}