/* AUTHUX: giris / kayit / sifre formlari yardimcilari (assets/js/auth-ux.js, includes/layout/auth-ux.php) */

/* Goz dugmesi: alanin satir sonu tarafinda (RTL'de solda), en az 44px dokunma alani */
.authux-pw { position: relative; width: 100%; }
.authux-pw input { width: 100%; padding-inline-end: 50px !important; }
.authux-pw .auth-pw-toggle, .auth-pw .authux-eye {
    position: absolute; top: 50%; bottom: auto; inset-inline-end: 1px; transform: translateY(-50%);
    width: 46px; height: 44px; min-height: 44px; padding: 0; display: flex; align-items: center; justify-content: center;
    border: 0; border-radius: 10px; background: none; color: var(--gray-500, #6b7280); cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.auth-pw .authux-eye:hover { color: var(--gray-800, #1f2937); }
.auth-pw .authux-eye:focus-visible { outline: 2px solid var(--primary, #1a73e8); outline-offset: -4px; }
.auth-pw .authux-eye[aria-pressed="true"] { color: var(--primary, #1a73e8); }
@media (hover: none) { .auth-pw .authux-eye:hover { color: var(--gray-500, #6b7280); } }

/* iOS odaklaninca yakinlastirmasin: alanlar en az 16px */
.authux-pw input, .admin-login-card input[type="password"], .admin-login-card input[type="text"],
.pf-field input[type="password"] { font-size: 16px; }
.admin-login-card .authux-pw input { height: 46px; }

/* Sifre gucu */
.authux-meter { display: grid; gap: 6px; margin-top: 2px; }
.authux-meter[hidden] { display: none !important; }
.authux-meter-bar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.authux-meter-bar span { height: 5px; border-radius: 99px; background: var(--gray-200, #e5e7eb); transition: background 0.2s ease; }
.authux-meter-text { font-size: 13px; line-height: 1.45; color: var(--gray-700, #374151); overflow-wrap: anywhere; }
.authux-meter-text strong { font-weight: 700; }
.authux-meter[data-level="0"] .authux-meter-bar span:nth-child(-n+1),
.authux-meter[data-level="1"] .authux-meter-bar span:nth-child(-n+1) { background: #d93025; }
.authux-meter[data-level="2"] .authux-meter-bar span:nth-child(-n+2) { background: #e37400; }
.authux-meter[data-level="3"] .authux-meter-bar span:nth-child(-n+3) { background: #1a73e8; }
.authux-meter[data-level="4"] .authux-meter-bar span { background: #188038; }
.authux-meter[data-level="0"] strong, .authux-meter[data-level="1"] strong { color: #b3261e; }
.authux-meter[data-level="2"] strong { color: #a15c00; }
.authux-meter[data-level="3"] strong { color: #1558b0; }
.authux-meter[data-level="4"] strong { color: #137333; }

/* E-posta yazim onerisi */
.authux-suggest { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; font-size: 13.5px; line-height: 1.4; color: var(--gray-700, #374151); }
.authux-suggest[hidden] { display: none !important; }
.authux-suggest-btn {
    min-height: 44px; padding: 0 4px; border: 0; background: none; font: inherit; font-weight: 700;
    color: var(--primary, #1a73e8); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
    overflow-wrap: anywhere; text-align: start; direction: ltr; unicode-bidi: isolate;
}
.authux-suggest-btn:focus-visible { outline: 2px solid var(--primary, #1a73e8); outline-offset: 2px; border-radius: 4px; }

/* Gonderirken: dugmede donen halka */
.authux-loading { position: relative; cursor: progress !important; }
.authux-loading::before {
    content: ''; display: inline-block; flex-shrink: 0; width: 16px; height: 16px; margin-inline-end: 8px; vertical-align: -3px;
    border: 2px solid currentColor; border-inline-end-color: transparent; border-radius: 50%;
    animation: authux-spin 0.7s linear infinite;
}
@keyframes authux-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .authux-loading::before { animation-duration: 2s; } }
.authux-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }