/**
 * Sticky header — White on Black Studio (v3)
 *
 * Ο πελάτης θέλει το logo/MENU να αντιστρέφεται ΑΝΑ PIXEL πάνω σε ό,τι βρεθεί
 * (mix-blend-mode: difference), όπως ήταν πάντα — αλλά τώρα καρφωμένο στο scroll.
 *
 * ΚΛΕΙΔΙ: το blend μπαίνει στο ΙΔΙΟ το fixed container, ΟΧΙ στα παιδιά του.
 * Αν μπει στα παιδιά, το fixed container δημιουργεί νέο stacking context και
 * blendάρουν μόνο με το (διάφανο) φόντο του header, όχι με τη σελίδα.
 * Γι' αυτό ο <header> ΔΕΝ πρέπει να έχει position+z-index (θα γινόταν κι αυτός
 * stacking context και θα έκοβε το blend από το root).
 */

/* Spacer: κρατά τα 70px στο flow ώστε η γεωμετρία κάθε σελίδας να μείνει
   ΑΚΡΙΒΩΣ όπως στο production. ΧΩΡΙΣ position/z-index/isolation. */
.elementor-location-header {
	min-height: 70px;
	background: transparent !important;
}

.elementor-location-header > .e-con.e-parent {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9990;
	background: transparent !important;
	mix-blend-mode: difference;
}

/* Τα παιδιά ΔΕΝ blendάρουν μόνα τους — το κάνει ο container ως σύνολο.
   Λευκό κείμενο: difference πάνω σε μαύρο → λευκό, πάνω σε λευκό → μαύρο. */
.elementor-location-header .tetete,
.elementor-location-header .tetete .elementor-widget-container,
.elementor-location-header .tetete .elementor-heading-title,
.elementor-location-header .tetete .elementor-heading-title a {
	mix-blend-mode: normal !important;
	color: #ffffff !important;
	text-shadow: none !important;
}

/* Όσο είναι ανοιχτό το menu popup, ο header κάθεται από πάνω του.
   Το blend απενεργοποιείται και το χρώμα δίνεται ρητά (βλ. wob-header.js),
   ώστε να μη βγαίνει αντιστροφή πάνω στο χρώμα του popup. */
body.wob-popup-open .elementor-location-header > .e-con.e-parent {
	mix-blend-mode: normal;
}

body.wob-popup-open .elementor-location-header .tetete .elementor-heading-title,
body.wob-popup-open .elementor-location-header .tetete .elementor-heading-title a {
	color: #111111 !important;
}

body.wob-popup-open.wob-popup-dark .elementor-location-header .tetete .elementor-heading-title,
body.wob-popup-open.wob-popup-dark .elementor-location-header .tetete .elementor-heading-title a {
	color: #ffffff !important;
}

/* Τα in-page αντίγραφα logo/MENU (homepage + contact) περισσεύουν με sticky header.
   Η class .tetete χρησιμοποιείται ΜΟΝΟ για logo/MENU — ό,τι δεν είναι μέσα στον
   header είναι αντίγραφο. Γενικός κανόνας, όχι hardcoded widget IDs. */
[data-elementor-type]:not(.elementor-location-header) .tetete {
	display: none !important;
}