/* EDU Programs – υπολογιστής μορίων. Πάνω στα tokens του edu-front.css και στα components του edu-quiz.css. */

.edu-moria { --m-green: #1f9d55; --m-amber: #b7791f; --m-grey: #6b7280; --m-red: #c2410c; }
.edu-m-card h2 { font-size: 20px; margin: 0 0 14px; }
.edu-m-card h2 small { font-size: 14px; font-weight: 600; color: var(--edu-muted); }
.edu-m-h2 { margin-top: 28px !important; }
.edu-m-fields { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.edu-m-grades { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.edu-m-spform { margin-top: 20px; border-top: 1px solid var(--edu-line); padding-top: 14px; }
.edu-m-spform summary { cursor: pointer; font-weight: 800; color: var(--edu-navy); }
.edu-m-spform summary small { font-weight: 400; color: var(--edu-muted); }
.edu-m-spform .edu-m-grades { margin-top: 12px; }
.edu-m-grade { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.edu-m-grade span { font-size: 13px; font-weight: 700; color: var(--edu-muted); line-height: 1.3; min-height: 2.6em; }
.edu-root .edu-m-grade input {
	height: 54px; border-radius: 14px; border: 2px solid var(--edu-line); padding: 0 14px; font-size: 22px; font-weight: 800;
	color: var(--edu-navy); text-align: center; background: #fff; box-shadow: none; margin: 0;
}
.edu-root .edu-m-grade input:focus { border-color: var(--edu-navy); outline: 0; }
.edu-root .edu-m-grade input.is-bad { border-color: var(--m-red); background: #fff5f0; }

.edu-m-summary { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.edu-m-summary:empty { display: none; }
.edu-m-summary > div { background: var(--edu-lav-soft); border-radius: 16px; padding: 12px 18px; display: flex; flex-direction: column; min-width: 150px; }
.edu-m-summary span { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--edu-muted); }
.edu-m-summary strong { font-size: 24px; font-weight: 800; color: var(--edu-navy); }
.edu-m-summary em { font-style: normal; font-size: 12.5px; color: var(--edu-muted); }

.edu-m-results { max-width: 1000px; margin: 24px auto 0; }
.edu-m-wait { text-align: center; color: var(--edu-muted); font-weight: 600; margin: 24px 0 !important; }
.edu-m-bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.edu-m-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.edu-root .edu-m-chip {
	border: 2px solid var(--edu-line); background: #fff; color: var(--edu-navy) !important; border-radius: 999px; padding: 7px 14px; margin: 0;
	font: 700 13.5px/1.2 inherit; font-family: inherit; cursor: pointer; text-transform: none; letter-spacing: 0; min-height: 0; box-shadow: none;
}
.edu-root .edu-m-chip b { opacity: .6; margin-left: 4px; }
.edu-root .edu-m-chip.is-on { background: var(--edu-navy); border-color: var(--edu-navy); color: #fff !important; }
.edu-m-tools { display: flex; gap: 8px; flex-wrap: wrap; }
.edu-root .edu-m-tools input, .edu-root .edu-m-tools select {
	height: 42px; border-radius: 12px; border: 2px solid var(--edu-line); padding: 0 12px; font-size: 14px; background-color: #fff; margin: 0; box-shadow: none;
	color: var(--edu-ink) !important; opacity: 1;
}
/* το edu-front.css σχεδιάζει τα select για σκούρο φόντο (με !important)· εδώ είμαστε σε ανοιχτό */
.edu-root .edu-m-tools select {
	width: auto; max-width: 100%; height: 42px; border: 2px solid var(--edu-line) !important; border-radius: 12px !important;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%230b1f4d' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center !important;
	color: var(--edu-ink) !important; padding: 0 34px 0 12px !important;
}
.edu-root .edu-m-tools input { min-width: 220px; }

.edu-m-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.edu-m-row {
	display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 0; background: #fff; border-radius: 18px;
	padding: 16px 20px; border-left: 6px solid var(--m-grey); box-shadow: 0 4px 18px rgba(11, 31, 77, .06);
}
.edu-m-row.is-above { border-left-color: var(--m-green); }
.edu-m-row.is-near { border-left-color: var(--m-amber); }
.edu-m-row.is-below { border-left-color: var(--m-grey); }
.edu-m-row.is-ebe { border-left-color: var(--m-red); opacity: .8; }
.edu-m-main { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.edu-m-main strong { font-size: 15.5px; color: var(--edu-navy); line-height: 1.3; }
.edu-m-main a { color: var(--edu-navy); text-decoration: none; }
.edu-m-main a:hover { text-decoration: underline; }
.edu-m-main small { font-size: 13px; color: var(--edu-muted); }
.edu-m-nums { display: flex; align-items: center; gap: 18px; flex: none; }
.edu-m-moria { display: flex; flex-direction: column; align-items: flex-end; }
.edu-m-moria span { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--edu-muted); }
.edu-m-moria strong { font-size: 22px; font-weight: 800; color: var(--edu-navy); }
.edu-m-base { font-size: 13px; color: #333b52; text-align: right; min-width: 170px; line-height: 1.5; }
.edu-m-diff { font-weight: 700; }
.edu-m-ebe { font-size: 12.5px; font-weight: 700; color: var(--m-green); }
.edu-m-ebe.is-fail { color: var(--m-red); }
.edu-m-zone { font-size: 12px; font-weight: 800; padding: 6px 10px; border-radius: 999px; white-space: nowrap; background: #eef0f5; color: var(--m-grey); width: 128px; text-align: center; }
.is-above .edu-m-zone { background: #e5f5ec; color: var(--m-green); }
.is-near .edu-m-zone { background: #fdf3e2; color: var(--m-amber); }
.is-ebe .edu-m-zone { background: #fdece4; color: var(--m-red); }
.edu-m-empty { background: #fff; border-radius: 18px; padding: 24px; text-align: center; color: var(--edu-muted); }

.edu-m-special, .edu-m-how { background: #fff; border-radius: 18px; padding: 16px 20px; margin-top: 16px; box-shadow: 0 4px 18px rgba(11, 31, 77, .06); }
.edu-m-special summary, .edu-m-how summary { cursor: pointer; font-weight: 800; color: var(--edu-navy); }
.edu-m-special ul { list-style: none; margin: 12px 0 0; padding: 0; }
.edu-m-special li { padding: 8px 0; border-top: 1px solid var(--edu-line); margin: 0; font-size: 14.5px; }
.edu-m-special li span { color: var(--edu-muted); font-size: 13px; }
.edu-m-how p { font-size: 14.5px; color: #333b52; margin: 12px 0 0 !important; }

@media (max-width: 860px) {
	.edu-m-fields, .edu-m-grades { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.edu-m-row { flex-direction: column; align-items: stretch; }
	.edu-m-nums { justify-content: space-between; flex-wrap: wrap; gap: 10px; }
	.edu-m-moria { align-items: flex-start; }
	.edu-m-base { text-align: left; min-width: 0; }
	.edu-root .edu-m-tools input { min-width: 0; flex: 1; }
	.edu-m-tools { width: 100%; }
}
@media (max-width: 480px) {
	.edu-m-fields { grid-template-columns: 1fr; }
	.edu-m-zone { width: auto; }
}

/* Σελίδα 10% ([edu_moria mode="10"]): στατικό κείμενο και σύνδεσμος προς την άλλη σελίδα */
.edu-moria__info { background: #fff; border-radius: 18px; padding: 20px 24px; margin-top: 20px; box-shadow: 0 4px 18px rgba(11, 31, 77, .06); color: var(--edu-ink); }
.edu-moria__info h2 { font-size: 20px; font-weight: 800; color: var(--edu-navy); margin: 0 0 10px; }
.edu-moria__info p, .edu-moria__info li { font-size: 15px; line-height: 1.55; }
.edu-moria__info ul { margin: 10px 0 12px; padding-left: 20px; }
.edu-moria__info li { margin: 0 0 8px; }
.edu-moria__info strong { color: var(--edu-navy); }
.edu-moria__other { margin: 18px 0 0 !important; font-weight: 700; }
.edu-moria__other a { color: var(--edu-navy); }
@media (max-width: 600px) { .edu-moria__info { padding: 16px; } }

/* Εργαλείο «Μόρια 10%»: ετικέτα στο hero και θέσεις ανά τμήμα */
.edu-moria__badge { display: inline-block; margin: 0 0 14px; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .35); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.edu-m-seats { font-weight: 700; color: var(--edu-navy); }
