/* Template styles for user section */
:root {
    --font-vazir: 'Vazirmatn', sans-serif;
    --font-lalezar: 'Lalezar', cursive;
    --font-naskh: 'Noto Naskh Arabic', serif;
}
body.user-template{
    background-color: #f8fafc;
    padding-bottom: 100px;
}
body.user-template,html body,h1,h2,h3,h4,h5,h6,p,strong,b,input,textarea,select,option {
    font-family: 'Vazirmatn'!important;
}

@media (min-width: 768px) {
    body.user-template { padding-bottom: 0; }
}

/* Custom Scrollbar */
.user-template ::-webkit-scrollbar { width: 6px; height: 6px; }
.user-template ::-webkit-scrollbar-track { background: transparent; }
.user-template ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.user-template ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Range Slider */
.user-template input[type=range] {
    -webkit-appearance: none; background: transparent;
}
.user-template input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; height: 18px; width: 18px; border-radius: 50%;
    background: #4f46e5; margin-top: -7px; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.user-template input[type=range]::-webkit-slider-runnable-track {
    width: 100%; height: 4px; background: #e2e8f0; border-radius: 2px;
}

/* Animations */
@keyframes heartBurst {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}
.heart-anim { animation: heartBurst 0.3s ease-in-out; }

@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.card-animate { animation: slideUp 0.4s ease-out forwards; }

/* Mobile Nav Active State */
.mobile-nav-item.active i { color: #4f46e5; }
.mobile-nav-item.active span { color: #4f46e5; font-weight: 700; }

/* Glassmorphism */
.glass { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); }
input,select,textarea{
  border: 1px solid #CCC;
  border-radius: 10px;
  padding:5px;
}