/* css/footer.css */


/* --- Pengaturan Dasar untuk Layout Sticky Footer --- */


/* Catatan: Sebaiknya letakkan ini di CSS utama (misal: style.css) agar tidak duplikat */

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Memastikan body mengisi seluruh tinggi layar */
}


/* --- Gaya Utama Kontainer Footer --- */

.footer {
    /* Latar belakang gradien gelap untuk tampilan modern */
    background: linear-gradient(135deg, #1f1f1f, #000000);
    /* Bayangan di atas footer untuk memberikan efek kedalaman */
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3);
    font-family: 'Segoe UI', sans-serif;
    /* Jenis font */
    color: #f1f1f1;
    /* Warna teks terang agar kontras dengan latar gelap */
}


/* --- Ikon Sosial Media --- */

.social-icons a img {
    /* Mengubah warna ikon SVG menjadi putih */
    filter: invert(100%);
    /* Transisi halus untuk efek hover */
    transition: transform 0.2s ease;
}


/* --- Efek Hover pada Ikon Sosial Media --- */

.social-icons a:hover img {
    /* Sedikit memperbesar ikon saat disentuh kursor */
    transform: scale(1.2);
}


/* --- Garis Horizontal Pemisah (hr) --- */

.footer hr {
    /* Mengurangi opasitas garis agar tidak terlalu mencolok */
    opacity: 0.2;
}