/* Dapur Admin: halaman login. Tiga tata letak: split, card, dark. Variabel warna ditulis inline oleh plugin. */
body.login.dapur-login { margin: 0; background: var(--da-bg); color: #101828; font-family: "Geist", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
body.login.dapur-login #login { box-sizing: border-box; }
body.login.dapur-login #login h1 { margin: 0 0 20px; text-align: left; }
body.login.dapur-login #login h1 a { display: block; width: auto; height: auto; margin: 0; background: none; text-indent: 0; overflow: visible; font-size: 24px; font-weight: 800; line-height: 1.2; color: #101828; text-decoration: none; letter-spacing: -.01em; box-shadow: none; }
body.login.dapur-login form { margin: 0 0 16px; padding: 0; background: transparent; border: 0; box-shadow: none; overflow: visible; }
body.login.dapur-login label { font-size: 14px; font-weight: 700; color: #101828; }
body.login.dapur-login form .input,
body.login.dapur-login input[type="text"],
body.login.dapur-login input[type="password"],
body.login.dapur-login input[type="email"] { min-height: 46px; padding: 8px 14px; font-size: 15px; border: 1px solid #d0d5dd; border-radius: 10px; background: #fff; color: #101828; box-shadow: none; margin: 6px 0 14px; width: 100%; }
body.login.dapur-login input:focus { border-color: var(--da-accent); box-shadow: 0 0 0 3px var(--da-accent-soft); outline: 0; }
body.login.dapur-login .user-pass-wrap, body.login.dapur-login .wp-pwd { position: relative; }
body.login.dapur-login .button.wp-hide-pw { position: absolute; right: 2px; top: 6px; height: 46px; color: #667085; background: transparent; box-shadow: none; }
body.login.dapur-login .button.wp-hide-pw:hover { color: var(--da-accent); background: transparent; }
body.login.dapur-login .forgetmenot { float: none; margin: 0 0 16px; font-size: 14px; color: #667085; }
body.login.dapur-login input[type="checkbox"] { min-height: 0; width: 16px; height: 16px; margin: 0 6px 0 0; border-radius: 4px; }
body.login.dapur-login p.submit { margin: 0; }
body.login.dapur-login .button-primary,
body.login.dapur-login .wp-core-ui .button-primary { float: none; width: 100%; min-height: 46px; border: 0; border-radius: 10px; background: var(--da-accent); color: #fff; font-size: 15px; font-weight: 700; text-shadow: none; box-shadow: none; }
body.login.dapur-login .button-primary:hover,
body.login.dapur-login .button-primary:focus { background: var(--da-accent-dark); color: #fff; }
body.login.dapur-login #nav, body.login.dapur-login #backtoblog { margin: 0 0 10px; padding: 0; font-size: 14px; font-weight: 600; }
body.login.dapur-login #nav a, body.login.dapur-login #backtoblog a { color: var(--da-accent); text-decoration: none; }
body.login.dapur-login #nav a:hover, body.login.dapur-login #backtoblog a:hover { color: var(--da-accent-dark); text-decoration: underline; }
body.login.dapur-login #login_error, body.login.dapur-login .message, body.login.dapur-login .success, body.login.dapur-login .notice { margin: 0 0 18px; padding: 14px 16px; border: 0; border-radius: 10px; box-shadow: none; font-size: 14px; line-height: 1.5; }
body.login.dapur-login .message { background: var(--da-accent-soft); color: #101828; }
body.login.dapur-login .success { background: #e6f6ee; color: #067647; }
body.login.dapur-login #login_error { background: #fef3f2; color: #b42318; }
body.login.dapur-login #login_error a, body.login.dapur-login .message a { color: inherit; font-weight: 700; }
body.login.dapur-login #pass-strength-result { border-radius: 8px; margin: 0 0 14px; font-size: 13px; }
body.login.dapur-login .indicator-hint, body.login.dapur-login .description { font-size: 13px; color: #667085; }
body.login.dapur-login .language-switcher { margin: 0; padding: 12px 0 0; }
body.login.dapur-login.da-no-lang .language-switcher { display: none !important; }
body.login.dapur-login .privacy-policy-page-link { margin: 0; padding: 12px 0 0; text-align: left; }
body.login.dapur-login.da-no-remember .forgetmenot { display: none; }
body.login.dapur-login.da-no-pw .button.wp-hide-pw { display: none; }
body.login.dapur-login.da-no-back #backtoblog { display: none; }
body.login.dapur-login .da-lead h2 { margin: 0 0 6px; font-size: 24px; line-height: 1.2; letter-spacing: -.02em; font-weight: 800; color: inherit; }
body.login.dapur-login .da-lead p { margin: 0 0 22px; font-size: 15px; line-height: 1.55; color: #667085; }

/* Latar */
body.login.dapur-bg-dots { background-image: radial-gradient(rgba(16, 24, 40, .13) 1px, transparent 1px); background-size: 22px 22px; }
body.login.dapur-bg-grid { background-image: linear-gradient(rgba(16, 24, 40, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 24, 40, .06) 1px, transparent 1px); background-size: 40px 40px; }
body.login.dapur-bg-image:not(.dapur-login--split) { background-image: var(--da-bgimg); background-size: cover; background-position: center; background-attachment: fixed; }

/* A. Split */
body.login.dapur-login--split { display: flex; min-height: 100vh; }
body.login.dapur-login--split .da-art { flex: 1 1 46%; background: var(--da-side); color: var(--da-side-strong); padding: 56px; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; }
body.login.dapur-login--split.dapur-bg-dots .da-art { background-image: radial-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px); background-size: 22px 22px; }
body.login.dapur-login--split.dapur-bg-grid .da-art { background-image: linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px); background-size: 40px 40px; }
body.login.dapur-login--split.dapur-bg-image .da-art { background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .65)), var(--da-bgimg); background-size: cover; background-position: center; }
body.login.dapur-login--split.dapur-bg-dots, body.login.dapur-login--split.dapur-bg-grid { background-image: none; }
body.login.dapur-login--split .da-art__brand { font-size: 22px; font-weight: 800; letter-spacing: .02em; }
/* Layout Split: judul teks, tanpa logo. Logo bawaan tema atau plugin login lain (sering ber-!important) diabaikan. */
body.login.dapur-login--split #login h1 a, body.login.dapur-login--split #login .wp-login-logo a { pointer-events: none; background: none !important; background-image: none !important; width: auto !important; height: auto !important; min-height: 0 !important; text-indent: 0 !important; overflow: visible !important; }
body.login.dapur-login--split #login h1 a::before, body.login.dapur-login--split #login h1 a::after { content: none !important; }
body.login.dapur-login--split .da-art h2 { margin: 0 0 14px; font-size: 40px; line-height: 1.15; letter-spacing: -.02em; font-weight: 800; max-width: 14ch; color: inherit; }
body.login.dapur-login--split .da-art p { margin: 0; max-width: 36ch; font-size: 16px; line-height: 1.6; opacity: .72; color: inherit; }
body.login.dapur-login--split .da-art small { opacity: .55; }
body.login.dapur-login--split #login { flex: 1 1 54%; width: auto; max-width: none; margin: 0; padding: 48px 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
body.login.dapur-login--split #login > * { width: 100%; max-width: 380px; box-sizing: border-box; }

/* B. Card */
body.login.dapur-login--card { display: block; min-height: 100vh; }
body.login.dapur-login--card #login { width: 100%; max-width: 440px; margin: 0 auto; padding: 9vh 20px 40px; }
body.login.dapur-login--card #login h1 { text-align: center; margin-bottom: 18px; }
body.login.dapur-login--card #login h1 a { text-align: center; }
body.login.dapur-login--card .da-lead { text-align: center; }
body.login.dapur-login--card #loginform, body.login.dapur-login--card #lostpasswordform, body.login.dapur-login--card #resetpassform, body.login.dapur-login--card #registerform { background: #fff; border: 1px solid #eaecf0; border-radius: 16px; padding: 28px; margin-bottom: 18px; }
body.login.dapur-login--card #nav, body.login.dapur-login--card #backtoblog, body.login.dapur-login--card .privacy-policy-page-link { text-align: center; }

/* C. Dark */
body.login.dapur-login--dark { display: block; min-height: 100vh; background-color: var(--da-dark); color: #e4e7ec; }
body.login.dapur-login--dark.dapur-bg-dots { background-image: radial-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px); }
body.login.dapur-login--dark.dapur-bg-grid { background-image: linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px); }
body.login.dapur-login--dark #login { width: 100%; max-width: 440px; margin: 0 auto; padding: 9vh 20px 40px; }
body.login.dapur-login--dark #login h1 { text-align: center; margin-bottom: 18px; }
body.login.dapur-login--dark #login h1 a, body.login.dapur-login--dark label, body.login.dapur-login--dark .da-lead h2 { color: #fff; }
body.login.dapur-login--dark .da-lead { text-align: center; }
body.login.dapur-login--dark .da-lead p, body.login.dapur-login--dark .forgetmenot, body.login.dapur-login--dark .indicator-hint, body.login.dapur-login--dark .description { color: #98a2b3; }
body.login.dapur-login--dark #loginform, body.login.dapur-login--dark #lostpasswordform, body.login.dapur-login--dark #resetpassform, body.login.dapur-login--dark #registerform { background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); border-radius: 16px; padding: 28px; margin-bottom: 18px; }
body.login.dapur-login--dark form .input, body.login.dapur-login--dark input[type="text"], body.login.dapur-login--dark input[type="password"], body.login.dapur-login--dark input[type="email"] { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .16); color: #fff; }
body.login.dapur-login--dark input:focus { border-color: var(--da-accent-light); box-shadow: 0 0 0 3px rgba(255, 255, 255, .1); }
body.login.dapur-login--dark .button.wp-hide-pw { color: #98a2b3; }
body.login.dapur-login--dark #nav a, body.login.dapur-login--dark #backtoblog a { color: var(--da-accent-light); }
body.login.dapur-login--dark #nav, body.login.dapur-login--dark #backtoblog, body.login.dapur-login--dark .privacy-policy-page-link { text-align: center; }
body.login.dapur-login--dark .message { background: rgba(255, 255, 255, .08); color: #e4e7ec; }
body.login.dapur-login--dark #login_error { background: rgba(240, 68, 56, .16); color: #fda29b; }
body.login.dapur-login--dark .success { background: rgba(18, 183, 106, .16); color: #6ce9a6; }

@media (max-width: 900px) {
  body.login.dapur-login--split { display: block; }
  body.login.dapur-login--split .da-art { padding: 18px 22px; flex-direction: row; align-items: center; }
  body.login.dapur-login--split .da-art > div:not(.da-art__brand), body.login.dapur-login--split .da-art small { display: none; }
  body.login.dapur-login--split #login { min-height: 0; }
  body.login.dapur-login--split #login { padding: 36px 22px; }
  body.login.dapur-login--split.dapur-bg-image { background-image: var(--da-bgimg); background-size: cover; background-position: center; }
}
@media (max-width: 480px) {
  body.login.dapur-login--card #login, body.login.dapur-login--dark #login { padding-top: 6vh; }
  body.login.dapur-login--card #loginform, body.login.dapur-login--dark #loginform { padding: 22px; }
}
