/**
 * Edelmetall-Vault: Einheitliches Unlock-Screen Theme
 *
 * Update v2.6.6: Einheitliches Unlock-Theme unabhängig vom gewählten Vault-Theme
 * Basiert auf Dark-Theme mit angepasstem Hintergrund (#1a1a2e)
 *
 * @package EdelmetallVault
 * @since   2.6.6
 */

/* ==========================================================================
   Einheitlicher Unlock-Screen - Überschreibt alle Theme-spezifischen Styles
   ========================================================================== */

/* Update v2.6.6: Einheitlicher Hintergrund für den Unlock-Container */
.foursys-vault:has(.foursys-vault-unlock),
.foursys-vault[data-theme="light"]:has(.foursys-vault-unlock),
.foursys-vault[data-theme="pro"]:has(.foursys-vault-unlock),
.foursys-vault[data-theme="pro-gold"]:has(.foursys-vault-unlock),
.foursys-vault[data-theme="dark"]:has(.foursys-vault-unlock) {
    background: 
        radial-gradient(ellipse at 20% 80%, rgba(23, 44, 66, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(23, 44, 66, 0.04) 0%, transparent 50%),
        #172c42 !important;
}

/* Update v2.6.6: Unlock-Screen Container transparent */
.foursys-vault .foursys-vault-unlock,
.foursys-vault[data-theme="light"] .foursys-vault-unlock,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock {
    background: transparent !important;
}

/* ==========================================================================
   Titel & Subtitel - Einheitlich Gold-Gradient
   ========================================================================== */

.foursys-vault .foursys-vault-unlock__title,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__title,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__title,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__title,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__title {
    background: var(--foursys-vault-gold-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

.foursys-vault .foursys-vault-unlock__subtitle,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__subtitle,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__subtitle,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__subtitle,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__subtitle {
    color: #A0A0A0 !important;
}

/* ==========================================================================
   Input-Feld - Einheitlich Dark Theme
   ========================================================================== */

.foursys-vault .foursys-vault-unlock__input,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__input,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__input,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__input,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__input {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid var(--foursys-vault-gold) !important;
}

.foursys-vault .foursys-vault-unlock__input:focus,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__input:focus,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__input:focus,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__input:focus,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__input:focus {
    border-color: var(--foursys-vault-gold-light) !important;
    box-shadow: 0 0 20px rgba(199, 171, 123, 0.2) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Placeholder - Einheitlich */
.foursys-vault .foursys-vault-unlock__input::placeholder,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__input::placeholder,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__input::placeholder,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__input::placeholder,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__input::placeholder {
    color: #A0A0A0 !important;
    opacity: 1 !important;
}

.foursys-vault .foursys-vault-unlock__input::-webkit-input-placeholder,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__input::-webkit-input-placeholder,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__input::-webkit-input-placeholder,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__input::-webkit-input-placeholder,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__input::-webkit-input-placeholder {
    color: #A0A0A0 !important;
    opacity: 1 !important;
}

.foursys-vault .foursys-vault-unlock__input::-moz-placeholder,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__input::-moz-placeholder,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__input::-moz-placeholder,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__input::-moz-placeholder,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__input::-moz-placeholder {
    color: #A0A0A0 !important;
    opacity: 1 !important;
}

/* ==========================================================================
   Buttons & Links - Einheitlich
   ========================================================================== */

.foursys-vault .foursys-vault-unlock__submit-btn,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__submit-btn,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__submit-btn,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__submit-btn,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__submit-btn {
    background: var(--foursys-vault-gold) !important;
    color: #1a1a2e !important;
}

.foursys-vault .foursys-vault-unlock__submit-btn:hover,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__submit-btn:hover,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__submit-btn:hover,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__submit-btn:hover,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__submit-btn:hover {
    background: var(--foursys-vault-gold-light) !important;
}

.foursys-vault .foursys-vault-unlock__toggle-password,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__toggle-password,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__toggle-password,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__toggle-password,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__toggle-password {
    color: #A0A0A0 !important;
}

.foursys-vault .foursys-vault-unlock__toggle-password:hover,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__toggle-password:hover,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__toggle-password:hover,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__toggle-password:hover,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__toggle-password:hover {
    color: var(--foursys-vault-gold) !important;
}

/* ==========================================================================
   Security Note & Info-Texte - Einheitlich
   ========================================================================== */

.foursys-vault .foursys-vault-unlock__security-note,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__security-note,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__security-note,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__security-note,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__security-note {
    color: #666666 !important;
}

.foursys-vault .foursys-vault-unlock__security-note svg,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__security-note svg,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__security-note svg,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__security-note svg,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__security-note svg {
    color: #666666 !important;
}

.foursys-vault .foursys-vault-unlock__info-text,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__info-text,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__info-text,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__info-text,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__info-text {
    color: #A0A0A0 !important;
}

/* ==========================================================================
   Checkbox & Divider - Einheitlich
   ========================================================================== */

.foursys-vault .foursys-vault-checkbox label,
.foursys-vault[data-theme="light"] .foursys-vault-checkbox label,
.foursys-vault[data-theme="pro"] .foursys-vault-checkbox label,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-checkbox label,
.foursys-vault[data-theme="dark"] .foursys-vault-checkbox label {
    color: #A0A0A0 !important;
}

.foursys-vault .foursys-vault-unlock__divider,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__divider,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__divider,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__divider,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__divider {
    color: #666666 !important;
}

.foursys-vault .foursys-vault-unlock__divider::before,
.foursys-vault .foursys-vault-unlock__divider::after,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__divider::before,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__divider::after,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__divider::before,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__divider::after,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__divider::before,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__divider::after,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__divider::before,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__divider::after {
    background: #333333 !important;
}

/* ==========================================================================
   "Meine Vaults" Link-Button - Einheitlich
   ========================================================================== */

.foursys-vault .foursys-vault-unlock__link-btn,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__link-btn,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__link-btn,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__link-btn,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__link-btn {
    color: #A0A0A0 !important;
    border-color: #333333 !important;
    background: transparent !important;
}

.foursys-vault .foursys-vault-unlock__link-btn:hover,
.foursys-vault[data-theme="light"] .foursys-vault-unlock__link-btn:hover,
.foursys-vault[data-theme="pro"] .foursys-vault-unlock__link-btn:hover,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-unlock__link-btn:hover,
.foursys-vault[data-theme="dark"] .foursys-vault-unlock__link-btn:hover {
    color: var(--foursys-vault-gold) !important;
    border-color: var(--foursys-vault-gold) !important;
}

/* ==========================================================================
   Fehlermeldungen & Throttle - Einheitlich
   ========================================================================== */

.foursys-vault .foursys-vault-field__error-wrap,
.foursys-vault[data-theme="light"] .foursys-vault-field__error-wrap,
.foursys-vault[data-theme="pro"] .foursys-vault-field__error-wrap,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-field__error-wrap,
.foursys-vault[data-theme="dark"] .foursys-vault-field__error-wrap {
    color: var(--foursys-vault-error) !important;
}

.foursys-vault .foursys-vault-throttle,
.foursys-vault[data-theme="light"] .foursys-vault-throttle,
.foursys-vault[data-theme="pro"] .foursys-vault-throttle,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-throttle,
.foursys-vault[data-theme="dark"] .foursys-vault-throttle {
    color: #A0A0A0 !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

/* ==========================================================================
   Login-Required Screen - Einheitlich (falls vorhanden)
   ========================================================================== */

.foursys-vault:has(.foursys-vault-login-required),
.foursys-vault[data-theme="light"]:has(.foursys-vault-login-required),
.foursys-vault[data-theme="pro"]:has(.foursys-vault-login-required),
.foursys-vault[data-theme="pro-gold"]:has(.foursys-vault-login-required),
.foursys-vault[data-theme="dark"]:has(.foursys-vault-login-required) {
    background: #1a1a2e !important;
}

.foursys-vault .foursys-vault-login-required,
.foursys-vault[data-theme="light"] .foursys-vault-login-required,
.foursys-vault[data-theme="pro"] .foursys-vault-login-required,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-login-required,
.foursys-vault[data-theme="dark"] .foursys-vault-login-required {
    background: transparent !important;
}

.foursys-vault .foursys-vault-login-required__title,
.foursys-vault[data-theme="light"] .foursys-vault-login-required__title,
.foursys-vault[data-theme="pro"] .foursys-vault-login-required__title,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-login-required__title,
.foursys-vault[data-theme="dark"] .foursys-vault-login-required__title {
    color: #FFFFFF !important;
}

.foursys-vault .foursys-vault-login-required__text,
.foursys-vault[data-theme="light"] .foursys-vault-login-required__text,
.foursys-vault[data-theme="pro"] .foursys-vault-login-required__text,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-login-required__text,
.foursys-vault[data-theme="dark"] .foursys-vault-login-required__text {
    color: #A0A0A0 !important;
}

.foursys-vault .foursys-vault-login-required__icon,
.foursys-vault[data-theme="light"] .foursys-vault-login-required__icon,
.foursys-vault[data-theme="pro"] .foursys-vault-login-required__icon,
.foursys-vault[data-theme="pro-gold"] .foursys-vault-login-required__icon,
.foursys-vault[data-theme="dark"] .foursys-vault-login-required__icon {
    color: var(--foursys-vault-gold) !important;
}