/* EDU Programs – header & footer όλου του site ([edu_logo], [edu_header_actions], [edu_footer]). */

.edu-site-logo, .edu-site-actions, .edu-site-footer {
	--s-navy: var(--wd-primary-color, #0b1f4d);
	--s-yellow: var(--wd-alternative-color, #f2c230);
	--s-accent: color-mix(in srgb, var(--s-navy) 30%, #2563eb);
	--s-ink: #0f1b3d;
	--s-muted: #5b6684;
	--s-line: #e6eaf3;
	font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.edu-site-actions .edu-i, .edu-site-footer .edu-i { width: 1.1em; height: 1.1em; flex: none; }

/* Logo ------------------------------------------------------------------- */
.edu-site-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--s-ink) !important; text-decoration: none !important; line-height: 1; }
.edu-site-logo__mark {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; flex: none;
	background: var(--s-navy); color: var(--s-yellow);
}
.edu-site-logo__mark svg { width: 24px; height: 24px; }
.edu-site-logo__text { display: flex; flex-direction: column; gap: 4px; }
.edu-site-logo strong { font-size: 23px; font-weight: 800; letter-spacing: -0.03em; color: var(--s-navy); }
.edu-site-logo strong b { font-weight: 800; color: var(--s-accent); }
.edu-site-logo small { font-size: 11px; font-weight: 600; color: var(--s-muted); letter-spacing: .01em; white-space: nowrap; }
.edu-site-logo--img img { max-height: 48px; width: auto; }

/* Κύριο μενού του WoodMart όταν ο header έχει το λογότυπό μας: όπως η μακέτα (πεζά, βελάκι στα υπομενού). */
.whb-header:has(.edu-site-logo) .wd-nav-main > li > a {
	font-family: "Manrope", system-ui, sans-serif; text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 600; color: #0f1b3d;
}
.whb-header:has(.edu-site-logo) .wd-nav-main > li:is(:hover, .current-menu-item, .current-menu-ancestor) > a { color: var(--wd-primary-color, #0b1f4d); }
.whb-header:has(.edu-site-logo) .wd-nav-main > li.menu-item-has-children > a::after { font-size: 9px; margin-left: 6px; }
.whb-header:has(.edu-site-logo) .wd-dropdown-menu { border-radius: 14px; box-shadow: 0 18px 40px rgba(15, 27, 61, .14); }
/* Πλαϊνό μενού κινητού */
body:has(.edu-site-logo) .mobile-nav .wd-nav-mobile li a { font-family: "Manrope", system-ui, sans-serif; text-transform: none; letter-spacing: 0; font-size: 15.5px; font-weight: 600; color: #0f1b3d; }
body:has(.edu-site-logo) .mobile-nav .wd-nav-mobile .wd-sub-menu li a { font-weight: 500; color: #5b6684; }
.whb-header:has(.edu-site-logo) .wd-dropdown-menu .wd-sub-menu a { font-family: "Manrope", system-ui, sans-serif; font-size: 14.5px; font-weight: 600; text-transform: none; }

/* Αναζήτηση + κουμπί ----------------------------------------------------- */
.edu-site-actions { display: flex; align-items: center; gap: 12px; }
.edu-site-search { position: relative; }
.edu-site-search__toggle {
	display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0 !important; min-height: 0;
	border-radius: 50% !important; border: 1px solid var(--s-line) !important; background: #fff !important; color: var(--s-ink) !important; cursor: pointer; box-shadow: none;
	transition: border-color .15s ease, color .15s ease;
}
.edu-site-search__toggle:hover, .edu-site-search__toggle[aria-expanded="true"] { border-color: var(--s-navy) !important; color: var(--s-navy) !important; }
.edu-site-search__toggle .edu-i { width: 19px; height: 19px; }
.edu-site-search__form {
	position: absolute; right: 0; top: calc(100% + 12px); z-index: 50; display: flex; align-items: center; gap: 6px; width: min(380px, 86vw);
	padding: 6px 6px 6px 16px; background: #fff; border: 1px solid var(--s-line); border-radius: 14px; box-shadow: 0 18px 40px rgba(15, 27, 61, .16);
}
.edu-site-search__form[hidden] { display: none; }
.edu-site-search__form input {
	flex: 1; min-width: 0; height: 42px; border: 0 !important; box-shadow: none !important; outline: 0; padding: 0 !important; background: transparent !important;
	font: 500 15px/1.2 "Manrope", system-ui, sans-serif; color: var(--s-ink);
}
.edu-site-search__form button {
	display: inline-flex !important; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0 !important; min-height: 0;
	border: 0 !important; border-radius: 10px !important; background: var(--s-navy) !important; color: #fff !important; cursor: pointer;
}
.edu-site-search__form .screen-reader-text, .edu-site-footer .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.edu-site-cta {
	display: inline-flex; align-items: center; gap: 8px; padding: 13px 20px; border-radius: 12px; white-space: nowrap;
	background: var(--s-navy); color: #fff !important; font-size: 14.5px; font-weight: 700; line-height: 1; text-decoration: none !important;
	box-shadow: 0 8px 18px color-mix(in srgb, var(--s-navy) 25%, transparent); transition: transform .18s ease, background .18s ease;
}
.edu-site-cta:hover { transform: translateY(-1px); background: color-mix(in srgb, var(--s-navy) 88%, #fff); }
@media (max-width: 1024px) {
	.edu-site-cta span { display: none; }
	.edu-site-cta { padding: 0; width: 44px; height: 44px; justify-content: center; border-radius: 50%; }
	.edu-site-logo small { display: none; }
	.edu-site-logo strong { font-size: 20px; }
	.edu-site-logo__mark { width: 34px; height: 34px; border-radius: 10px; }
}

/* Footer ----------------------------------------------------------------- */
.edu-site-footer {
	background: #f6f8fc; border-top: 1px solid var(--s-line); color: var(--s-muted);
	font-size: 14px; line-height: 1.6; text-align: left;
}
.edu-site-footer__wrap { max-width: 1320px; margin: 0 auto; padding: 56px 24px 0; }
.edu-site-footer__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.3fr); gap: 40px; }
.edu-site-footer h3 { font-size: 15px; font-weight: 800; color: var(--s-ink); margin: 4px 0 14px; text-transform: none; letter-spacing: 0; }
.edu-site-footer p { margin: 0; }
.edu-site-footer__brand p { margin-top: 16px; max-width: 360px; }
.edu-site-footer__social { display: flex; gap: 8px; margin-top: 18px; }
.edu-site-footer__social a {
	display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%;
	border: 1px solid var(--s-line); background: #fff; color: var(--s-navy) !important;
}
.edu-site-footer__social a:hover { background: var(--s-navy); color: #fff !important; }
.edu-site-footer__social svg { width: 18px; height: 18px; }
.edu-site-footer__col ul { list-style: none; margin: 0; padding: 0; }
.edu-site-footer__col li { margin: 0 0 9px; list-style: none; }
.edu-site-footer__col a { color: var(--s-muted) !important; text-decoration: none !important; font-weight: 500; }
.edu-site-footer__col a:hover { color: var(--s-navy) !important; }
.edu-site-news { margin-top: 16px; }
.edu-site-news__row { display: flex; gap: 8px; }
.edu-site-news__row input {
	flex: 1; min-width: 0; height: 46px; padding: 0 14px !important; border: 1px solid var(--s-line) !important; border-radius: 12px !important;
	background: #fff !important; box-shadow: none !important; font: 500 14.5px/1 "Manrope", system-ui, sans-serif; color: var(--s-ink);
}
.edu-site-news__row button {
	height: 46px; padding: 0 20px !important; min-height: 0; border: 0 !important; border-radius: 12px !important; cursor: pointer;
	background: var(--s-navy) !important; color: #fff !important; font: 700 14.5px/1 "Manrope", system-ui, sans-serif; text-transform: none; letter-spacing: 0;
}
.edu-site-news__row input::placeholder { color: #8a93ab; opacity: 1; }
.edu-site-footer .edu-site-news__consent span { color: var(--s-muted); }
.edu-site-news__consent { display: flex; align-items: flex-start; gap: 8px; margin-top: 10px; font-size: 12.5px; line-height: 1.45; cursor: pointer; }
.edu-site-news__consent input { margin: 2px 0 0; flex: none; accent-color: var(--s-navy); }
.edu-site-news__consent a { color: var(--s-navy); text-decoration: underline; }
.edu-site-news .edu-alerts__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.edu-site-news .edu-alerts__msg { margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; font-size: 13.5px; font-weight: 600; }
.edu-site-news .edu-alerts__msg.is-error { background: #fff4ed; color: #c2410c; }
.edu-site-news .edu-alerts__msg.is-ok { background: #dcfce7; color: #166534; }
.edu-site-news.is-busy button { opacity: .6; cursor: wait; }
.edu-site-news.is-done > :not([data-msg]) { display: none; }
.edu-site-footer__bottom {
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: 44px; padding: 20px 0 26px;
	border-top: 1px solid var(--s-line); font-size: 12.5px;
}
@media (max-width: 1024px) {
	.edu-site-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
	.edu-site-footer__wrap { padding: 40px 16px 0; }
	.edu-site-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
	.edu-site-footer__brand, .edu-site-footer__news { grid-column: 1 / -1; }
}

/* Το footer μας μπαίνει σε HTML block του WoodMart: χωρίς τα δικά του κενά. */
.wd-footer:has(.edu-site-footer) { padding: 0; background: transparent; border: 0; }
.wd-footer:has(.edu-site-footer) .main-footer { padding: 0; max-width: none; width: 100%; }
.wd-footer:has(.edu-site-footer) .main-footer > :is(p, .elementor) { margin: 0; }

/* Mega menu ([edu_mega]) --------------------------------------------------- */
.edu-mega {
	--s-navy: var(--wd-primary-color, #0b1f4d);
	--s-yellow: var(--wd-alternative-color, #f2c230);
	--s-accent: color-mix(in srgb, var(--s-navy) 30%, #2563eb);
	--s-ink: #0f1b3d;
	--s-muted: #5b6684;
	--s-line: #e6eaf3;
	display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .8fr) minmax(0, 1fr); gap: 28px; align-items: stretch;
	font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-align: left; padding: 8px 0;
}
.edu-mega .edu-i { width: 1.1em; height: 1.1em; flex: none; }
.edu-mega__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; align-content: start; }
.edu-mega a.edu-mega__card {
	display: flex; align-items: flex-start; gap: 14px; padding: 14px; border-radius: 14px; color: var(--s-ink) !important;
	text-decoration: none !important; transition: background .15s ease;
}
.edu-mega a.edu-mega__card:hover { background: color-mix(in srgb, var(--s-accent) 7%, #fff); }
.edu-mega__icon {
	display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; flex: none;
	background: color-mix(in srgb, var(--s-accent) 10%, #fff); color: var(--s-accent); transition: .15s ease;
}
.edu-mega__card:hover .edu-mega__icon { background: var(--s-navy); color: var(--s-yellow); }
.edu-mega__icon .edu-i { width: 22px; height: 22px; }
.edu-mega__card strong { display: block; font-size: 15px; font-weight: 800; line-height: 1.3; margin-top: 2px; }
.edu-mega__card small { display: block; font-size: 13px; color: var(--s-muted); line-height: 1.4; margin-top: 3px; font-weight: 500; }
.edu-mega__quick { padding: 10px 0 10px 28px; border-left: 1px solid var(--s-line); }
.edu-mega__quick h4 { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--s-muted); margin: 4px 0 12px; }
.edu-mega__quick ul { list-style: none; margin: 0; padding: 0; }
.edu-mega__quick li { margin: 0; list-style: none; }
.edu-mega__quick a {
	display: block; padding: 6px 0; font-size: 14.5px; font-weight: 600; color: var(--s-ink) !important; text-decoration: none !important;
	transition: color .15s ease, transform .15s ease;
}
.edu-mega__quick a:hover { color: var(--s-accent) !important; transform: translateX(3px); }
.edu-mega__promo {
	position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding: 24px; border-radius: 18px; overflow: hidden; min-height: 210px;
	color: #fff; background:
		radial-gradient(260px 160px at 100% 0%, color-mix(in srgb, var(--s-accent) 70%, transparent), transparent 70%),
		radial-gradient(200px 120px at 0% 100%, color-mix(in srgb, var(--s-yellow) 30%, transparent), transparent 70%),
		var(--s-navy);
}
.edu-mega__promo strong { font-size: 19px; font-weight: 800; line-height: 1.25; color: #fff; }
.edu-mega__promo p { margin: 0 0 6px; font-size: 13.5px; line-height: 1.5; color: rgba(255,255,255,.8); }
.edu-mega a.edu-mega__btn {
	align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 10px;
	background: var(--s-yellow); color: var(--s-navy) !important; font-size: 14px; font-weight: 800; text-decoration: none !important;
}
.edu-mega a.edu-mega__btn:hover { background: #fff; }
.edu-mega__moria { display: flex; gap: 6px; background: #fff; border-radius: 12px; padding: 5px 5px 5px 12px; }
.edu-mega__moria input {
	flex: 1; min-width: 0; height: 40px; border: 0 !important; box-shadow: none !important; outline: 0; padding: 0 !important; background: transparent !important;
	font: 600 15px/1 "Manrope", system-ui, sans-serif; color: var(--s-ink);
}
.edu-mega__moria button {
	display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0 !important; min-height: 0;
	border: 0 !important; border-radius: 9px !important; background: var(--s-yellow) !important; color: var(--s-navy) !important; cursor: pointer;
}
.edu-mega .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
/* Φωτογραφία στο πλαίσιο προβολής: κάτω δεξιά, το κείμενο στο αριστερό μισό */
.edu-mega__promo.has-photo { align-self: start; min-height: 290px; padding-right: 20px; }
.edu-mega__promo.has-photo::before {
	content: ""; position: absolute; right: -40px; bottom: -40px; width: 230px; height: 230px; border-radius: 50%;
	background: radial-gradient(closest-side, color-mix(in srgb, var(--s-yellow) 45%, transparent), transparent);
}
.edu-mega__photo { position: absolute; right: 0; bottom: 0; width: 58%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end; pointer-events: none; }
.edu-mega .edu-mega__photo img { width: auto; height: auto; max-width: 100%; max-height: 100%; filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .25)); }
.edu-mega__promo.has-photo > :not(.edu-mega__photo) { position: relative; z-index: 1; max-width: 56%; }
.edu-mega__promo.has-photo > .edu-mega__moria { max-width: 60%; }
.edu-mega__promo.has-photo > a.edu-mega__btn { max-width: none; white-space: nowrap; }

/* «Νέα»: κατηγορίες αριστερά, τα 3 πιο πρόσφατα άρθρα δεξιά */
.edu-mega--nea { grid-template-columns: minmax(180px, .6fr) minmax(0, 2.4fr); }
.edu-mega--nea .edu-mega__quick { order: -1; padding: 10px 28px 10px 0; border-left: 0; border-right: 1px solid var(--s-line); }
.edu-mega a.edu-mega__all { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 14px; font-weight: 800; color: var(--s-accent) !important; text-decoration: none !important; }
.edu-mega__posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.edu-mega a.edu-mega__post { display: flex; flex-direction: column; gap: 8px; color: var(--s-ink) !important; text-decoration: none !important; }
.edu-mega__post-photo {
	display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden;
	background: var(--tone, #eef1f6); color: var(--tone-ink, #475569);
}
.edu-mega .edu-mega__post-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.edu-mega__post-photo > .edu-i { width: 30px; height: 30px; opacity: .6; }
.edu-mega__post:hover .edu-mega__post-photo img { transform: scale(1.04); }
.edu-mega__post small { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--tone-ink, var(--s-muted)); }
.edu-mega__post small b { padding: 2px 8px; border-radius: 999px; background: var(--s-yellow); color: #3a2a00; font-weight: 800; }
.edu-mega__post strong { font-size: 15px; font-weight: 800; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color .15s ease; }
.edu-mega__post:hover strong { color: var(--s-accent); }
.edu-mega__post.edu-news__cat--blue   { --tone: #dfe9ff; --tone-ink: #1d4ed8; }
.edu-mega__post.edu-news__cat--rose   { --tone: #fde4ea; --tone-ink: #be123c; }
.edu-mega__post.edu-news__cat--mint   { --tone: #dcf5e7; --tone-ink: #15803d; }
.edu-mega__post.edu-news__cat--peach  { --tone: #feebd6; --tone-ink: #c2410c; }
.edu-mega__post.edu-news__cat--violet { --tone: #f3eefe; --tone-ink: #7c3aed; }
.edu-mega--nea .edu-mega__promo { min-height: 180px; }

/* Το panel του WoodMart γύρω από το mega menu */
.wd-dropdown-menu:has(.edu-mega) { border-radius: 0 0 20px 20px; box-shadow: 0 24px 48px rgba(15, 27, 61, .14); border-top: 1px solid #e6eaf3; }
.wd-dropdown-menu:has(.edu-mega) > .container { padding-top: 18px; padding-bottom: 22px; }
