/* src/css/hadist.css (FINAL: NUDE THEME + Top Ornament) */

/* --- 1. CONTAINER UTAMA --- */
.hadist {
    position: relative;
    z-index: 2;
    
    /* --- THEME CHANGE --- */
    /* Tema Kartu: Putih Gading (Card Color) + Border Coklat Muda */
    background-color: var(--card-bg-color) !important; 
    border: 1px solid var(--border-color) !important; 
    
    /* Shadow Coklat Lembut */
    box-shadow: 0 15px 40px var(--shadow-color) !important;
    
    color: var(--main-text-color);
    text-align: center;
    
    /* PADDING KHUSUS (TETAP DIPERTAHANKAN): */
    /* Top 9rem: Memberi ruang agar teks tidak menabrak ornamen di atas */
    padding: 9rem 1.5rem 6rem 1.5rem; 
    
    margin-top: 2rem !important;
    
    border-radius: 20px;
    overflow: hidden; 
    opacity: 1;
    transform: none;
}

/* --- 2. ORNAMEN ATAS (FULL WIDTH) --- */
.hadist::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px; 
    
    /* Gambar ornamen */
    background-image: url('../assets/images/ornamen-hadist-top.webp'); 
    
    background-size: 100% auto; 
    background-repeat: no-repeat;
    background-position: top center;
    
    z-index: 0; 
    opacity: 1; 
}

.hadist::after {
    content: '';
    position: absolute;
    bottom: 0; 
    left: 0;
    width: 100%;
    height: 200px; 
    
    /* Gambar ornamen bawah */
    background-image: url('../assets/images/ornamen-hadist-bottom.webp'); 
    
    background-size: 100% auto; 
    background-repeat: no-repeat;
    background-position: bottom center; 
    
    z-index: 0;
    opacity: 0.5; /* Transparansi untuk ornamen bawah */
    display: block; 
}

/* --- 3. KONTEN TEKS --- */
.hadist-card {
   position: relative;
   z-index: 1; /* Pastikan di atas ornamen */
   max-width: 600px;
   margin: 0 auto;
}

/* Judul "Allah berfirman" */
.hadist-card h2 {
   font-size: 2rem;
   font-family: var(--sacramento);
   font-weight: 400;
   margin-bottom: 1.5rem;
   
   /* Warna Heading (Coklat Bata Pudar) */
   color: var(--heading-text-color);
   
   /* Text shadow diperhalus untuk background terang */
   text-shadow: 0 2px 5px var(--shadow-color);
}

/* Isi Ayat */
.hadist-card p {
   line-height: 1.8;
   font-size: 1rem;
   
   /* Warna Teks Utama (Coklat Tua) */
   color: var(--main-text-color); 
   opacity: 0.9;
}

/* Sumber Ayat (QS...) */
.hadist-card p span {
   display: block;
   margin-top: 1.5rem;
   font-size: 1.1rem;
   font-weight: 600;
   font-style: italic;
   
   /* Warna Aksen (Mocca) */
   color: var(--accent-color); 
   
   /* --- LOGIKA LEBAR --- */
   width: auto; 
   white-space: nowrap; 
   /* ------------------- */
   
   /* Garis hiasan kecil di atas sumber */
   border-top: 1px solid var(--border-color);
   padding-top: 1rem;
}

/* --- 4. HAPUS ELEMENT LAMA (CLEANUP) --- */
.lottie-hadist, 
.lottie-bawah,
.hadist-card lottie-player {
    display: none !important;
}