/* DigitalAccess - Custom CSS */

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

body {
    font-family: 'Hind Siliguri', sans-serif;
}

/* Glassmorphism */
.glass-effect {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Text Gradient */
.text-gradient {
    background: linear-gradient(135deg, #6366f1, #ec4899);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Hide Scrollbar but allow scroll */
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Toast */
.toast-show {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

/* Fade In */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeInUp 0.4s ease-out both;
}

.animate-fade-in-up {
    animation: fadeInUp 0.5s ease-out both;
}

/* Line Clamp */
.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Prose */
.prose p {
    margin-bottom: 0.75rem;
}

.prose ul {
    list-style: disc;
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
}

.prose ol {
    list-style: decimal;
    padding-left: 1.5rem;
}

.prose h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.prose h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.prose strong {
    font-weight: 700;
}

.prose a {
    color: #6366f1;
    text-decoration: underline;
}

/* No underline for links */
a.no-underline {
    text-decoration: none !important;
}

/* Upload area */
#dropZone {
    transition: all 0.2s;
}

#dropZone:hover {
    background: #eef2ff;
    border-color: #6366f1;
}