/*
 * Aperina admin branding — Lahzeh in the dashboard, block editor interface, toolbar and login screen,
 * and the Aperina logos. Loaded on admin screens, the login screen, and the site when the toolbar shows.
 * Colours live in admin-colors.css (the «اپرینا» colour scheme).
 */

@font-face { font-family: "Lahzeh"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/lahzeh/Lahzeh-Regular.woff2") format("woff2"); }
@font-face { font-family: "Lahzeh"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/lahzeh/Lahzeh-Medium.woff2") format("woff2"); }
@font-face { font-family: "Lahzeh"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/lahzeh/Lahzeh-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Lahzeh"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/lahzeh/Lahzeh-Bold.woff2") format("woff2"); }

/* ---------- Font ---------- */
/* Icon fonts set their family on ::before pseudo-elements, which these selectors do not touch.
   Code, keyboard input and code editors keep a monospace font. */
body.wp-admin,
body.login,
body.wp-admin :where(*):not(.dashicons, [class*="dashicons-"], .ab-icon, code, pre, kbd, samp, .code, .CodeMirror, .CodeMirror *, .wp-editor-area),
body.login :where(*):not(.dashicons, [class*="dashicons-"], code),
#wpadminbar,
#wpadminbar :where(*):not(.ab-icon, .dashicons, [class*="dashicons-"]) {
  font-family: Lahzeh, Tahoma, "Segoe UI", sans-serif !important;
}
body.wp-admin :is(code, pre, kbd, samp, .code) { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; }

/* ---------- Login screen ---------- */
body.login { background: #EFE9E1; color: #322D29; }
body.login h1 a {
  width: 200px; height: 162px; margin-block-end: 20px;
  background: url("../brand/aperina-logo-wine.svg") center / contain no-repeat;
}
body.login form {
  background: #F7F3EE; border: 1px solid #D1C7BD; border-radius: 12px;
  box-shadow: 0 14px 32px -14px rgb(50 45 41 / 0.28);
}
body.login label { color: #322D29; font-size: 14px; font-weight: 500; }
body.login input[type="text"], body.login input[type="password"], body.login input[type="email"] {
  min-height: 44px; border: 1px solid #8A7E73; border-radius: 8px; background: #F7F3EE; color: #322D29; box-shadow: none;
}
body.login input[type="text"]:focus, body.login input[type="password"]:focus, body.login input[type="email"]:focus {
  border-color: #322D29; box-shadow: 0 0 0 3px rgb(114 56 61 / 0.22); outline: none;
}
body.login .button-primary {
  min-height: 44px; padding-inline: 22px; border: 0; border-radius: 14px;
  background: #72383D; color: #EFE9E1; font-weight: 500; text-shadow: none; box-shadow: none;
}
body.login .button-primary:hover, body.login .button-primary:focus { background: #5A2B30; color: #EFE9E1; }
body.login .button-primary:focus { box-shadow: 0 0 0 2px #EFE9E1, 0 0 0 4px #72383D; }
body.login .button.wp-hide-pw .dashicons { color: #72383D; }
body.login input[type="checkbox"]:checked::before { filter: hue-rotate(0deg); }
body.login #nav a, body.login #backtoblog a, body.login .privacy-policy-page-link a { color: #6B6159; }
body.login #nav a:hover, body.login #backtoblog a:hover { color: #72383D; }
body.login .message, body.login .notice, body.login #login_error { border-radius: 8px; background: #F7F3EE; }
body.login .language-switcher { display: none; }