/* =========================================================
   AEGEO — Theme overrides (πάνω από το design CSS)
   Κρατιούνται ξεχωριστά για maintainability.
   ========================================================= */

/* ---------------------------------------------------------
   1) JourneyHero cards (BgMask "Journeys & Rituals" / "Other Journeys")
   Οι CAPS τίτλοι ήταν πολύ μεγάλοι σε laptop/tablet.
   ΜΟΝΟ μικρότερο font — η διάταξη/bleed-out του design ΜΕΝΕΙ ως έχει.
   --------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1599px) {
	.JourneyHero-content h2.h2 {
		font-size: var(--step-1);
		line-height: 1.05;
	}
	.JourneyHero-content p {
		font-size: var(--step--2);
		line-height: 1.3;
	}
}

/* ---------------------------------------------------------
   2) Special Journeys slider (JourneyBox h3)
   Μακριοί CAPS τίτλοι (π.χ. "THE ATHENIAN LONGEVITY RITUAL™ 2026 …")
   σπάνε σε μικρότερες αναλύσεις → μικρότερος h3.
   --------------------------------------------------------- */
@media (max-width: 1399px) {
	.JourneyBox h3 {
		font-size: var(--step-0);
		line-height: 1.1;
	}
}

/* journey-card (.Box) τίτλοι — μικρότεροι σε laptop/tablet (από var(--step-1)). */
@media (min-width: 769px) and (max-width: 1599px) {
	.Box h3 {
		font-size: var(--step-0);
		line-height: 1.15;
	}
}

/* ---------------------------------------------------------
   3) Footer σε mobile
   Το fixed booking bar (.bookingForm, position:fixed; bottom:0)
   έκρυβε την 3η γραμμή του copyright. Δίνουμε χώρο από κάτω.
   --------------------------------------------------------- */
@media (max-width: 767px) {
	.footer {
		padding-bottom: 90px;
	}
}

/* Footer menu — τελίτσες-διαχωριστικά μεταξύ items (το wp_nav_menu δεν τα βγάζει). */
.footer-nav li + li::before {
	content: "\2022";
	color: var(--Off-White);
}

/* ---------------------------------------------------------
   3b) Desktop mega menu — γέφυρα στο κενό button→SubMenu
   ώστε να μην κόβεται το hover καθώς το ποντίκι κατεβαίνει.
   Transparent (καμία εικαστική αλλαγή).
   --------------------------------------------------------- */
.Mainmenu ul.SubMenu::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -15px;
	height: 30px;
}

/* ---------------------------------------------------------
   3c) Off-canvas submenu — transparent γέφυρα στο οριζόντιο κενό
   (level-1 → submenu δεξιά). Το ::after του submenu είναι αχρησιμοποίητο,
   το κάνουμε διάφανη γέφυρα ώστε το hover να μην κόβεται ακόμα κι αργά.
   --------------------------------------------------------- */
@media (min-width: 992px) {
	#main-navigation .main-menu .parent.expanded > .submenu::after {
		content: "";
		position: absolute;
		top: 0;
		left: -70px;
		width: 70px;
		height: 100%;
		background: transparent;
		transition: none;
	}
}

/* ---------------------------------------------------------
   3d) Off-canvas: flags αλλαγής γλώσσας στο top-right του MenuCol σε
   ΟΛΑ τα breakpoints (mobile, laptop, desktop), ευθυγραμμισμένα με το X
   (.menu-trigger top:44px). Το menu-bottom (social) μένει χωρίς σημαίες.
   --------------------------------------------------------- */
#main-navigation .MenuCol {
	position: relative;
}
.aegeo-flags-top {
	display: inline-flex;
	position: absolute;
	top: 44px;
	right: 40px;
	z-index: 5;
}
.aegeo-flags-bottom {
	display: none;
}
/* MenuCol φάρδος ΜΟΝΟ σε laptop (το mobile είναι 100%, το desktop κρατά default). */
@media (min-width: 992px) and (max-width: 1700px) {
	#main-navigation .MenuCol {
		width: 750px;
	}
}

/* ---------------------------------------------------------
   3e) Off-canvas submenu με πολλά items (π.χ. Special Events):
   scrollable αντί να ξεχειλίζει εκτός menu. Εφαρμόζεται ΜΟΝΟ σε όσα
   το JS μαρκάρει .aegeo-scroll (ώστε τα κοντά να κρατάνε το hover bridge).
   --------------------------------------------------------- */
@media (min-width: 992px) {
	#main-navigation .main-menu .menu.submenu.aegeo-scroll {
		max-height: calc(100vh - 250px);
		overflow-y: auto;
		overscroll-behavior: contain;
	}
	#main-navigation .main-menu .menu.submenu.aegeo-scroll::-webkit-scrollbar {
		width: 6px;
	}
	#main-navigation .main-menu .menu.submenu.aegeo-scroll::-webkit-scrollbar-thumb {
		background: rgba(247, 244, 238, 0.35);
		border-radius: 3px;
	}
}

/* Mobile (≤991): τα accordion submenus ανοίγουν ΠΛΗΡΩΣ (όχι nested scroll) — ο scroll
   γίνεται από ΟΛΟΚΛΗΡΟ το off-canvas (.wrapper), ώστε να φτάνεις πάντα τα social κάτω. */
@media (max-width: 991px) {
	#main-navigation .main-menu .parent.expanded > .submenu {
		max-height: 9999px;
	}
	#main-navigation > .wrapper {
		-webkit-overflow-scrolling: touch;
		align-items: flex-start; /* μην κάνεις stretch το MenuCol σε σταθερό ύψος */
	}
	/* Το MenuCol μεγαλώνει με το περιεχόμενο (όχι flex-stretch) → το olive bg καλύπτει
	   ΟΛΟ το menu + padding-bottom ώστε τα social να καθαρίζουν το fixed booking bar. */
	#main-navigation .MenuCol {
		min-height: 100%;
		padding-bottom: 110px;
	}
}

/* ---------------------------------------------------------
   3f) Hero background image (αντικατέστησε το video) — γεμίζει το
   .mainVideoSlider container ακριβώς όπως το παλιό <video> (object-fit:cover).
   --------------------------------------------------------- */
.mainVideoSlider img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
}

/* ---------------------------------------------------------
   4) Language switcher (custom στρογγυλές σημαίες UK / Greece)
   --------------------------------------------------------- */

/* --- Desktop: dropdown (hover) --- */
.lang-dropdown {
	position: relative;
	margin-left: 14px;
	vertical-align: middle;
}
.lang-dropdown__toggle {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.lang-dropdown__toggle img {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}
.lang-dropdown__menu {
	position: absolute;
	top: 100%;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	background: var(--Off-White);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	min-width: 160px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease;
	z-index: 60;
}
.lang-dropdown:hover .lang-dropdown__menu {
	opacity: 1;
	visibility: visible;
}
.lang-dropdown__menu li {
	margin: 0;
}
.lang-dropdown__menu a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 18px;
	text-decoration: none;
	color: var(--Charcoal);
	white-space: nowrap;
}
.lang-dropdown__menu a:hover {
	background: rgba(0, 0, 0, 0.05);
}
.lang-dropdown__menu a.is-current {
	background-color: var(--Deep-Olive);
	color: var(--Off-White);
}
.lang-dropdown__menu img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

/* Off-canvas bottom row (social αριστερά / σημαίες δεξιά) —
   right padding όσο το padding-left του .MenuCol ώστε να μην κολλάνε δεξιά. */
.menu-bottom {
	padding-right: 30px;
}

/* --- Mobile off-canvas: σκέτες clickable σημαίες --- */
.lang-flags {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}
.lang-flags__item {
	display: inline-flex;
	opacity: 0.5;
	transition: opacity 0.2s ease;
}
.lang-flags__item.is-current,
.lang-flags__item:hover {
	opacity: 1;
}
.lang-flags__item img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

/* ---------------------------------------------------------
   5) Hero band (template-parts/hero-band.php) — compact ύψος σε ΟΛΕΣ τις
   εσωτερικές σελίδες (archive Journeys, single, blog κ.λπ.).
   Το design είχε .topBgHalfHeight: height:40vh + padding-top:20% (≈380px+ κενό).
   Το κάνουμε px-based & responsive-safe. Το reward-badge (180px, bottom-anchored)
   χωράει μέσα στο min-height. Σε mobile το badge είναι hidden.
   --------------------------------------------------------- */
.topBgHalfHeight {
	height: auto;
	min-height: 100px;
    padding-top: 10px;
}
@media (max-width: 767px) {
	.topBgHalfHeight {
		min-height: 100px;
		padding-top: 10px;
	}
}
.topBgHalfHeight h1, .topBgHalfHeight .h1 {
    margin-bottom: 15px;
}

/* ---------------------------------------------------------
   6) Contact page (tmpl-contact.php) — dark contact card + styled CF7 form
   στα χρώματα του site (Deep-Olive / Off-White / Sand, Figtree body).
   --------------------------------------------------------- */
.contact-info {
	padding: 44px 40px;
	border-radius: 12px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.contact-info h2 {
	margin-bottom: 1.6rem;
	color: var(--Clay); /* palette: Sand-bg (ήταν Off-White) */
}
.contact-info .contact-item {
	margin-bottom: 1.4rem;
}
.contact-info .contact-label {
	display: block;
	font-family: var(--fontSecondary);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.78rem;
	color: var(--Brown); /* μικρό uppercase → Brown για ευανάγνωστο σε Sand */
	margin-bottom: 4px;
}
.contact-info .contact-item a {
	font-family: var(--fontMain);
	color: var(--Clay);
	font-size: var(--step-0);
	text-decoration: none;
	transition: color var(--transition3s);
	word-break: break-word;
}
.contact-info .contact-item a:hover {
	color: var(--Brown);
}
.contact-info .contact-social {
	margin-top: 2.2rem;
}
.contact-info .contact-social .social {
	gap: 14px;
	flex-wrap: wrap;
}
.contact-info .contact-social .social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(161, 132, 106, 0.35);
	border-radius: 50%;
	transition: background var(--transition3s);
}
.contact-info .contact-social .social a:hover {
	background: var(--Clay);
}
.contact-info .contact-social .social a:hover img {
	filter: brightness(0) invert(1); /* Clay icon → λευκό στο Clay hover bg */
}
.contact-info .contact-social .social img {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

/* --- CF7 form --- */
.contact-form-col .wpcf7 {
	max-width: 640px;
}
.contact-form-col .wpcf7-form p {
	margin: 0 0 18px;
}
.contact-form-col .wpcf7-form label {
	display: block;
	width: 100%;
	font-family: var(--fontSecondary);
	color: var(--Deep-Olive);
	font-size: 0.95rem;
}
.contact-form-col .wpcf7-form input.wpcf7-form-control:not(.wpcf7-submit),
.contact-form-col .wpcf7-form textarea.wpcf7-form-control,
.contact-form-col .wpcf7-form select.wpcf7-form-control {
	width: 100%;
	margin-top: 6px;
	padding: 12px 16px;
	border: 1px solid var(--Sand);
	border-radius: 8px;
	background: var(--Off-White);
	font-family: var(--fontSecondary);
	font-size: 1rem;
	color: var(--Charcoal);
	transition: border-color var(--transition3s);
}
.contact-form-col .wpcf7-form input.wpcf7-form-control:not(.wpcf7-submit):focus,
.contact-form-col .wpcf7-form textarea.wpcf7-form-control:focus,
.contact-form-col .wpcf7-form select.wpcf7-form-control:focus {
	outline: none;
	border-color: var(--Deep-Olive);
}
.contact-form-col .wpcf7-form textarea.wpcf7-form-control {
	min-height: 150px;
	resize: vertical;
}
.contact-form-col .wpcf7-form ::placeholder {
	color: var(--Warm-Stone);
}
.contact-form-col .wpcf7-submit {
	background: var(--Deep-Olive);
	color: var(--Off-White);
	border: 0;
	border-radius: 40px;
	padding: 13px 38px;
	font-family: var(--fontSecondary);
	letter-spacing: var(--letterSpacingBtn);
	cursor: pointer;
	transition: background var(--transition3s);
}
.contact-form-col .wpcf7-submit:hover {
	background: var(--Charcoal);
}
.contact-form-col .wpcf7-spinner {
	margin: 14px auto;
}

@media (max-width: 991px) {
	.contact-info {
		padding: 36px 28px;
	}
}

/* ---------------------------------------------------------
   7) Homepage post cards (Wellness Blog & In the Spotlight) — clickable
   εικόνα + τίτλος. Ο τίτλος-link κληρονομεί χρώμα (όχι default underline).
   --------------------------------------------------------- */
.card-media-link {
	display: block;
}
.BlogText h3 a,
.NewsText h3 a {
	color: inherit;
	text-decoration: none;
	transition: color var(--transition3s);
}
.BlogText h3 a:hover {
	color: var(--Clay);
}
.NewsText h3 a:hover {
	color: var(--Sand);
}

/* Section headings (Wellness Blog / In the Spotlight) → link στο archive τους. */
.section-archive-link {
	color: inherit;
	text-decoration: none;
	transition: color var(--transition3s);
}
.section-archive-link:hover {
	color: var(--Clay);
}
/* Σε taupe (--Clay_light) section (π.χ. homepage "In the Spotlight"): ο τίτλος είναι
   λευκός· στο hover το Clay (σκούρο) χανόταν → κράτα το ανοιχτό (Sand). */
.Clay-light-bg .section-archive-link,
.Clay-light-bg .section-archive-link:hover {
	color: var(--Off-White);
}
.Clay-light-bg .section-archive-link:hover {
	color: var(--Sand);
}

/* ---------------------------------------------------------
   8) Off-canvas level-3 submenu (Special Journeys → term → journeys).
   3η στήλη, δεξιά του level-2 (ίδιο visual με level-2). Side menu μόνο.
   + φαρδύτερο MenuCol για να χωράει η 3η στήλη.
   (Τα px είναι αρχικά — fine-tune μετά από test.)
   --------------------------------------------------------- */
#main-navigation .main-menu .menu.submenu.level-3 {
	top: 0;
}
/* Δυναμικό πλάτος MenuCol: στενό (level-1) → wide (level-2) → widest (level-3).
   Οι κλάσεις expanded-l2 / expanded-l3 μπαίνουν από το JS ανάλογα με το βάθος hover. */
@media (min-width: 1200px) {
	#main-navigation .main-menu .menu.submenu.level-3 {
		left: 400px;
	}
	#main-navigation .MenuCol {
		width: 400px;
		transition: width 0.35s ease;
	}
	#main-navigation .MenuCol.expanded-l2 {
		width: 770px;
	}
	#main-navigation .MenuCol.expanded-l3 {
		width: 1180px;
		max-width: 96vw;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#main-navigation .main-menu .menu.submenu.level-3 {
		left: 300px;
	}
	#main-navigation .MenuCol {
		width: 320px;
		transition: width 0.35s ease;
	}
	#main-navigation .MenuCol.expanded-l2 {
		width: 570px;
	}
	#main-navigation .MenuCol.expanded-l3 {
		width: 870px;
		max-width: 96vw;
	}
}

/* ---------------------------------------------------------
   9) Touch chevron toggle (≤991 accordion). Σε touch το tap στον τίτλο πάει στο
   archive· το chevron δεξιά ανοίγει/κλείνει το submenu (level-2 & level-3).
   Σε desktop (hover) κρύβεται — το hover το αναλαμβάνει.
   --------------------------------------------------------- */
#main-navigation .main-menu .submenu-toggle {
	display: none;
}
@media (max-width: 991px) {
	#main-navigation .main-menu li.parent {
		position: relative;
	}
	#main-navigation .main-menu .submenu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 0;
		width: 54px;
		height: 46px;
		cursor: pointer;
		z-index: 3;
	}
	#main-navigation .main-menu .submenu-toggle::before {
		content: "";
		width: 9px;
		height: 9px;
		border-right: 2px solid var(--Off-White);
		border-bottom: 2px solid var(--Off-White);
		transform: translateY(-2px) rotate(45deg);
		transition: transform 0.25s ease;
	}
	#main-navigation .main-menu li.parent.expanded > .submenu-toggle::before {
		transform: translateY(2px) rotate(-135deg);
	}
}

/* ---------------------------------------------------------
   10) Journey duration buttons (single-service) — λίγο μεγαλύτερα,
   κεντραρισμένα, και ευθυγραμμισμένα στο ίδιο ύψος μεταξύ στηλών.
   Η στήλη είναι d-flex flex-column· το .timeline γεμίζει το ύψος
   και το κουμπί (.mt-4) σπρώχνεται στο κάτω μέρος (margin-top:auto).
   --------------------------------------------------------- */
.timeline {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.timeline .mt-4 {
	margin-top: auto !important;
	text-align: center;
}
.timeline .mt-4 .button-dark {
	font-size: var(--step--1);
	padding: 14px 36px;
}

/* ---------------------------------------------------------
   11) Journey card (.Box) εικόνες — σταθερό μέγεθος με crop.
   Όλες οι κάρτες ίδιο ύψος εικόνας ανεξαρτήτως διαστάσεων source.
   --------------------------------------------------------- */
.Box .card-media-link img {
	width: 100%;
	aspect-ratio: 5 / 4; /* ταιριάζει με source 750×600 → ελάχιστο crop */
	object-fit: cover;
	display: block;
}

/* Logo placeholder (post χωρίς featured image) — contain σε ανοιχτό φόντο
   ώστε να φαίνεται το olive λογότυπο, χωρίς crop. */
.card-media-link img.is-placeholder,
.JourneyHero img.is-placeholder,
.rewards-image img.is-placeholder {
	aspect-ratio: 5 / 4;
	object-fit: contain;
	background: var(--Off-White);
	padding: 13%;
}

/* ---------------------------------------------------------
   12) Journey card (.Box) τίτλοι — σταθερά 2 γραμμές ώστε όλες οι
   κάρτες να έχουν ίδιο ύψος τίτλου. min-height = 2 γραμμές (οι κοντοί
   τίτλοι κρατούν τον χώρο)· max = 2 γραμμές με ellipsis (οι μεγάλοι κόβονται).
   Em-based → κλιμακώνεται σωστά responsive σε κάθε breakpoint.
   --------------------------------------------------------- */
.Box h3 {
	line-height: 1.2;
	min-height: 2.4em; /* 2 × line-height */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Card preview text (.Box) — max 2 γραμμές με ellipsis (όπως το αρχικό auto-excerpt). */
.Box .d-xl-flex p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0;
	min-height: 60px;
}

@media (min-width: 1200px) {
    .Box .d-xl-flex {
        gap: 20px;
    }
}

/* ---------------------------------------------------------
   13) Aegeo Rewards page (tmpl-rewards.php).
   Compact olive band στην κορυφή (header readability) + 2-column layout.
   --------------------------------------------------------- */
.rewards-main {
	position: relative;
	background: var(--Off-White);
}
.rewards-main::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	background: linear-gradient(180deg, var(--Deep-Olive) 0%, #454f43 100%);
	border-bottom: 1px solid rgba(216, 203, 184, 0.35);
	z-index: 0;
}
.rewards-wrap {
	position: relative;
	z-index: 1;
	padding-top: 200px;
	padding-bottom: clamp(3rem, 8vw, 7rem);
}
.rewards-title {
	font-family: var(--fontMain);
	color: var(--Clay); /* palette: πράσινο → Clay */
	margin-bottom: 1rem;
}
.rewards-intro {
	max-width: 760px;
	margin: 0 auto clamp(2rem, 5vw, 4rem);
}
.rewards-heading {
	font-family: var(--fontMain);
	color: var(--Clay); /* palette: πράσινο → Clay */
	margin-bottom: 1.25rem;
}
.rewards-closing {
	max-width: 760px;
	margin: clamp(2rem, 5vw, 3.5rem) auto 0;
	text-align: center;
}
.rewards-image img {
	width: 100%;
	border-radius: 2px;
}
.rewards-cta {
	margin-top: clamp(2rem, 5vw, 3.5rem);
}
.rewards-cta .button-dark {
	font-size: var(--step--1);
	padding: 16px 60px;
}
/* reward-badge wrapper link — display:contents ώστε να μη σπάει το absolute badge */
.reward-badge-link {
	display: contents;
}

@media (max-width: 767px) {
	.rewards-main::before {
		height: 92px;
	}
	.rewards-wrap {
		padding-top: 130px;
	}
}

/* ---------------------------------------------------------
   14) Single hero (services + special events):
   - Απόκρυψη του journey-icon (h1 img) στο hero.
   - Μικρότερος τίτλος (2 steps: step-3 → step-1) σε μεσαίες αναλύσεις
     (mobile + laptop, ≤1599px). Σε large desktop μένει κανονικός.
   --------------------------------------------------------- */
.single .hero_olive_section h1 img {
	display: none;
}
@media (max-width: 1599px) {
	.single .hero_olive_section h1,
	.single .hero_olive_section .h1 {
		font-size: var(--step-1);
	}
}

/* ---------------------------------------------------------
   15) Homepage "Wellness Blog" swiper (.BlogSwiper) — σταθερό μέγεθος
   εικόνας με crop (object-fit: cover) ώστε όλες οι κάρτες να δείχνουν ίδιες.
   desktop 520 / laptop+tablet 250 / mobile 315 (width 100% του slide).
   --------------------------------------------------------- */
.BlogSwiper .card-media-link img {
	width: 100%;
	height: 520px;
	object-fit: cover;
	display: block;
}
@media (max-width: 1599px) {
	.BlogSwiper .card-media-link img {
		height: 250px;
	}
}
@media (max-width: 767px) {
	.BlogSwiper .card-media-link img {
		height: 315px;
	}
}

/* ---------------------------------------------------------
   16) Blog archive cards (.Blog — blog-card.php) — σταθερό μέγεθος
   εικόνας με crop (object-fit: cover) ώστε όλες οι κάρτες ίδιες.
   desktop 400 / laptop+tablet 175 / mobile 205.
   --------------------------------------------------------- */
.Blog .position-relative img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	display: block;
}
@media (max-width: 1599px) {
	.Blog .position-relative img {
		height: 175px;
	}
}
@media (max-width: 767px) {
	.Blog .position-relative img {
		height: 205px;
	}
}

/* ---------------------------------------------------------
   17) Single pages — κενό κάτω από το τελευταίο κουμπί (Book…) ώστε να
   μην κολλάει στο επόμενο section («Other Journeys») ή στο footer.
   --------------------------------------------------------- */
.single-service main > section,
.single-special_event main > section,
.single-experience main > section {
	padding-bottom: clamp(2.5rem, 6vw, 5rem);
}

/* ---------------------------------------------------------
   18) Site badge (?sitegid) — pill ΜΕΣΑ στο header bar, ΑΡΙΣΤΕΡΑ από το
   "Book a Journey". Inline flex item (δεν σπάει το bar): name με ellipsis +
   responsive max-width. Σε phones (≤575) μένει pin + × (χωρίς name).
   Έχει × close → reload χωρίς sitegid.
   --------------------------------------------------------- */
.aegeo-site-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	flex: 0 1 auto;
	margin-right: 14px;
	padding: 9px 8px 5px 15px;
	background: var(--Sand);
	color: var(--Deep-Olive);
	border: 1px solid rgba(78, 90, 79, 0.25);
	border-radius: 999px;
	font-family: var(--fontMain);
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
}
/* Το Book a Journey δεν συρρικνώνεται ποτέ (το badge δίνει χώρο). */
.space-right-container > .button {
	flex: 0 0 auto;
	white-space: nowrap;
}
.aegeo-site-badge__pin {
	width: 15px !important;
	height: 15px !important;
	flex: 0 0 auto;
	stroke: var(--Deep-Olive);
	margin-bottom: 3px;
}
.aegeo-site-badge__name {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	padding-top: 2px; /* optical align του uppercase serif */
}
.aegeo-site-badge__close {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(78, 90, 79, 0.14);
	color: var(--Deep-Olive);
	cursor: pointer;
	transition: background 0.2s ease;
	margin-bottom: 3px;
}
.aegeo-site-badge__close:hover {
	background: rgba(78, 90, 79, 0.28);
}
.aegeo-site-badge__close svg {
	width: 12px !important;
	height: 12px !important;
	stroke: var(--Deep-Olive);
}
/* Laptop: μικρότερο name */
@media (max-width: 1400px) {
	.aegeo-site-badge__name {
		max-width: 130px;
	}
}
@media (max-width: 991px) {
	.aegeo-site-badge {
		margin-right: 8px;
		padding: 7px 6px 4px 11px;
		gap: 5px;
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	.aegeo-site-badge__name {
		max-width: 100px;
	}
	.aegeo-site-badge__pin {
		width: 13px !important;
		height: 13px !important;
		margin-bottom: 2px;
	}
	.aegeo-site-badge__close {
		width: 18px;
		height: 18px;
		margin-bottom: 2px;
	}
}
/* Phones (≤767): το πάνω row του header είναι πολύ στενό (burger + logo + Book a
   Journey) — το pill έπεφτε πάνω στο κεντρικό logo. Λύση: το βγάζουμε από τη ροή
   και το κάνουμε ΔΕΥΤΕΡΗ centered λωρίδα ΑΚΡΙΒΩΣ κάτω από το header top row →
   φαίνεται ΟΛΟΚΛΗΡΟ το όνομα, μηδέν overlap. Κρύβεται όσο είναι ανοιχτό το menu.
   Το body.has-site-badge κατεβάζει τον hero τίτλο να καθαρίζει τη λωρίδα. */
@media (max-width: 767px) {
	.aegeo-site-badge {
		position: fixed;
		top: 88px; /* κάτω από το header top row (max ~82px σε mobile) */
		left: 0;
		right: 0;
		margin: 0 auto;
		width: -moz-max-content;
		width: max-content;
		max-width: calc(100vw - 32px);
		justify-content: center;
		z-index: 1035;
		gap: 6px;
		padding: 7px 8px 5px 13px;
	}
	.aegeo-site-badge__name {
		display: inline-block;
		max-width: calc(100vw - 120px); /* centered full-width → άφθονος χώρος */
	}
	body.main-navigation-visible .aegeo-site-badge {
		display: none;
	}
	/* Ο hero τίτλος κατεβαίνει ώστε να μην τον σκεπάζει η λωρίδα badge. */
	body.has-site-badge .hero_olive_section.pt-offset {
		padding-top: 110px;
	}
}

/* ---------------------------------------------------------
   19) Archive cards (.Box — journey-card.php: services + special events)
   ΟΛΟΚΛΗΡΗ η κάρτα clickable. Το design έδινε cursor:pointer σε όλη την κάρτα
   (.Box:hover) αλλά μόνο τα εσωτερικά <a> ήταν πραγματικά clickable → μπέρδευε.
   Λύση: stretched-link — ο τίτλος (.section-archive-link) απλώνεται με ::after
   πάνω σε όλη την κάρτα, οπότε click ΟΠΟΥΔΗΠΟΤΕ → single page.
   Το "Book" κουμπί + το "Discover" μένουν ΠΑΝΩ από το overlay (z-index) ώστε να
   κρατούν το δικό τους action (booking / modal) και το hover τους.
   --------------------------------------------------------- */
.Box {
	position: relative;
}
.Box .section-archive-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.Box .more-link-dark,
.Box .button-dark {
	position: relative;
	z-index: 2;
}
/* Το εικονίδιο (absolute, z-index:1 από το design) είναι link προς το single —
   το ανεβάζουμε πάνω από το overlay ώστε το click του να μετράει. */
.Box a.journeyIcon {
	z-index: 2;
}

/* ---------------------------------------------------------
   20) "Not available at this hotel" popup — όταν υπάρχει sitegid και το
   επιλεγμένο ξενοδοχείο ΔΕΝ προσφέρει το journey. Το κουμπί .aegeo-unavailable
   δείχνει αυτό το popup (χωρίς redirect). Markup/handler: functions.php (wp_footer).
   --------------------------------------------------------- */
.aegeo-unavail-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: none;
}
.aegeo-unavail-modal.is-open {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}
.aegeo-unavail-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
}
.aegeo-unavail-card {
	position: relative;
	max-width: 420px;
	width: 100%;
	background: var(--Sand, #e7dcc7);
	color: var(--Deep-Olive, #4e5a4f);
	border-radius: 16px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
	padding: 2.25rem 1.75rem;
	text-align: center;
}
.aegeo-unavail-icon {
	width: 54px;
	height: 54px;
	margin: 0 auto 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(78, 90, 79, 0.1);
}
.aegeo-unavail-icon svg {
	width: 26px;
	height: 26px;
	stroke: var(--Deep-Olive, #4e5a4f);
}
.aegeo-unavail-msg {
	font-family: var(--fontMain);
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 0 0 1.5rem;
}
.aegeo-unavail-close {
	cursor: pointer;
}
/* Το ίδιο το κουμπί "μη διαθέσιμο" — ελαφρώς muted (οπτική ένδειξη ότι δεν είναι
   κανονικά διαθέσιμο), αλλά κλικαρίσιμο (→ popup εξήγησης). */
.aegeo-unavailable {
	opacity: 0.5;
	filter: grayscale(0.35);
	cursor: help;
	transition: opacity 0.2s ease;
}
.aegeo-unavailable:hover {
	opacity: 0.7;
}

/* ---------------------------------------------------------
   21) Auth forms — "(optional)" hint δίπλα στα labels (μη-υποχρεωτικά πεδία).
   --------------------------------------------------------- */
.auth-optional {
	font-weight: 400;
	font-size: 0.82em;
	opacity: 0.6;
	text-transform: none;
	letter-spacing: 0;
}

/* ---------------------------------------------------------
   22) Logged-in account dropdown στο header SmallMenu (icon + name → menu).
   Hover σε desktop, tap (focus-within) σε mobile.
   --------------------------------------------------------- */
.aegeo-account {
	position: relative;
	display: inline-flex;
}
.aegeo-account__toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: inherit;
	font: inherit;
}
.aegeo-account__toggle img {
	width: 20px;
	height: 20px;
	display: block;
}
.aegeo-account__menu {
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 10px;
	min-width: 190px;
	display: flex;
	flex-direction: column;
	padding: 6px 0;
	background: var(--Off-White);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.2s ease, transform 0.2s ease;
	z-index: 80;
}
.aegeo-account:hover .aegeo-account__menu,
.aegeo-account:focus-within .aegeo-account__menu {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.aegeo-account__greet {
	padding: 9px 18px;
	font-family: var(--fontMain);
	font-weight: 600;
	color: var(--Deep-Olive);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	margin-bottom: 4px;
	white-space: nowrap;
}
.aegeo-account__menu a {
	padding: 9px 18px;
	color: var(--Charcoal);
	text-decoration: none;
	white-space: nowrap;
}
.aegeo-account__menu a:hover {
	background: rgba(0, 0, 0, 0.05);
}

/* ---------------------------------------------------------
   ⏸ TEMPORARY (ζητήθηκε από πελάτη): κρύψιμο των header account links
   πάνω αριστερά (Aegeo Rewards / Sign In / Sign Up + account dropdown).
   Το markup ΔΕΝ διαγράφηκε (header.php). Για ΕΠΑΝΕΜΦΑΝΙΣΗ → σβήσε ΜΟΝΟ αυτό το block.
   --------------------------------------------------------- */
.header-container .SmallMenu {
	display: none;
}

/* ---------------------------------------------------------
   23) Hero band TOP-CLEARANCE (fix: τίτλος κολλάει στο fixed header)

   Το <header class="fixed-top"> είναι fixed/top:0 και περιέχει:
     • header-container (logo row) ~102px @≥768, ~82px mobile
     • .Mainmenu desktop pills (~72px) — ΜΟΝΟ @≥768 (d-md-block)
   → πραγματικό ύψος header ≈ 174px desktop / ≈82px mobile.

   Το παλιό .hero_olive_section.pt-offset (150px desktop / 30-55px mobile) βασιζόταν
   ΣΙΩΠΗΡΑ στα 32px του wp-admin bar για να «σπρώξει» τον τίτλο κάτω· έτσι logged-in
   έπαιζε, αλλά ΧΩΡΙΣ admin bar (πραγματικοί επισκέπτες) ο τίτλος περνούσε κάτω από
   τα pills (desktop) ή κάτω από το header (mobile). Επίσης τα breakpoints του hero
   (1199/991/575) δεν ευθυγραμμίζονταν με το md (768) όπου εμφανίζονται τα pills.

   Fix: padding-top ανάλογο με το ΠΡΑΓΜΑΤΙΚΟ header height, αλιγναρισμένο στο 768px,
   ανεξάρτητο από admin bar. (Logged-in παίρνει απλώς λίγο μεγαλύτερο κενό — ακίνδυνο.)
   Overriding όλα τα προηγούμενα .hero_olive_section.pt-offset breakpoints.
   --------------------------------------------------------- */
.hero_olive_section.pt-offset {
	padding-top: 110px; /* mobile: header-container ~82px + gap (χωρίς pills) */
}
@media (min-width: 768px) {
	.hero_olive_section.pt-offset {
		padding-top: 190px; /* desktop: header-container ~102px + pills ~72px + gap */
	}
}

/* =========================================================
   24) PALETTE CHANGE (Deep-Olive → Sand) — ζητήθηκε από πελάτη.
   Backup/restore point: git tag `pre-palette-backup`.
   Σταδιακή εφαρμογή· κάθε κομμάτι εδώ ή στο markup (Deep-Olive-bg → Sand-bg,
   αφαίρεση Off-White). Νέο κουμπί για Sand sections (hover → Deep-Olive).
   ========================================================= */

/* 24a) Νέο κουμπί: για sections με Sand bg (το .button hover→sand δεν φαίνεται εκεί).
   Rest = Deep-Olive κείμενο· hover → Deep-Olive bg + Off-White. */
.button-olive {
	position: relative;
	display: inline-block;
	font-family: var(--fontMain);
	text-align: center;
	color: var(--Clay);
	font-size: 16px;
	font-weight: normal;
	padding: 10px 20px;
	border: 1px solid rgba(126, 106, 83, 0.3);
	background-color: rgba(126, 106, 83, 0.06);
	transition: all 0.3s ease;
}
.button-olive:hover {
	color: var(--Off-White) !important;
	background-color: var(--Clay_light);
	border-color: var(--Clay_light);
	transition: all 0.3s ease-in-out;
}

/* 24b) Λεζάντες (hero-band): markup → Sand-bg (χωρίς Off-White). Κείμενο = Clay
   (όπως τα γράμματα του reference screenshot). */
.hero_olive_section,
.hero_olive_section h1,
.hero_olive_section .h1,
.hero_olive_section p {
	color: var(--Clay);
}

/* 24c) Desktop menu pills (.Mainmenu): ήταν Off-White + λευκό border/bg → αόρατα
   πάνω στο Sand. Γίνονται Clay (όπως ζητήθηκε «το menu καφέ»). */
.Mainmenu ul li a {
	color: var(--Clay);
	background: rgba(161, 132, 106, 0.08);
	border: 1px solid rgba(161, 132, 106, 0.35);
}
.Mainmenu ul li:hover,
.Mainmenu ul li a:hover {
	color: var(--Off-White) !important;
	background: var(--Clay);
	border: 1px solid var(--Clay);
}

/* 24d) Aegeo Rewards badge ΜΕΣΑ στο Sand hero: το λευκό SVG ήταν αόρατο.
   SCOPED στο hero → το badge της homepage (πάνω σε σκούρα εικόνα) μένει λευκό. */
.hero_olive_section .reward-text {
	fill: var(--Clay);
}
.hero_olive_section .badge-circle {
	fill: var(--Clay);
	opacity: 0.14;
}
.hero_olive_section .logo {
	fill: var(--Clay);
}
.hero_olive_section .reward-badge:hover {
	background: rgba(161, 132, 106, 0.12);
	border: 1px solid rgba(161, 132, 106, 0.3);
}

/* ---------------------------------------------------------
   24e) HEADER BAR → --Clay_light (#A1846A / rgb 161,132,106) με ΛΕΥΚΟ logo & burger.
   Homepage εφέ: το header λίγο πιο διαφανές· at-top (not .scrolled) ακόμα πιο διαφανές
   (πάνω από το hero). Inner pages: πιο solid. Το .scrolled μπαίνει σε scroll>50px.
   --------------------------------------------------------- */
.header-container {
	background-color: rgba(161, 132, 106, 0.92); /* inner pages: solid */
}
.scrolled .header-container {
	background-color: rgba(161, 132, 106, 0.95);
}
body.homepage .header-container {
	background-color: rgba(161, 132, 106, 0.70); /* homepage: λίγο πιο διαφανές */
}
body.homepage:not(.scrolled) .header-container {
	background-color: rgba(161, 132, 106, 0.40); /* homepage at-top: ακόμα πιο διαφανές */
}

/* Burger (menu-trigger + οι 3 γραμμές) → ΛΕΥΚΟ (πάνω σε taupe/hero).
   Το τελευταίο selector αντιγράφει το high-specificity rule του style.css. */
.menu-trigger,
.menu-trigger:hover {
	color: #fff;
}
.menu-icon,
.menu-icon::before,
.menu-icon::after {
	background: #fff;
}
body:not(.noSlider):not(.scrolled):not(.hover-header) .menu-trigger:not(.is-clicked) .menu-icon,
body:not(.noSlider):not(.scrolled):not(.hover-header) .menu-trigger:not(.is-clicked) .menu-icon::before,
body:not(.noSlider):not(.scrolled):not(.hover-header) .menu-trigger:not(.is-clicked) .menu-icon::after {
	background: #fff;
}

/* "Book a Journey" στο header → ΛΕΥΚΟ (το original .button style, λευκό contrast σε
   taupe/hero). Αφήνουμε το style.css .button (χωρίς olive override). */

/* Site badge (hotel pill): Off-White pill πάνω στο taupe header — ευανάγνωστο. */
.aegeo-site-badge {
	background: var(--Off-White);
	color: var(--Clay);
	border: 1px solid rgba(161, 132, 106, 0.35);
}
.aegeo-site-badge__pin {
	stroke: var(--Clay);
}
.aegeo-site-badge__close {
	background: rgba(161, 132, 106, 0.14);
	color: var(--Clay);
}
.aegeo-site-badge__close:hover {
	background: rgba(161, 132, 106, 0.28);
}
.aegeo-site-badge__close svg {
	stroke: var(--Clay);
}

/* ---------------------------------------------------------
   24f) BURGER / off-canvas menu → Sand + Clay (ζητήθηκε «το burger menu καφέ»).
   Το markup πήρε Sand-bg, αλλά το .MenuCol του menu2.css όριζε Deep-Olive → override.
   Τα social SVG icons έγιναν Clay στο ίδιο το asset (assets/images/*2.svg).
   --------------------------------------------------------- */
.MenuCol {
	background-color: var(--Sand);
}
#main-navigation a {
	color: var(--Clay);
}
#main-navigation .main-menu a::after {
	background-color: var(--Clay);
}
/* "Book a Journey" μέσα στο menu: λευκό → olive theme (φαίνεται πάνω στο Sand). */
#main-navigation a.button {
	color: var(--Deep-Olive);
	background-color: rgba(78, 90, 79, 0.06);
	border: 1px solid rgba(78, 90, 79, 0.25);
}
#main-navigation a.button:hover {
	color: var(--Off-White) !important;
	background-color: var(--Deep-Olive);
	border: 1px solid var(--Deep-Olive);
}
#main-navigation .main-menu .header-leaders-btn {
	color: var(--Clay);
	border: 1px solid rgba(161, 132, 106, 0.35);
}
/* Social buttons: λευκά tints → Clay tints. */
#main-navigation .MenuCol .social a {
	color: var(--Clay);
	border: 1px solid rgba(161, 132, 106, 0.3);
	background-color: rgba(161, 132, 106, 0.08);
}
#main-navigation .MenuCol .social a:hover {
	color: var(--Off-White) !important;
	background-color: var(--Clay);
	border: 1px solid var(--Clay);
}
/* Submenu scrollbar thumb (ήταν λευκό → αόρατο στο Sand). */
#main-navigation .main-menu .menu.submenu.aegeo-scroll::-webkit-scrollbar-thumb {
	background: rgba(161, 132, 106, 0.45);
}
/* Social icons: τα SVG είναι <img> με ψημένο Clay fill → στο hover (Clay bg) δεν
   φαίνονται. brightness(0)+invert(1) τα κάνει ΛΕΥΚΑ (δουλεύει σε img, χωρίς νέο asset). */
#main-navigation .MenuCol .social a:hover img {
	filter: brightness(0) invert(1);
}
/* Submenu (expanded) border-left: ήταν Off-White → Clay. Ίδιο media query με το menu2.css. */
@media only screen and (min-width: 992px) {
	.main-navigation-visible #main-navigation .main-menu .parent.expanded > .submenu {
		border-left: 1px solid var(--Clay);
	}
}

/* ---------------------------------------------------------
   24g) FOOTER → Sand (markup Sand-bg). Όλα τα Off-White/Sand κείμενα ήταν
   αόρατα → Clay για τα links, Brown για το ΜΙΚΡΟ copyright (14px· το Clay πάνω
   σε Sand δεν διαβάζεται σε μικρό μέγεθος).
   --------------------------------------------------------- */
.footer-nav li a,
.footer-nav li span {
	color: var(--Clay);
}
.footer-nav li a:hover {
	color: var(--Brown);
}
/* Τελίτσα-διαχωριστικό μεταξύ footer items (ήταν Off-White). */
.footer-nav li + li::before {
	color: var(--Clay);
}
.copyright {
	color: var(--Brown);
}
.copyright a {
	color: var(--Clay);
}
/* Social buttons στο footer: λευκά tints + sand hover → Clay tints + Clay hover,
   με λευκά icons στο hover (ίδιο με το burger menu). */
footer .social a {
	color: var(--Clay);
	border: 1px solid rgba(161, 132, 106, 0.3);
	background-color: rgba(161, 132, 106, 0.08);
}
footer .social a:hover {
	color: var(--Off-White) !important;
	background-color: var(--Clay);
	border: 1px solid var(--Clay);
}
footer .social a:hover img {
	filter: brightness(0) invert(1);
}

/* ---------------------------------------------------------
   24h) STICKY FOOTER BAR (.bookingForm, fixed κάτω) → taupe (σαν header) + το κουμπί
   ίδιο με το header "Book a Journey" (base .button: λευκό, hover→sand). ToTop=Brown.
   --------------------------------------------------------- */
.bookingForm {
	background-color: rgba(161, 132, 106, 0.9); /* Clay_light + opacity, όπως το header */
	color: #fff;
}
.bookingForm .button {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.25);
}
.bookingForm .button:hover {
	color: #fff !important;
	background-color: rgba(216, 203, 184, 0.6);
	border: 1px solid var(--Sand);
}

/* ---------------------------------------------------------
   24i) Journey card (.Box) hover: ο τίτλος (link) → ΛΕΥΚΟΣ.
   Το .Box:hover h3 έδινε ήδη Off-White, αλλά το .section-archive-link:hover
   (Clay, πιο specific) νικούσε → ο τίτλος έμενε καφέ. Εδώ κερδίζει το λευκό.
   --------------------------------------------------------- */
.Box:hover .section-archive-link {
	color: var(--Off-White);
}

/* ---------------------------------------------------------
   24j) HOMEPAGE desktop pills (.Mainmenu) → ΛΕΥΚΑ (κάθονται πάνω στο hero image).
   Στις inner pages μένουν Clay (πάνω στο Sand hero-band). Τα pills κρύβονται στο
   scroll (.scrolled .Mainmenu display:none), οπότε αφορά μόνο το at-top state.
   --------------------------------------------------------- */
/* ΜΟΝΟ τα top-level pills (direct child >), ΟΧΙ τα submenu items του dropdown
   (που έχουν ανοιχτό φόντο → πρέπει να μείνουν Clay, όχι λευκά/αόρατα). */
.homepage .Mainmenu > ul > li > a {
	color: #fff;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.30);
}
.homepage .Mainmenu > ul > li:hover > a,
.homepage .Mainmenu > ul > li > a:hover {
	color: var(--Clay) !important;
	background: #fff;
	border: 1px solid #fff;
}

/* ---------------------------------------------------------
   24k) "Journeys & Rituals" section (.BgMask): επαναφορά της background εικόνας
   (bgMask.jpg = βρεγμένη άμμος) αλλά με SAND overlay αντί για πράσινο, ώστε να
   ταιριάζει με τη νέα παλέτα και να αχνοφαίνεται η άμμος.
   --------------------------------------------------------- */
.BgMask::after {
	background-color: rgba(216, 203, 184, 0.85); /* Sand 85% (ήταν Deep-Olive 0.9) */
}

/* =========================================================
   25) BUTTONS ενοποίηση + αφαίρεση πράσινου (Deep-Olive) hover.
   Στόχος: όλα τα "brand" κουμπιά σαν το header (fill on hover, χωρίς πράσινο).
   Σε ανοιχτά backgrounds → Clay κείμενο, hover fill Clay_light + λευκό.
   ========================================================= */
/* .button-dark: single journeys/events, cards, rewards Sign Up (items 3 & 5). */
.button-dark {
	color: var(--Clay);
	border: 1px solid rgba(126, 106, 83, 0.3);
	background-color: rgba(126, 106, 83, 0.06);
}
.button-dark:hover {
	color: #fff !important;
	background-color: var(--Clay_light);
	border: 1px solid var(--Clay_light);
}
/* Side menu "Book a Journey" (item 2) — ήταν olive theme. */
#main-navigation a.button {
	color: var(--Clay);
	background-color: rgba(126, 106, 83, 0.06);
	border: 1px solid rgba(126, 106, 83, 0.3);
}
#main-navigation a.button:hover {
	color: #fff !important;
	background-color: var(--Clay_light);
	border: 1px solid var(--Clay_light);
}

/* ---------------------------------------------------------
   26) JOURNEY CARDS (item 6): πράσινο (Sage) → Clay_light.
   --------------------------------------------------------- */
.journeyIcon {
	background: rgba(161, 132, 106, 0.9); /* Clay_light + ίδιο opacity (ήταν Sage) */
}
.Box:hover {
	background: var(--Clay_light); /* ήταν Sage· τα γράμματα ήδη γίνονται λευκά */
}

/* ---------------------------------------------------------
   27) /aegeo-rewards/ olive band πάνω από τα pills (item 4) → Sand.
   --------------------------------------------------------- */
/* ΣΩΣΤΗ ΛΥΣΗ (τέλος στα magic ύψη):
   Το παλιό band (.rewards-main::before) κάθεται σχετικά με το CONTENT, αλλά προσπαθεί
   να καλύψει τα FIXED pills → αδύνατο να στοιχιστεί σε logged-in (admin bar +32px) &
   logged-out ταυτόχρονα. Λύση: δίνουμε το Sand backdrop στην ΙΔΙΑ τη σειρά των pills
   (.Mainmenu), που ΕΙΝΑΙ μέσα στο fixed header → πάντα τέλεια στοιχισμένο, μηδέν
   εξάρτηση από admin bar/ύψος. Το band το πετάμε τελείως στη rewards σελίδα. */
.rewards-page .rewards-main::before {
	display: none;
}
.rewards-page .Mainmenu {
	background-color: var(--Sand);
}

/* ---------------------------------------------------------
   28) /blog/ (item 7): full-width (sidebar hidden στο home.php), 4 κάρτες/row,
   εικαστικό των homepage swiper καρτών (εικόνα πάνω, σταθερό ύψος), χωρίς tags.
   --------------------------------------------------------- */
/* Uniform εικόνα (crop) όπως το homepage BlogSwiper. */
.blogContainer .card-media-link img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}
/* Ίδιο ύψος τίτλου/excerpt → ίσες κάρτες ανεξαρτήτως κειμένου. */
.blogContainer .BlogText h3 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.4em;
}
.blogContainer .BlogText p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 4.8em;
}
/* Κρύψε τυχόν tags μέσα στις κάρτες (item 7). */
.blogContainer .Blog .tags {
	display: none;
}