/* =====================================
ASTRA FOOTER CUSTOM
===================================== */


.site-header {
    position: sticky;
    top: 0;
    z-index: 9999;
}

/* Footer utama */
footer,
.site-footer,
.site-primary-footer-wrap,
#colophon {
margin: 0 !important;
padding: 0 !important;
height: auto !important;
min-height: 0 !important;
}

/* Container footer */
.site-primary-footer-wrap .theme-container {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 30px 60px !important;
}

/* Baris footer */
.site-primary-footer-wrap .ast-builder-grid-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 40px !important;
}

/* Kolom kiri dan kanan */
.site-footer-section {
display: flex;
flex-direction: column;
justify-content: center;
}

/* Logo */
.site-footer-section img {
max-width: 250px;
height: auto;
}

/* Hilangkan ruang kosong bawaan Astra */
.site-footer-focus-item,
.ast-footer-copyright,
.ast-builder-footer-grid-columns {
margin: 0 !important;
padding: 0 !important;
}

/* Geser konten kiri sedikit ke tengah */
.site-footer-primary-section-1 {
padding-left: 50px !important;
}

/* Geser konten kanan sedikit ke tengah */
.site-footer-primary-section-3 {
padding-right: 50px !important;
}

/* =====================================
MOBILE
===================================== */
@media (max-width:768px){

    /* Footer jadi 1 kolom */
    .site-primary-footer-wrap .ast-builder-grid-row{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        text-align:center !important;
    }

    /* Semua kolom footer */
    .site-footer-section{
        width:100% !important;
        text-align:center !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 !important;
        margin:15px 0 !important;
    }

    /* Semua widget HTML */
    .site-footer-section *{
        text-align:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /* Logo */
    .site-footer-section img{
        max-width:180px !important;
        height:auto !important;
    }
}