/* Hide semua elemen default footer PKP yang mengganggu */
.pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer,
footer .pkp_brand_footer,
.pkp_footer_content { 
    display: none !important; 
}

/* Opsional: Hide seluruh wrapper footer default kalau custom footer sudah full cover */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    display: none !important;
}

/* Styling custom footer kamu (#my-custom-footer) - diperkuat & lebih modern */
#my-custom-footer {
    background-color: #f8f9fa !important;
    padding: 50px 20px 30px !important;
    margin-top: 0 !important; /* Hilangkan margin atas biar nempel rapi */
    border-top: 4px solid #007bff !important; /* Accent biru modern */
    box-shadow: 0 -4px 10px rgba(0,0,0,0.05) !important; /* Subtle shadow untuk depth */
}

#my-custom-footer .container { /* Kalau pakai Bootstrap */
    max-width: 1200px;
    margin: 0 auto;
}

#my-custom-footer h4 {
    color: #007bff !important; /* Accent biru untuk heading */
    font-weight: 700 !important;
    font-size: 1.3rem !important;
}

#my-custom-footer a {
    color: #007bff !important;
    text-decoration: none !important;
    transition: color 0.3s ease, underline 0.3s ease !important;
}

#my-custom-footer a:hover {
    color: #0056b3 !important;
    text-decoration: underline !important;
}

/* Responsif lebih smooth */
@media (max-width: 768px) {
    #my-custom-footer > div {
        grid-template-columns: 1fr !important; /* Stack vertical di mobile */
        text-align: center !important;
    }
    #my-custom-footer h4 {
        font-size: 1.2rem !important;
    }
}