/* ==============================================================================
   TopperNotes by EduSolver - Custom Stylesheet
   Mobile-Optimized & Production-Ready
   ============================================================================== */

/* Prevent horizontal overflow on mobile viewports */
html, body {
    overflow-x: hidden;
    max-width: 100vw;
}

/* iOS Safe Area Padding for Bottom Sticky Bar */
.safe-bottom {
    padding-bottom: max(0.625rem, env(safe-area-inset-bottom, 0.625rem));
}

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(37, 99, 235, 0.4);
    }
    50% {
        box-shadow: 0 0 30px rgba(37, 99, 235, 0.7);
    }
}

.glow-btn {
    animation: pulseGlow 3s infinite;
}

/* Custom Scrollbar for preview modals & page */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Modal animation helper */
.modal-active {
    display: flex !important;
}

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

/* Smooth tap transitions on mobile */
button, a {
    -webkit-tap-highlight-color: transparent;
}