/* =========================================================
   EURODIB Login — WOW Strapi-like
   File: wp-content/mu-plugins/eurodib-login-skin.css
   ========================================================= */

:root{
  --ed-bg: #070B14;
  --ed-bg2:#0A1020;
  --ed-text: rgba(245,248,255,.92);
  --ed-muted: rgba(245,248,255,.65);
  --ed-border: rgba(255,255,255,.12);

  --ed-accent: #00D48A;
  --ed-accent2:#2DD4BF;

  --ed-radius: 18px;
  --ed-shadow: 0 22px 70px rgba(0,0,0,.55);

  --ed-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

body.login{
  font-family: var(--ed-font) !important;
  background:
    radial-gradient(1200px 800px at 18% 10%, rgba(0,212,138,.16), transparent 55%),
    radial-gradient(900px 650px at 82% 0%, rgba(45,212,191,.12), transparent 55%),
    radial-gradient(900px 650px at 50% 100%, rgba(99,102,241,.10), transparent 55%),
    linear-gradient(180deg, var(--ed-bg), var(--ed-bg2)) !important;
  color: var(--ed-text) !important;
}

/* Центровка + “приложение” */
body.login #login{
  width: 420px;
  padding: 0;
}

body.login #loginform{
  background: rgba(18, 28, 55, .78) !important;
  border: 1px solid var(--ed-border) !important;
  border-radius: var(--ed-radius) !important;
  box-shadow: var(--ed-shadow) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 26px 26px 22px !important;
}

/* Лого — делаем “продуктовым”, не WP */
body.login h1 a{
  width: 220px !important;
  height: 56px !important;
  background-image: none !important;
  background: linear-gradient(135deg, rgba(0,212,138,.18), rgba(45,212,191,.10)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 46px rgba(0,0,0,.35) !important;
  display: grid !important;
  place-items: center !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Текст внутри “лого” */
body.login h1 a:before{
  content: "EURODIB PANEL";
  letter-spacing: .8px;
  font-weight: 900;
  color: rgba(245,248,255,.92);
  font-size: 14px;
}

body.login h1{
  margin: 0 0 18px !important;
}

/* Лейблы */
body.login label{
  color: rgba(245,248,255,.78) !important;
  font-weight: 750 !important;
}

/* Inputs */
body.login input[type="text"],
body.login input[type="password"]{
  background: rgba(7,11,20,.55) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 14px !important;
  color: var(--ed-text) !important;
  padding: 12px 12px !important;
  box-shadow: none !important;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus{
  border-color: rgba(0,212,138,.55) !important;
  outline: none !important;
  box-shadow: 0 0 0 5px rgba(0,212,138,.16) !important;
}

/* Remember me */
body.login .forgetmenot label{
  color: rgba(245,248,255,.72) !important;
}

/* Button */
body.login .button-primary{
  width: 100% !important;
  background: linear-gradient(135deg, var(--ed-accent), var(--ed-accent2)) !important;
  border: 0 !important;
  border-radius: 14px !important;
  color: #041015 !important;
  font-weight: 950 !important;
  padding: 12px 16px !important;
  text-shadow: none !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.32) !important;
}

body.login .button-primary:hover{
  filter: brightness(1.05);
}

/* Сообщения */
body.login .message,
body.login #login_error,
body.login .success{
  background: rgba(18, 28, 55, .78) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-left: 4px solid var(--ed-accent) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.28) !important;
  color: var(--ed-text) !important;
}

/* Убираем WP-ссылки снизу */
body.login #nav,
body.login #backtoblog{
  display: none !important;
}

/* Убираем “Powered by WordPress” / privacy links если появляются */
body.login .privacy-policy-page-link{
  display: none !important;
}

/* Небольшой “subtitle” под формой (если хотите) */
body.login #loginform:after{
  content: "Secure access for authorized staff only";
  display: block;
  margin-top: 14px;
  color: rgba(245,248,255,.55);
  font-weight: 650;
  font-size: 12px;
  text-align: center;
}