/* ============================================
   Chulbul Preschool - Modern Enhancements
   Loaded after style.css for polish
   ============================================ */

/* Smooth scrolling everywhere */
* { -webkit-overflow-scrolling: touch; }
html { scroll-behavior: smooth; }

/* Prevent pull-to-refresh on mobile */
body { overscroll-behavior-y: contain; }

/* Touch feedback ripple */
.ripple {
    position: relative;
    overflow: hidden;
}

/* Image loading placeholder */
img[data-src] {
    background: var(--bg);
    min-height: 40px;
}

/* Safe area for iOS */
@supports (padding: env(safe-area-inset-top)) {
    .app-bar {
        padding-top: env(safe-area-inset-top, 0px);
    }
    .bottom-nav {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}

/* Scrollbar styling */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

/* Selection color */
::selection {
    background: rgba(255, 107, 53, 0.2);
    color: var(--text-primary);
}

/* Keyboard nav focus styles */
:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}