/*
 Theme Name:   Kadence Child
 Theme URI:    https://www.kadencewp.com/
 Description: Child theme for Kadence
 Author:       nured
 Author URI:   https://nured.uowm.gr
 Template:     kadence
 Version:      1.10.0
*/

/* ==========================================================================
   MSc Banking-Insurance and Finance — custom CSS (το ΜΟΝΑΔΙΚΟ σημείο custom CSS)

   Εδώ μπαίνει ΜΟΝΟ ό,τι δεν ρυθμίζεται από τον Customizer του Kadence.
   Χρώματα πάντα μέσω των μεταβλητών του Kadence (--global-paletteN) ή των
   --mbif-* παρακάτω. Design tokens: .claude/docs/ (CLAUDE.md, «Design tokens»).
   Το Version στο header λειτουργεί ως cache-busting (?ver=) — ανεβαίνει σε κάθε αλλαγή.
   ========================================================================== */


/* 1. Διακοσμητικός τόνος (χρυσό της ταυτότητας του ΠΜΣ) — εκτός Global Palette
   --------------------------------------------------------------------------
   Φάση 5.1: η παλέτα επέστρεψε στο πετρόλ των Φάσεων 1-4 και οι πορτοκαλί τόνοι
   αντικαταστάθηκαν από δύο χρυσούς, σχεδόν ταυτόσημους με το λογότυπο του ΠΜΣ
   (#E0A82E χρυσό, #0C7278 τιρκουάζ). Ο τόνος έχει ΔΥΟ παραλλαγές, γιατί το
   χρυσό συμπεριφέρεται αντίστροφα ανάλογα με το φόντο:

   ΑΝΟΙΧΤΟ ΦΟΝΤΟ  → το #E3B32D είναι χρώμα ΕΠΙΦΑΝΕΙΑΣ (γέμισμα με σκούρο κείμενο
                    από πάνω: slot 3 → 8.25). Ποτέ κείμενο ούτε λεπτή γραμμή εκεί.
                    Για γραμμές σε ανοιχτό φόντο χρησιμοποιείται το
                    --mbif-accent-line (3.42 σε λευκό).
   ΣΚΟΥΡΟ ΦΟΝΤΟ   → πάνω στο slot 3 το #E3B32D δίνει 8.25, άρα εκεί χρησιμοποιείται
                    ΚΑΙ ως χρώμα κειμένου.

   ΚΑΝΟΝΑΣ ΓΡΑΜΜΩΝ: χρυσές γραμμές ΜΟΝΟ πάνω σε λευκό. Το --mbif-accent-line πάνω
   σε slot 7 δίνει 3.12, δηλαδή περνά χωρίς κανένα περιθώριο — δεν το κάνουμε.

   Κανόνας ένα χρυσό ανά περιοχή: ένα στο header, ένα στο hero, ένα ανά panel,
   ένα στο footer. Ποτέ μοναδική ένδειξη κατάστασης — πάντα με βάρος ή θέση. */
:root {
	--mbif-accent: #E3B32D;      /* επιφάνειες σε ανοιχτό φόντο · κείμενο πάνω σε σκούρο */
	--mbif-accent-line: #B4820F; /* γραμμές σε λευκό (3.42) · γέμισμα hover του χρυσού κουμπιού */
}


/* 2. Ορατό focus σε όλα τα διαδραστικά στοιχεία (WCAG 2.4.7 / 2.4.11)
   --------------------------------------------------------------------------
   Το Kadence βάζει outline:0 στα πεδία φόρμας (input/select/textarea:focus)
   και αφήνει ως μόνη ένδειξη το border-color palette6, που
   (#D8E0E3, 1.34:1) θα ήταν αόρατο. Επίσης κρύβει το outline μετά από κλικ
   ποντικιού (.hide-focus-outline). Με :focus-visible το outline εμφανίζεται
   στην πλοήγηση με πληκτρολόγιο (και πάντα στα πεδία κειμένου).
   Ειδικότητα 0,2,1 (body + :is() + :focus-visible): ισοδυναμεί ή υπερβαίνει
   τους κανόνες του Kadence και, επειδή το αρχείο φορτώνει μετά, υπερισχύει.
   Χρώμα: slot 1 (#0B5E68), 7.46:1 σε λευκό. */
body :is(a, button, input, select, textarea, summary, iframe, [tabindex], [contenteditable="true"], .button, .wp-block-button__link):focus-visible {
	outline: 2px solid var(--global-palette1);
	outline-offset: 2px;
}


/* 3. Slot 6 (#D8E0E3) ΜΟΝΟ για περιγράμματα — ποτέ κείμενο
   --------------------------------------------------------------------------
   Σημεία όπου το Kadence χρησιμοποιεί το palette6 ως χρώμα κειμένου/εικονιδίου
   σε ΑΝΟΙΧΤΟ φόντο → slot 5 (#5B6A72, 5.60:1 σε λευκό).
   Φάση 5: η εξαίρεση του search drawer ΛΥΘΗΚΕ. Η αναζήτηση μπήκε στην bottom
   row, άρα το drawer χρησιμοποιείται πραγματικά. Το φόντο του ορίζεται από τον
   Customizer σε slot 3 και οι κανόνες του drawer ορίζονται χωριστά παρακάτω,
   γιατί εκεί ισχύει το αντίστροφο: το slot 5 θα έδινε 2.88. */

/* Placeholders πεδίων φόρμας σε ανοιχτό φόντο (Kadence global.min.css). */
::-webkit-input-placeholder { color: var(--global-palette5); }
:-ms-input-placeholder { color: var(--global-palette5); }
::placeholder { color: var(--global-palette5); }

/* Εικονίδιο μεγεθυντικού στη φόρμα αναζήτησης (Kadence global.min.css). */
.search-form .kadence-search-icon-wrap { color: var(--global-palette5); }

/* Ημερομηνία στο κλασικό widget «Πρόσφατα άρθρα» (Kadence content.min.css). */
.widget_recent_entries ul li .post-date { color: var(--global-palette5); }

/* Βοηθητικό κείμενο πεδίων στη φόρμα του Kadence Blocks (style-blocks-form.css).
   Το CSS του block φορτώνει με μεταβλητή σειρά, γι' αυτό +body στην ειδικότητα. */
body .kb-form .kadence-blocks-form-field .kb-field-help { color: var(--global-palette5); }

/* Search drawer (σκούρο φόντο slot 3): το κείμενο και το placeholder πρέπει να
   είναι ΑΝΟΙΧΤΑ. slot 6 σε slot 3 = 12.04 · το καθολικό slot 5 θα έδινε 2.88. */
#search-drawer .drawer-inner input.search-field { color: var(--global-palette6); }
#search-drawer .drawer-inner input.search-field::placeholder { color: var(--global-palette6); opacity: 0.85; }
#search-drawer .drawer-inner .kadence-search-icon-wrap { color: var(--global-palette6); }


/* 4. Χωρίς text-transform: uppercase σε ελληνικά (χάνονται οι τόνοι)
   --------------------------------------------------------------------------
   Οι ετικέτες κατηγοριών (.entry-taxonomies) ρυθμίζονται από τον Customizer
   (transform: none). Τα παρακάτω στοιχεία του Kadence δεν έχουν ρύθμιση UI.
   Ίδιοι selectors με το Kadence (content.min.css)· υπερισχύουν λόγω σειράς. */
a.post-more-link,
.post-navigation-sub small,
.widget-area .widget-title,
.wp-block-pullquote blockquote cite {
	text-transform: none;
}


/* 5. Header — ενεργό στοιχείο κύριου μενού (Φάση 3)
   --------------------------------------------------------------------------
   Χρυσή γραμμή 2px από κάτω ΚΑΙ βάρος 600, ώστε η ένδειξη να μην στηρίζεται
   μόνο στο χρώμα (WCAG 1.4.1). Το box-shadow αντί για border δεν μετακινεί
   το στοιχείο. --mbif-accent-line σε λευκό: 3.42:1 (μη-κείμενο, όριο 3:1).
   Το χρώμα κειμένου (slot 3, 16.11:1) το ορίζει ο Customizer.
   Είναι ΤΟ ΕΝΑ χρυσό στοιχείο της περιοχής του header. */
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-ancestor > a,
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-parent > a {
	font-weight: 600;
	box-shadow: inset 0 -2px 0 0 var(--mbif-accent-line);
}


/* 6. Σκούρες επιφάνειες: drawer, υπομενού, search drawer (Φάση 3 · τιμές Φάσης 5.1)
   --------------------------------------------------------------------------
   Από τη Φάση 5 όλες οι σκούρες επιφάνειες είναι slot 3, και το mobile drawer
   και το search drawer από ρύθμιση Customizer.
   Focus outline σε slot 1 θα έδινε 2.16 πάνω στο slot 3· λευκό δίνει 16.11.
   Δείκτης τρέχουσας σελίδας στο drawer: χρυσό ΚΕΙΜΕΝΟ (8.25) με βάρος 600.
   Είναι το ένα χρυσό στοιχείο του drawer — γι' αυτό δεν υπάρχει και γραμμή. */
#mobile-drawer :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
#search-drawer :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.header-navigation .header-menu-container ul ul :is(a, button):focus-visible {
	outline-color: var(--global-palette9);
}

#mobile-drawer .mobile-navigation ul li.current-menu-item > a,
#mobile-drawer .mobile-navigation ul li.current-menu-ancestor > a {
	font-weight: 600;
	color: var(--mbif-accent);
}

.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a {
	font-weight: 600;
}


/* 7. Footer — επικεφαλίδες widgets σε σκούρο φόντο (Φάση 3)
   --------------------------------------------------------------------------
   Τα widgets χρησιμοποιούν core heading blocks, όχι .widget-title, οπότε
   έπαιρναν τον γενικό κανόνα h2 (slot 3, 30px): σκούρο σε σκούρο.
   Εδώ ευθυγραμμίζονται με το στυλ τίτλου widget του Customizer.
   slot 9 σε slot 3: 16.11:1. */
.site-footer-wrap .footer-widget-area :is(h2, h3, h4) {
	color: var(--global-palette9);
	font-size: 17px;
	line-height: 1.3;
	margin-bottom: 0.5em;
}


/* 8. Mega menu (Max Mega Menu, μόνο desktop — Φάση 3.1)
   --------------------------------------------------------------------------
   Οι περισσότερες τιμές ορίζονται στο theme του MMM με μεταβλητές palette.
   Εδώ μπαίνει μόνο ό,τι το UI του MMM δεν καλύπτει, καθώς και η διόρθωση του
   σκληροκωδικοποιημένου μπλε focus outline (#109cde) του plugin.
   Το χρυσό στοιχείο της περιοχής είναι η γραμμή του ενεργού στοιχείου (8.2).
   Η ειδικότητα ακολουθεί αυτήν του MMM (2 ids), γιατί αλλιώς δεν υπερισχύει.
   Το mobile δεν επηρεάζεται: κάτω από 1025px το Kadence κρύβει όλο το
   #main-header και δείχνει το δικό του drawer (θέση μενού «mobile»). */

/* 8.1 Ορατό focus μέσα στο μενού, με τα tokens της Φάσης 1 (slot 1, 7.46:1). */
#mega-menu-wrap-primary.mega-keyboard-navigation .mega-menu-link:focus,
#mega-menu-wrap-primary.mega-keyboard-navigation li.mega-menu-item a:focus,
#mega-menu-wrap-primary.mega-keyboard-navigation .mega-menu-item-type-widget a:focus {
	outline: 2px solid var(--global-palette1);
	outline-offset: 2px;
	outline-style: solid;
}

/* 8.2 Ενεργό στοιχείο πρώτου επιπέδου: χρυσή γραμμή 2px ΚΑΙ βάρος 600,
   ίδια λογική με την ενότητα 5 (η οποία αφορά τα dropdowns του Kadence). */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-parent > a.mega-menu-link {
	font-weight: 600;
	color: var(--global-palette3);
	box-shadow: inset 0 -2px 0 0 var(--mbif-accent-line);
}

/* 8.3 Κάθετη γραμμή 1px ανάμεσα στις στήλες του panel. */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column + li.mega-menu-column {
	border-left: 1px solid var(--global-palette6);
	padding-left: 28px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column {
	padding-right: 28px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:last-child {
	padding-right: 0;
}

/* 8.4 Στήλη στοιχείων: φόντο slot 7, αριθμός slot 1, ετικέτα slot 5.
   slot 4 σε slot 7: 9.35:1 · slot 5 σε slot 7: 5.10:1 · slot 1 σε slot 7: 6.80:1. */
#mega-menu-wrap-primary .mbif-stats {
	background: var(--global-palette7);
	padding: 18px 20px;
	border-radius: 3px;
}

#mega-menu-wrap-primary .mbif-stats h3 {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 600;
	color: var(--global-palette3);
}

#mega-menu-wrap-primary .mbif-stats li {
	color: var(--global-palette5);
	margin-bottom: 6px;
}

#mega-menu-wrap-primary .mbif-stats strong {
	color: var(--global-palette1);
	font-weight: 600;
}

/* 8.5 Δεύτερο επίπεδο μέσα σε στήλη (τα εξάμηνα κάτω από τα «Μαθήματα»). */
#mega-menu-wrap-primary .mbif-subitems {
	margin: 0 0 6px 14px;
	border-left: 1px solid var(--global-palette6);
	padding-left: 12px;
}

#mega-menu-wrap-primary .mbif-subitems a {
	color: var(--global-palette5);
}

#mega-menu-wrap-primary .mbif-subitems a:hover {
	color: var(--global-palette1);
	text-decoration: underline;
}


/* 9. Κουμπί κύριας δράσης — χρυσό γέμισμα (Φάση 5 · τιμές Φάσης 5.1)
   --------------------------------------------------------------------------
   Ιεραρχία κουμπιών:
     κύρια δράση      → χρυσό γέμισμα με σκούρο κείμενο (slot 3 σε #E3B32D: 8.25)
     δευτερεύουσα     → slot 1 με λευκό κείμενο (7.46) — προεπιλογή του Kadence
     τρίτη βαθμίδα    → περίγραμμα slot 1 με κείμενο slot 1 (is-style-outline)
   Το χρυσό γέμισμα δεν μπορεί να οριστεί από τον Customizer, γιατί το Kadence
   ορίζει ΟΛΑ τα κουμπιά μαζί και το χρυσό δεν ανήκει στο palette. Ορίζεται εδώ
   και εφαρμόζεται ανά κουμπί με την κλάση mbif-btn-gold (Block Editor → Για
   προχωρημένους → Πρόσθετη κλάση CSS). Το πολύ ΕΝΑ ανά σελίδα.
   Ο κανόνας hover χρειάζεται CSS: τα inline styles των blocks δεν έχουν :hover.

   ΠΡΟΣΟΧΗ στο χρώμα κειμένου: πρέπει να είναι slot 3 και στις ΔΥΟ καταστάσεις.
   Με slot 4 το hover (slot 4 σε #B4820F) πέφτει στο 3.00 και αποτυγχάνει, ενώ
   με slot 3 δίνει 4.71. Η διαφορά ΔΕΝ φαίνεται με το μάτι. */
.wp-block-button.mbif-btn-gold .wp-block-button__link,
.mbif-btn-gold .kb-button {
	background-color: var(--mbif-accent);
	color: var(--global-palette3);
	border-color: var(--mbif-accent);
}

.wp-block-button.mbif-btn-gold .wp-block-button__link:hover,
.wp-block-button.mbif-btn-gold .wp-block-button__link:focus,
.mbif-btn-gold .kb-button:hover {
	background-color: var(--mbif-accent-line);
	color: var(--global-palette3);
	border-color: var(--mbif-accent-line);
}


/* 10. Λογότυπο ΠΜΣ στη sticky κεφαλίδα (bottom row)
   --------------------------------------------------------------------------
   Όταν η τρίτη γραμμή της κεφαλίδας γίνεται sticky (κλάση .item-is-stuck του Kadence),
   εμφανίζεται το λογότυπο του ΠΜΣ στην αριστερή της στήλη. Το στοιχείο το εισάγει το
   assets/js/sticky-logo.js (handle mbif-sticky-logo, functions.php).
   Μεταφέρθηκε από το WPCode snippet 156 (2026-09-13) χωρίς αλλαγή κανόνων.
   Διακοσμητικό: aria-hidden και tabindex -1, γιατί το κύριο λογότυπο υπάρχει ήδη. */
:root {
	--mbif-sticky-logo-h: 40px;
}

/* Λογότυπο στην 1η στήλη (left) της 3ης γραμμής (bottom row) της κεφαλίδας. */
.site-bottom-header-wrap .mbif-sticky-logo {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	transform: scale(.92);
	transition: opacity .28s ease, transform .28s ease, visibility 0s linear .28s;
}

/* Εμφάνιση μόλις η γραμμή γίνει sticky. */
.item-is-stuck .mbif-sticky-logo {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transition: opacity .28s ease, transform .28s ease, visibility 0s linear 0s;
}

.mbif-sticky-logo img {
	display: block;
	height: var(--mbif-sticky-logo-h);
	width: auto;
}

/* Αν η γραμμή δεν έχει αριστερή στήλη, το script τη δημιουργεί· εδώ το σωστό flex layout. */
.site-bottom-header-wrap .site-header-row.mbif-has-left {
	justify-content: space-between;
}

.mbif-injected-left {
	display: flex;
	align-items: center;
}

@media (max-width: 1024px) {
	:root {
		--mbif-sticky-logo-h: 32px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-bottom-header-wrap .mbif-sticky-logo {
		transition: opacity .01ms linear;
		transform: none;
	}

	.item-is-stuck .mbif-sticky-logo {
		transform: none;
	}
}


/* 11. Footer — ζώνη «Υπηρεσίες και υποδομές» (Footer Top Row)
   --------------------------------------------------------------------------
   Περιεχόμενο: block widget στην περιοχή Footer 4, που ο Kadence footer builder βάζει
   στη Footer Top Row (λευκό φόντο, πάνω γραμμή 1px slot 6 — ρυθμίσεις Customizer).
   Επικεφαλίδα h2 + λίστα .mbif-services με 13 λογότυπα-συνδέσμους. Χωρίς JavaScript.

   Επικεφαλίδα: η ενότητα 7 βάζει slot 9 (λευκό) σε ΟΛΕΣ τις επικεφαλίδες widgets του
   footer, για το σκούρο φόντο. Εδώ το φόντο είναι λευκό, οπότε slot 3 (16.11:1).
   Το μέγεθος 18px και η στοίχιση έρχονται από το ίδιο το block.

   Πλέγμα: auto-fit, με ανώτατο πλήθος στηλών --mbif-services-cols (7 / 4 / 3). Κάθε
   στήλη είναι τουλάχιστον --mbif-services-min ή όσο χρειάζεται για να μη χωρούν
   περισσότερες από το ανώτατο πλήθος· έτσι η αναδίπλωση γίνεται φυσικά. Το −1px
   αποτρέπει την απώλεια στήλης από στρογγυλοποίηση.

   Λογότυπα: γκρι και opacity .7 σε κανονική κατάσταση, πλήρες χρώμα σε hover ΚΑΙ
   focus-visible. Το filter μπαίνει στο img και όχι στο a, ώστε να μην αλλοιώνει το
   focus outline. Outline slot 1 σε λευκό: 7.46:1. Η ειδικότητα (0,3,1) υπερισχύει του
   `.hide-focus-outline *:focus { outline: 0 }` του Kadence (0,2,0). */
.site-footer-wrap .site-top-footer-wrap .footer-widget-area :is(h2, h3, h4) {
	color: var(--global-palette3);
	margin-bottom: 20px;
}

.site-footer-wrap .mbif-services {
	--mbif-services-cols: 7;
	--mbif-services-min: 120px;
	--mbif-services-gap: 24px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(max(var(--mbif-services-min), calc((100% - (var(--mbif-services-cols) - 1) * var(--mbif-services-gap)) / var(--mbif-services-cols) - 1px)), 1fr));
	gap: var(--mbif-services-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer-wrap .mbif-services > li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	margin: 0;
	padding: 0;
}

.site-footer-wrap .mbif-services a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.site-footer-wrap .mbif-services img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: .7;
	transition: filter .25s ease, opacity .25s ease;
}

.site-footer-wrap .mbif-services a:hover img,
.site-footer-wrap .mbif-services a:focus-visible img {
	filter: grayscale(0);
	opacity: 1;
}

.site-footer-wrap .mbif-services a:focus-visible {
	outline: 2px solid var(--global-palette1);
	outline-offset: 4px;
}

@media (max-width: 1024px) {
	.site-footer-wrap .mbif-services {
		--mbif-services-cols: 4;
	}
}

@media (max-width: 767px) {
	.site-footer-wrap .mbif-services {
		--mbif-services-cols: 3;
		--mbif-services-min: 80px;
		--mbif-services-gap: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-footer-wrap .mbif-services img {
		transition: none;
	}
}


/* 12. Έγγραφα προς λήψη — core/file block (Επικαιροποίηση 2026-09-17)
   --------------------------------------------------------------------------
   Το core δίνει στο κουμπί λήψης μόνο προεπιλογές χαμηλής προτεραιότητας
   (:where(.wp-block-file__button) → στρογγυλό pill, χωρίς χρώμα του θέματος) και
   μικραίνει όλο το block σε .8em. Εδώ ευθυγραμμίζεται με το design system:
   δευτερεύον κουμπί = slot 1 με λευκό κείμενο (7.46:1), radius 3px, χωρίς σκιά,
   ύψος στόχου ≥44px. Οι κανόνες έχουν ειδικότητα (0,2,0) και υπερισχύουν του :where(). */
.entry-content .wp-block-file {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--30);
	font-size: inherit;
	margin-bottom: var(--wp--preset--spacing--20);
}

.entry-content .wp-block-file > a:first-child {
	font-weight: 600;
}

.entry-content .wp-block-file .wp-block-file__button {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0.4em 1.1em;
	border-radius: 3px;
	background: var(--global-palette1);
	color: var(--global-palette9);
	font-size: var(--global-kb-font-size-sm);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 150ms ease;
}

.entry-content .wp-block-file .wp-block-file__button:hover,
.entry-content .wp-block-file .wp-block-file__button:focus-visible {
	background: var(--global-palette2);
	color: var(--global-palette9);
}

@media (prefers-reduced-motion: reduce) {
	.entry-content .wp-block-file .wp-block-file__button {
		transition: none;
	}
}


/* 13. Ειδοποίηση / εκκρεμότητα — .mbif-notice (2026-09-17)
   --------------------------------------------------------------------------
   Πλαίσιο για σύντομες ανακοινώσεις και εκκρεμότητες μέσα στο περιεχόμενο
   (π.χ. «το ωρολόγιο πρόγραμμα θα ανακοινωθεί»). Ίδια εμφάνιση με το .mbif-notice
   της σελίδας Προκήρυξης (253), αλλά με τις global μεταβλητές του Kadence, ώστε
   να είναι διαθέσιμο σε κάθε σελίδα.
   Χρήση: Block Editor → παράγραφος ή ομάδα → Για προχωρημένους → Πρόσθετη κλάση
   CSS → mbif-notice. Το κείμενο μένει επεξεργάσιμο από το WordPress UI. */
.entry-content .mbif-notice {
	border: 1px solid var(--global-palette7);
	border-left: 3px solid var(--global-palette1);
	border-radius: 3px;
	background: var(--global-palette8);
	padding: 14px 16px;
	margin-bottom: var(--wp--preset--spacing--30);
	font-size: var(--global-kb-font-size-sm);
}

.entry-content .mbif-notice > :last-child {
	margin-bottom: 0;
}


/* ==========================================================================
   MBIF — Hero watermark
   Διακριτικό watermark του συμβόλου στο page title area (Kadence).
   Καθαρά διακοσμητικό: δεν προσθέτει περιεχόμενο, δεν επηρεάζει το DOM.
   Ο επιλογέας .entry-hero-container-inner πρέπει να επιβεβαιωθεί στο θέμα.
   ========================================================================== */

/* ==========================================================================
   MBIF — Hero watermark (v2)
   ========================================================================== */

/* Page title hero – διακοσμητικό μοτίβο από το λογότυπο */

/* Page title hero – διακοσμητικό μοτίβο από το λογότυπο & background υφής */
.entry-hero .entry-hero-container-inner {
  position: relative;
  overflow: hidden;
  background-color: #e3e5e8;
  /* Προσθήκη ημιδιάφανου overlay πάνω από την εικόνα */
  background-image: linear-gradient(rgba(216, 224, 227, 0), rgba(255, 255, 255, 0.5)), url("/wp-content/uploads/2026/09/clean-gray-paper.png");
  background-repeat: repeat; 
  background-blend-mode: multiply; 
}
.entry-hero .entry-hero-container-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/wp-content/uploads/2026/09/logo-mbif-mono-white.svg") no-repeat right 40px center / auto 120%;
  opacity: 0.15;
  pointer-events: none;
  z-index: 1; /* πάνω από το .hero-section-overlay */
}

.entry-hero .hero-container {
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .entry-hero .entry-hero-container-inner::before {
    background-position: right 16px center;
    background-size: auto 50%;
    opacity: 0.35;
  }
}
/* ========================================================================== */