/* ==========================================================================
   Thessaloniki Future – Προσαρμοσμένη οθόνη σύνδεσης (wp-login.php)
   Έμβλημα: Κεφαλή Μεγάλου Αλεξάνδρου
   Πύλη: https://opengov.thessaloniki.gr
   ========================================================================== */

body.login {
	background-color: #f4f7f9 !important;
	background-image: radial-gradient(at 50% 0%, rgba(25, 111, 143, 0.12) 0%, transparent 70%),
	                  linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%) !important;
	background-attachment: fixed !important;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	color: #17212e !important;
}

#login {
	width: 100% !important;
	max-width: 400px !important;
	padding: 48px 20px 32px !important;
	margin: 0 auto !important;
}

/* Λογότυπο / Κεφαλή Μεγάλου Αλεξάνδρου */
.login h1 {
	text-align: center !important;
	margin-bottom: 8px !important;
}

.login h1 a {
	background-image: url("brand/alexander.png") !important;
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	width: 88px !important;
	height: 88px !important;
	margin: 0 auto 10px !important;
	padding: 6px !important;
/*	background-color: #ffffff !important;*/
	border-radius: 50% !important;
/*	box-shadow: 0 4px 16px rgba(15, 84, 112, 0.15), 0 1px 3px rgba(15, 84, 112, 0.08) !important;
	border: 1px solid rgba(25, 111, 143, 0.18) !important;*/
	box-sizing: border-box !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.login h1 a:hover,
.login h1 a:focus {
	transform: scale(1.04) !important;
	box-shadow: 0 8px 22px rgba(15, 84, 112, 0.24) !important;
	border-color: #196f8f !important;
	outline: none !important;
}

.login h1::after {
	content: "ΔΗΜΟΣ ΘΕΣΣΑΛΟΝΙΚΗΣ";
	display: block;
	text-align: center;
	font-family: system-ui, -apple-system, sans-serif;
	font-size: 14.5px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #196f8f;
	margin-top: 10px;
	text-transform: uppercase;
}

/* Φόρμα σύνδεσης */
.login form {
	background: #ffffff !important;
	border: 1px solid #dce3eb !important;
	border-radius: 14px !important;
	box-shadow: 0 10px 28px rgba(16, 24, 40, 0.08), 0 2px 6px rgba(16, 24, 40, 0.03) !important;
	padding: 28px 28px 24px !important;
	margin-top: 14px !important;
}

/* Ετικέτες πεδίων */
.login label {
	font-family: inherit !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #334155 !important;
	line-height: 1.4 !important;
	margin-bottom: 6px !important;
}

/* Πεδία εισαγωγής */
.login form .input,
.login input[type="text"],
.login input[type="password"] {
	font-family: inherit !important;
	font-size: 15px !important;
	color: #17212e !important;
	background-color: #f8fafc !important;
	border: 1.5px solid #dce3eb !important;
	border-radius: 8px !important;
	padding: 10px 14px !important;
	line-height: 1.4 !important;
	box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.04) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	background-color: #ffffff !important;
	border-color: #196f8f !important;
	box-shadow: 0 0 0 3px rgba(25, 111, 143, 0.18) !important;
	outline: none !important;
}

/* Κουμπί εμφάνισης συνθηματικού */
.login .wp-pwd .button.wp-hide-pw {
	color: #556274 !important;
	border-radius: 6px !important;
}

.login .wp-pwd .button.wp-hide-pw:hover {
	color: #196f8f !important;
}

/* Checkbox «Να με θυμάσαι» */
.login .forgetmenot {
	margin-top: 6px !important;
	float: none !important;
}

.login .forgetmenot label {
	font-weight: 500 !important;
	color: #556274 !important;
	font-size: 13.5px !important;
	cursor: pointer !important;
}

.login input[type="checkbox"] {
	border-radius: 4px !important;
	border: 1.5px solid #b9c4d1 !important;
	cursor: pointer !important;
}

.login input[type="checkbox"]:checked {
	background-color: #196f8f !important;
	border-color: #196f8f !important;
}

.login input[type="checkbox"]:focus {
	border-color: #196f8f !important;
	box-shadow: 0 0 0 2px rgba(25, 111, 143, 0.2) !important;
}

/* Κύριο κουμπί υποβολής */
.login .button.button-primary {
	background: #196f8f !important;
	border: none !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 8px 24px !important;
	height: 42px !important;
	line-height: 26px !important;
	cursor: pointer !important;
	box-shadow: 0 2px 5px rgba(25, 111, 143, 0.28) !important;
	transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease !important;
	text-shadow: none !important;
	float: right !important;
}

.login .button.button-primary:hover,
.login .button.button-primary:focus {
	background: #0f5470 !important;
	box-shadow: 0 4px 12px rgba(25, 111, 143, 0.38) !important;
	outline: none !important;
}

.login .button.button-primary:active {
	transform: translateY(1px) !important;
}

/* Σύνδεσμοι κάτω από τη φόρμα */
.login #nav,
.login #backtoblog {
	font-family: inherit !important;
	text-align: center !important;
	padding: 12px 0 0 !important;
	margin: 0 !important;
	font-size: 13.5px !important;
}

.login #nav a,
.login #backtoblog a {
	color: #196f8f !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #0f5470 !important;
	text-decoration: underline !important;
}

/* Μηνύματα σφαλμάτων και ειδοποιήσεων */
.login #login_error,
.login .message,
.login .notice,
.login .success {
	font-family: inherit !important;
	border-radius: 8px !important;
	border-left-width: 4px !important;
	box-shadow: 0 2px 8px rgba(16, 24, 40, 0.05) !important;
	padding: 12px 14px !important;
	font-size: 13.5px !important;
	line-height: 1.5 !important;
	margin-bottom: 16px !important;
}

.login #login_error {
	border-left-color: #b42318 !important;
	background-color: #fdecea !important;
	color: #7a160e !important;
}

.login .message,
.login .notice.notice-info {
	border-left-color: #196f8f !important;
	background-color: #e5f0f4 !important;
	color: #0f5470 !important;
}

.login .notice.notice-success,
.login .success {
	border-left-color: #027a48 !important;
	background-color: #ecfdf3 !important;
	color: #027a48 !important;
}

/* Επιλογέας γλώσσας */
.login .language-switcher {
	margin-top: 18px !important;
	text-align: center !important;
}

.login .language-switcher select {
	font-family: inherit !important;
	border-radius: 8px !important;
	border-color: #dce3eb !important;
	font-size: 13px !important;
	padding: 5px 10px !important;
	color: #334155 !important;
	background-color: #ffffff !important;
}

/* Πολιτική απορρήτου */
.login .privacy-policy-page-link {
	text-align: center !important;
	margin-top: 14px !important;
}

.login .privacy-policy-page-link a {
	color: #64748b !important;
	font-size: 12.5px !important;
	text-decoration: none !important;
}

.login .privacy-policy-page-link a:hover {
	color: #196f8f !important;
	text-decoration: underline !important;
}

/* Reflow, field boundaries and visible keyboard focus (WCAG 2.2 AA). */
body.login #login { box-sizing: border-box; }
body.login .input, body.login input[type="text"], body.login input[type="password"], body.login input[type="checkbox"], body.login .language-switcher select { border-color: #73808c !important; }
body.login #login :focus-visible, body.login .language-switcher :focus-visible { outline: 3px solid #0f5470 !important; outline-offset: 3px !important; box-shadow: 0 0 0 6px #fff !important; }
body.login .button.button-primary { min-height: 42px !important; height: auto !important; white-space: normal; }
body.login .language-switcher form { box-sizing: border-box; max-width: 100%; }
body.login .language-switcher select { max-width: 100%; }
@media (prefers-reduced-motion: reduce) { body.login * { transition: none !important; } }