/*
 * کشتی دانش dashboard and login skin. Loaded on admin and login pages by
 * includes/modules/admin-branding.php. Logo files: kd-logo.svg, kd-icon.svg.
 * Palette: deep blue #0d3358, darker #0a2745, hover #12406b, accent #38bdf8.
 */

:root {
  --kd-deep: #0d3358;
  --kd-deeper: #0a2745;
  --kd-hover: #12406b;
  --kd-accent: #38bdf8;
  --kd-text-on-deep: #e6f1fa;
  --kd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Tahoma, sans-serif;
}
/* WordPress 6.x+ reads its accent from these variables (buttons, focus rings, links in the editor).
   Set on body.wp-admin as well, so the colour scheme stylesheet cannot win by loading later. */
:root,
html body.wp-admin {
  --wp-admin-theme-color: #0b6fa8;
  --wp-admin-theme-color--rgb: 11, 111, 168;
  --wp-admin-theme-color-darker-10: #095d8c;
  --wp-admin-theme-color-darker-10--rgb: 9, 93, 140;
  --wp-admin-theme-color-darker-20: #074a70;
  --wp-admin-theme-color-darker-20--rgb: 7, 74, 112;
}

/* ---- Dashboard: side menu ---- */
/* Entries left out of the simple menu; they stay in the list so their screens keep working by URL. */
#adminmenu li.kd-menu-hidden {
  display: none;
}
/* A menu with nothing left to list needs no fly-out or sub list. */
#adminmenu .wp-submenu:not(:has(li:not(.wp-submenu-head):not(.kd-menu-hidden))) {
  display: none !important;
}

#adminmenuback,
#adminmenuwrap,
#adminmenu {
  background: var(--kd-deep);
}
#adminmenu a,
#adminmenu div.wp-menu-image:before {
  color: var(--kd-text-on-deep);
}
#adminmenu div.wp-menu-image:before {
  color: #9fd8f7;
}
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
  background: var(--kd-hover);
  color: #fff;
}
#adminmenu li.menu-top:hover div.wp-menu-image:before,
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
  color: #fff;
}
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.wp-has-current-submenu.opensub a.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top {
  background: var(--kd-accent);
  color: var(--kd-deep);
  font-weight: 600;
}
#adminmenu li.current a.menu-top div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu li.current a.menu-top .wp-menu-name {
  color: var(--kd-deep);
}
#adminmenu .wp-submenu,
#adminmenu li.wp-has-current-submenu .wp-submenu,
#adminmenu li.menu-top:not(.wp-has-current-submenu) .wp-submenu {
  background: var(--kd-deeper);
}
#adminmenu .wp-submenu a,
#adminmenu .wp-submenu .wp-submenu-head {
  color: #c5def0;
}
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus {
  color: #fff;
  background: var(--kd-hover);
}
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover {
  color: #fff;
  font-weight: 600;
}
#adminmenu .awaiting-mod,
#adminmenu .update-plugins,
#adminmenu li.current a .awaiting-mod,
#adminmenu li a.wp-has-current-submenu .update-plugins {
  background: #e11d48;
  color: #fff;
}
#adminmenu li.wp-menu-separator .separator {
  background: rgba(255, 255, 255, 0.12);
}
#collapse-button,
#collapse-button .collapse-button-icon:after {
  color: #9fd8f7;
}
#collapse-button:hover,
#collapse-button:focus {
  color: #fff;
}
ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu > li.current > a.current:after {
  border-right-color: #f0f0f1;
}
.rtl ul#adminmenu a.wp-has-current-submenu:after,
.rtl ul#adminmenu > li.current > a.current:after {
  border-left-color: #f0f0f1;
  border-right-color: transparent;
}

/* ---- Dashboard and front: top bar ---- */
#wpadminbar {
  background: var(--kd-deep);
}
#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
  color: var(--kd-text-on-deep);
}
#wpadminbar .ab-icon,
#wpadminbar .ab-item:before,
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
#wpadminbar .ab-icon:before {
  color: #9fd8f7;
}
#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
  background: var(--kd-deeper);
}
#wpadminbar .ab-submenu .ab-item,
#wpadminbar .quicklinks .menupop ul li a {
  color: #c5def0;
}
#wpadminbar .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar .menupop .ab-sub-wrapper .ab-item:hover,
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:focus {
  background: var(--kd-hover);
  color: #fff;
}
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
  margin-inline-start: 0;
}
/* The site-name item carries the logo mark. */
body #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
  content: "" !important;
  display: inline-block !important;
  width: 20px;
  height: 20px;
  top: 0;
  margin-top: 6px;
  background: url(kd-logo.svg) center / contain no-repeat !important;
  font-family: inherit;
}

/* ---- Accent touches that do not need to fight WooCommerce or the block editor ---- */
.wp-core-ui .button-primary {
  background: var(--wp-admin-theme-color);
  border-color: var(--wp-admin-theme-color);
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
  background: var(--wp-admin-theme-color-darker-10);
  border-color: var(--wp-admin-theme-color-darker-10);
}

/* ---- Home widget ---- */
.kd-glance {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.kd-glance-tile {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #eef7fd;
  color: var(--kd-deep);
  text-decoration: none;
  border: 1px solid #cfe6f5;
}
.kd-glance-tile strong {
  font-size: 28px;
  line-height: 1.1;
}
.kd-glance-tile span {
  font-size: 13px;
  color: #35546f;
}
.kd-glance-tile:hover,
.kd-glance-tile:focus {
  border-color: var(--kd-accent);
  color: var(--kd-deep);
}
.kd-glance-tile.is-alert {
  background: #fff4e5;
  border-color: #f5c07a;
}
.kd-glance-links .button {
  margin: 0 0 6px 6px;
  border-radius: 999px;
}
.rtl .kd-glance-links .button {
  margin: 0 0 6px 0;
  margin-inline-end: 6px;
}

/* ---- Login screen ---- */
body.login {
  background: var(--kd-deep);
  font-family: var(--kd-font);
}
.login h1 a {
  width: 96px;
  height: 96px;
  margin-bottom: 8px;
  background: url(kd-logo.svg) center / contain no-repeat;
}
.login h1:after {
  content: "کشتی دانش";
  display: block;
  margin-bottom: 22px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.login form {
  border: 0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.login label {
  color: #232532;
}
.login form .input,
.login input[type="text"],
.login input[type="password"] {
  border-radius: 12px;
  border-color: #b8c4d0;
  color: #232532;
}
.login form .input:focus {
  border-color: var(--kd-accent);
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.45);
}
.login .button-primary,
.login .button.button-primary {
  background: var(--kd-accent);
  border-color: var(--kd-accent);
  color: var(--kd-deep);
  font-weight: 700;
  border-radius: 999px;
  min-height: 40px;
  padding: 0 24px;
  text-shadow: none;
  box-shadow: none;
}
.login .button-primary:hover,
.login .button-primary:focus {
  background: #7dd3fc;
  border-color: #7dd3fc;
  color: var(--kd-deep);
}
.login .message,
.login .success,
.login #login_error {
  border-radius: 12px;
  color: #232532;
}
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
  color: #cfe9f9;
}
.login #nav a:hover,
.login #nav a:focus {
  color: #fff;
}
.login #backtoblog {
  display: none;
}
.login .language-switcher {
  display: none;
}
.login .wp-pwd .button.wp-hide-pw {
  color: #35546f;
}