/* =========================================
   ACCOUNT DETAILS FORM STYLING
   Premium Glassmorphism Dark Theme
   ========================================= */

/* Style all form inputs in account details */
.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-MyAccount-content form textarea,
.woocommerce-MyAccount-content form select,
.woocommerce-edit-account input[type="text"],
.woocommerce-edit-account input[type="email"],
.woocommerce-edit-account input[type="password"],
.woocommerce-edit-account input[type="tel"],
.woocommerce-edit-account textarea,
.woocommerce-edit-account select {
    width: 100% !important;
    padding: 14px 18px !important;
    background: rgba(20, 20, 31, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-family: 'Inter', sans-serif !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* Focus state for inputs */
.woocommerce-MyAccount-content form input[type="text"]:focus,
.woocommerce-MyAccount-content form input[type="email"]:focus,
.woocommerce-MyAccount-content form input[type="password"]:focus,
.woocommerce-MyAccount-content form input[type="tel"]:focus,
.woocommerce-MyAccount-content form textarea:focus,
.woocommerce-MyAccount-content form select:focus,
.woocommerce-edit-account input:focus,
.woocommerce-edit-account textarea:focus,
.woocommerce-edit-account select:focus {
    outline: none !important;
    border-color: #8B5CF6 !important;
    background: rgba(20, 20, 31, 0.95) !important;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15) !important;
}

/* Placeholder styling */
.woocommerce-MyAccount-content form input::placeholder,
.woocommerce-MyAccount-content form textarea::placeholder,
.woocommerce-edit-account input::placeholder,
.woocommerce-edit-account textarea::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Form labels */
.woocommerce-MyAccount-content form label,
.woocommerce-edit-account label {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
    font-size: 0.95rem !important;
}

/* Required asterisk */
.woocommerce-MyAccount-content form .required,
.woocommerce-edit-account .required {
    color: #8B5CF6 !important;
}

/* Form field groups */
.woocommerce-MyAccount-content .form-row,
.woocommerce-edit-account .form-row {
    margin-bottom: 20px !important;
}

/* Submit buttons in forms */
.woocommerce-MyAccount-content form button[type="submit"],
.woocommerce-MyAccount-content form input[type="submit"],
.woocommerce-edit-account button[type="submit"],
.woocommerce-edit-account input[type="submit"] {
    background: linear-gradient(135deg, #8B5CF6, #7C3AED) !important;
    color: white !important;
    border: none !important;
    padding: 14px 32px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 10px 25px rgba(139, 92, 246, 0.3) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    font-size: 0.95rem !important;
}

.woocommerce-MyAccount-content form button[type="submit"]:hover,
.woocommerce-MyAccount-content form input[type="submit"]:hover,
.woocommerce-edit-account button[type="submit"]:hover,
.woocommerce-edit-account input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 35px rgba(139, 92, 246, 0.5) !important;
    background: linear-gradient(135deg, #9D6FFF, #8B5CF6) !important;
}

/* Checkbox styling in forms */
.woocommerce-MyAccount-content form input[type="checkbox"],
.woocommerce-edit-account input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    margin-right: 8px !important;
    accent-color: #8B5CF6 !important;
}

/* Helper text / descriptions */
.woocommerce-MyAccount-content form .description,
.woocommerce-MyAccount-content form em,
.woocommerce-edit-account .description,
.woocommerce-edit-account em {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 0.85rem !important;
    font-style: italic !important;
    margin-top: 5px !important;
    display: block !important;
}

/* Password strength indicator */
.woocommerce-password-strength {
    margin-top: 8px !important;
    padding: 8px !important;
    border-radius: 6px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

.woocommerce-password-strength.strong {
    background: rgba(76, 175, 80, 0.2) !important;
    color: #4CAF50 !important;
}

.woocommerce-password-strength.good {
    background: rgba(139, 195, 74, 0.2) !important;
    color: #8BC34A !important;
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.weak {
    background: rgba(244, 67, 54, 0.2) !important;
    color: #F44336 !important;
}

/* Eye icon for password visibility toggle (if exists) */
.woocommerce-MyAccount-content .show-password-input,
.woocommerce-edit-account .show-password-input {
    color: #ffffff !important;
    cursor: pointer !important;
}

/* Disabled inputs */
.woocommerce-MyAccount-content form input:disabled,
.woocommerce-MyAccount-content form textarea:disabled,
.woocommerce-edit-account input:disabled,
.woocommerce-edit-account textarea:disabled {
    background: rgba(60, 60, 60, 0.5) !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}