@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

* { font-family: 'Vazirmatn', sans-serif; box-sizing: border-box; }

.gradient-bg { background: linear-gradient(135deg, #ffeef8 0%, #f0e6ff 50%, #e6f3ff 100%); }
.glass-effect {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.password-strength-weak { background-color: #ef4444; }
.password-strength-medium { background-color: #f59e0b; }
.password-strength-strong { background-color: #10b981; }

/* floating label */
.floating-label { transition: all 0.25s ease; transform-origin: right top; pointer-events: none; }
.sr-field { position: relative; }
.input-focused .floating-label { transform: translateY(-1.5rem) scale(0.85); color: #8b5cf6; }

/* input focus */
.form-input{
    border: 1px solid #c0c0c0 !important;
    padding: 0.8rem!important;
border-radius: 0.5rem!important;
}
.form-input:focus { border-color: #8b5cf6 !important; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.08); outline: none; }

/* primary button */
.btn-primary {
    background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
    transition: all 0.25s ease;
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(139, 92, 246, 0.28); }

/* calendar (if needed later) */
.calendar-container { display: none; position: absolute; top: 100%; right: 0; z-index: 50; background: white; border-radius: 12px; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); padding: 1rem; min-width: 280px; }
.calendar-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 4px; }
.calendar-day { padding: 8px; text-align:center; cursor:pointer; border-radius:6px; transition: all 0.15s; }
.calendar-day:hover { background-color: #f3f4f6; }
.calendar-day.selected { background-color: #8b5cf6; color: white; }

#togglePassword{
    color: grey;
    background: transparent!important;
}
#togglePassword:hover{
    background: transparent!important;
}
/* استایل‌های مربوط به بخش پرونده من */


.my-profile-wrapper .card-shadow:hover,
.change-password-wrapper .card-shadow:hover {
    box-shadow: 0 8px 30px rgba(219, 39, 119, 0.15);
    transform: translateY(-2px);
}


.my-profile-wrapper .profile-badge,
.change-password-wrapper .profile-badge {
    background: linear-gradient(135deg, #ec4899 0%, #a855f7 100%);
    color: white;
}

.my-profile-wrapper .btn-primary,
.change-password-wrapper .btn-primary {
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
}

.my-profile-wrapper .btn-primary:hover,
.change-password-wrapper .btn-primary:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 20px rgba(168, 85, 247, 0.3);
}

.my-profile-wrapper .btn-primary:active,
.change-password-wrapper .btn-primary:active {
    transform: scale(0.98);
}

.my-profile-wrapper .dir-ltr,
.change-password-wrapper .dir-ltr {
    direction: ltr;
}

/* استایل‌های عمومی */
.hidden {
    display: none !important;
}

/* انیمیشن برای پیام‌ها */
@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.message-slide-in {
    animation: slideIn 0.3s ease-out;
}

/* استایل‌های ورودی‌ها */
.password-field:focus,
input[type="text"]:focus,
input[type="password"]:focus {
    outline: none;
    border-color: #ec4899;
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1);
}

/* استایل‌های برچسب‌ها */
label {
    font-family: 'Vazirmatn', system-ui, -apple-system, sans-serif;
}


/* استایل‌های پیام‌ها */
#profile-messages,
#password-messages {
    z-index: 9999;
}

/* استایل‌های آواتار */
.avatar-ring {
    position: relative;
}

.avatar-ring img {
    object-fit: cover;
}

/* استایل‌های فرم */
form#password-change-form .password-field {
    font-family: 'Vazirmatn', system-ui, -apple-system, sans-serif;
}