/* Custom Styles for MTsS Darul Ulum */

@layer base {
    html {
        scroll-behavior: smooth;
    }
}

/* Biar teks berita gak kepanjangan (maksimal 2 baris) */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Overlay khusus buat Hero Section agar teks tetap terbaca */
.hero-overlay {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

/* Transisi halus buat kartu kegiatan */
.card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
    transform: translateY(-5px);
}