/* ==========================================================================
   FOOTER STYLES (footer.css) - CLEAN & SANITY VERSION (NO IMPORTANT)
   ========================================================================== */

/* 1. KONTEN UTAMA FOOTER  */
footer, #footer-container, #kontak {
    font-family: 'Poppins', sans-serif;
    color: #6c757d;
    background-color: #fff8f3;
    padding: 60px 0 30px 0;
}

footer .container, #footer-container .container, #kontak .container {
    max-width: 1140px;
    margin: 0 auto;
}

/* 2. TIPOGRAFI JUDUL */
footer h4, #footer-container h4, #kontak h4 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #5C3200;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

footer h5, #footer-container h5, #kontak h5 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #5C3200;
    font-size: 0.95rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

/* 3. STRUKTUR LIST & ALAMAT  */
footer ul, #footer-container ul, #kontak ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul li, #footer-container ul li, #kontak ul li {
    font-size: 0.88rem;
    line-height: 1.6;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    color: #6c757d;
}

footer ul li .bi, #footer-container ul li .bi, #kontak ul li .bi {
    margin-right: 10px;
    margin-top: 3px;
    color: #A05C07;
    flex-shrink: 0;
}

/* 4. LINK STYLING */
footer a, #footer-container a, #kontak a {
    color: #6c757d;
    text-decoration: none;
    transition: color 0.3s ease;
}

footer a:hover, #footer-container a:hover, #kontak a:hover {
    color: #A05C07;
}

/* ==========================================================================
   PERBAIKAN BAGIAN BAWAH (STRUKTUR STANDAR ELEMEN)
   ========================================================================== */

/* 5. GARIS PEMBATAS HORIZONTAL  */
footer hr, #footer-container hr, #kontak hr {
    display: block;
    visibility: visible;
    border: 0;
    border-top: 1px solid #5C3200; 
    margin: 30px 0 20px 0;
    opacity: 1;
    width: 100%;
    clear: both;
}

/* 6. TULISAN COPYRIGHT  */
footer .row p.small, 
#footer-container .row p.small, 
#kontak .row p.small {
    font-size: 0.82rem;
    color: black;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

footer .visitor-count-card {
    background-color: #fff8f3;
    width: 100%;
    max-width: 100%;
}

footer .visitor-count-card .stat-card {
    min-height: 100px;
}

footer .visitor-count-card .stat-number {
    font-size: 1.9rem;
}

@media (max-width: 991px) {
    footer .visitor-count-card {
        padding: 1.5rem;
    }

    footer .visitor-count-card .stat-number {
        font-size: 1.7rem;
    }
}

@media (max-width: 767px) {
    footer .visitor-stat-grid .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer .visitor-count-card .stat-card {
        min-height: auto;
    }

    footer .visitor-count-card .stat-number {
        font-size: 1.6rem;
    }

    .visitor-count-card {
        padding: 1.25rem;
    }

    .visitor-stat-grid .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #kontak .row.g-4 {
        row-gap: 1.5rem;
    }

    footer .container, #footer-container .container, #kontak .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

footer .visitor-count-card .stat-label {
    letter-spacing: .04em;
}

footer .visitor-count-card .stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: #A05C07;
}

@media (max-width: 991px) {
    footer .visitor-count-card {
        padding: 1.5rem;
    }
}