/* ==========================================================================
   A WordPress admin és a bejelentkező képernyő az iskola arculatában.

   CSAK SZÍNT ÉS BETŰT állít. Elrendezéshez, méretekhez, térközökhöz nem nyúl
   (kivéve a bejelentkező kártya lekerekítését) — azok a WordPress sajátjai,
   és minden frissítéssel változhatnak.

   Amihez szándékosan NEM nyúl:
   - az értesítések színei (piros/sárga/zöld): jelentést hordoznak;
   - a bővítmények saját felületei (Elementor, Yoast);
   - a blokkszerkesztő belseje (ott az editor.css dolgozik).

   KONTRASZT (WCAG 2.1 AA, 4,5:1) — minden szövegszín mérve a saját hátterén,
   az értékek a szabályok mellett.
   ========================================================================== */

@font-face {
	font-family: "Baloo 2";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/baloo2-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Baloo 2";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/baloo2-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Caveat";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/caveat-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Caveat";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/caveat-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--psa-tinta: #15204A;
	--psa-sotetkek: #1D3483;
	--psa-kek: #2166CF;
	--psa-kek-50: #EDF4FD;
	--psa-kek-100: #D6E6FA;
	--psa-halvany: #A9C4EE;
	--psa-arany: #DFCD68;
	--psa-piros: #BC1E1A;
	--psa-cim: "Baloo 2", system-ui, sans-serif;
	--psa-kezi: "Caveat", cursive;
}

/* ==========================================================================
   Oldalsáv menü
   ========================================================================== */
#adminmenu, #adminmenuback, #adminmenuwrap { background: var(--psa-tinta); }

/* #D6E6FA a #15204A-n: 12,4:1 */
#adminmenu a, #adminmenu div.wp-menu-image::before { color: var(--psa-kek-100); }
/* #A9C4EE a #15204A-n: 8,8:1 */
#adminmenu div.wp-menu-image::before { color: var(--psa-halvany); }

/* fehér a #1D3483-on: 11,2:1 */
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus { background: var(--psa-sotetkek); color: #fff; }
#adminmenu li.menu-top:hover div.wp-menu-image::before,
#adminmenu li.opensub > a.menu-top div.wp-menu-image::before,
#adminmenu li > a.menu-top:focus div.wp-menu-image::before { color: var(--psa-arany); }

/* aktív menüpont — fehér a #2166CF-en: 5,43:1 */
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
.folded #adminmenu li.current.menu-top { background: var(--psa-kek); color: #fff; }
#adminmenu li.wp-has-current-submenu div.wp-menu-image::before,
#adminmenu .current div.wp-menu-image::before { color: #fff; }
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu::after { border-right-color: #f0f0f1; }

/* almenü — #D6E6FA a #1D3483-on: 8,85:1; aktuális pont arany: 6,98:1 */
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu { background: var(--psa-sotetkek); }
#adminmenu .wp-submenu a { color: var(--psa-kek-100); }
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus { color: #fff; }
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover,
#adminmenu .wp-submenu li.current a:focus { color: var(--psa-arany); }
#adminmenu li.menu-top:hover .wp-submenu,
#adminmenu li.opensub .wp-submenu { background: var(--psa-sotetkek); }

#collapse-button { color: var(--psa-halvany); }
#collapse-button:hover, #collapse-button:focus { color: #fff; }

/* frissítésszámláló: tinta az aranyon, 9,77:1 */
#adminmenu .awaiting-mod, #adminmenu .update-plugins { background: var(--psa-arany); color: var(--psa-tinta); }

/* ==========================================================================
   Felső admin sáv
   ========================================================================== */
#wpadminbar { background: var(--psa-tinta); }
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon, #wpadminbar .ab-icon::before, #wpadminbar .ab-item::before { color: var(--psa-kek-100); }
#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar .ab-top-menu > li.hover > .ab-item { background: var(--psa-sotetkek); color: #fff; }
#wpadminbar .menupop .ab-sub-wrapper { background: var(--psa-sotetkek); }
#wpadminbar .quicklinks .menupop ul li a { color: var(--psa-kek-100); }
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:focus { color: var(--psa-arany); }

/* ==========================================================================
   Gombok, linkek, fókusz
   ========================================================================== */
/* fehér a #2166CF-en: 5,43:1 */
.wp-core-ui .button-primary { background: var(--psa-kek); border-color: var(--psa-kek); color: #fff; }
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { background: var(--psa-sotetkek); border-color: var(--psa-sotetkek); color: #fff; }
.wp-core-ui .button-primary:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--psa-kek); }
.wp-core-ui .button-secondary:not(.button-primary),
.wp-core-ui .button:not(.button-primary) { color: var(--psa-kek); border-color: var(--psa-kek); }
.wp-core-ui .button-secondary:not(.button-primary):hover,
.wp-core-ui .button:not(.button-primary):hover { color: var(--psa-sotetkek); border-color: var(--psa-sotetkek); background: var(--psa-kek-50); }

/* link: #2166CF fehéren 5,43:1, a WP #F0F0F1 hátterén 4,77:1 */
#wpbody-content a:not(.button):not(.page-title-action) { color: var(--psa-kek); }
#wpbody-content a:not(.button):not(.page-title-action):hover { color: var(--psa-sotetkek); }
.wrap .page-title-action { color: var(--psa-kek); border-color: var(--psa-kek); }
.wrap .page-title-action:hover { background: var(--psa-kek-50); color: var(--psa-sotetkek); border-color: var(--psa-sotetkek); }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus,
input[type="number"]:focus, input[type="search"]:focus, input[type="date"]:focus, input[type="checkbox"]:focus,
input[type="radio"]:focus, textarea:focus, select:focus {
	border-color: var(--psa-kek); box-shadow: 0 0 0 1px var(--psa-kek);
}
input[type="checkbox"]:checked::before { content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%232166CF%27%2F%3E%3C%2Fsvg%3E"); }
input[type="radio"]:checked::before { background-color: var(--psa-kek); }

/* ==========================================================================
   Címsorok — a téma címsorbetűje (#1D3483 a #F0F0F1-en: 9,85:1)
   ========================================================================== */
.wrap h1, .wrap h1.wp-heading-inline { font-family: var(--psa-cim); font-weight: 800; color: var(--psa-sotetkek); letter-spacing: -.01em; }
.postbox .hndle, .postbox h2.hndle { font-family: var(--psa-cim); font-weight: 700; color: var(--psa-sotetkek); }
.tablenav .tablenav-pages .current { border-color: var(--psa-kek); }

/* A téma saját képernyői (Iskola → Áttekintés, átvitel) */
.psa-kartyak { display: flex; flex-wrap: wrap; gap: 16px; max-width: 900px; }
.psa-kartyak .card { margin: 0; flex: 1 1 340px; max-width: 440px; border-top: 4px solid var(--psa-kek); }
.psa-kartyak .card h3 { margin-top: 0; font-family: var(--psa-cim); color: var(--psa-sotetkek); }
.psa-ellenorzes summary { cursor: pointer; font-weight: 600; padding: .4em 0; }

/* ==========================================================================
   Bejelentkező képernyő
   ========================================================================== */
body.login {
	background-color: var(--psa-kek-50);
	background-image: radial-gradient(var(--psa-kek-100) 2px, transparent 2.5px);
	background-size: 26px 26px;
	color: var(--psa-tinta);
}
body.login h1 a {
	background-image: var(--psa-cimer);
	background-size: cover;
	width: 96px; height: 96px;
	border-radius: 50%;
	box-shadow: 0 0 0 5px #fff, 0 0 0 9px var(--psa-arany), 0 12px 24px rgba(21, 32, 74, .18);
	margin-bottom: 26px;
}
.psa-login-fej { text-align: center; margin: 0 0 18px; }
/* #1D3483 a #EDF4FD-n: 10,1:1 */
.psa-login-fej__nev { display: block; font-family: var(--psa-cim); font-weight: 800; font-size: 22px; line-height: 1.15; color: var(--psa-sotetkek); }
/* #BC1E1A a #EDF4FD-n: 5,68:1 */
.psa-login-fej__alcim { display: block; margin-top: 4px; font-family: var(--psa-kezi); font-weight: 700; font-size: 22px; color: var(--psa-piros); }
body.login form { border: 0; border-radius: 24px; box-shadow: 0 10px 30px rgba(21, 32, 74, .10); }
body.login input[type="text"], body.login input[type="password"], body.login input[type="email"] { border-radius: 12px; }
body.login .button-primary {
	border-radius: 999px; font-family: var(--psa-cim); font-weight: 700; font-size: 15px;
	box-shadow: 0 4px 0 var(--psa-sotetkek); padding-inline: 18px;
}
body.login .button-primary:hover { box-shadow: 0 5px 0 var(--psa-tinta); }
body.login .button.wp-hide-pw { color: var(--psa-kek); }
body.login .button.wp-hide-pw:focus { border-color: var(--psa-kek); box-shadow: 0 0 0 1px var(--psa-kek); }
/* #1D3483 a #EDF4FD-n: 10,1:1 */
body.login #nav a, body.login #backtoblog a, body.login .privacy-policy-page-link a { color: var(--psa-sotetkek); font-weight: 600; }
body.login #nav a:hover, body.login #backtoblog a:hover { color: var(--psa-kek); }
body.login .message, body.login .notice { border-left-color: var(--psa-kek); border-radius: 12px; }
body.login #login_error { border-radius: 12px; }