/* 1. Container Utama Header agar Sejajar Kiri-Kanan */
.section-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important; /* Jangan turun baris */
}

/* 2. Group Kanan (Pagination + Link) */
.header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

/* 3. RESET TOTAL ELEMENT UL (Daftar Tombol) */
/* Menggunakan ID spesifik agar menang dari style lain */
#pagination-dijual ul, 
#pagination-disewakan ul,
.simple-pagination ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important; /* Hilangkan titik bullet */
    display: flex !important;    /* Wajib Flexbox */
    flex-direction: row !important; /* Wajib Sejajar Samping */
    align-items: center !important;
    gap: 10px !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* 4. RESET TOTAL ELEMENT LI (Item Tombol) */
#pagination-dijual li, 
#pagination-disewakan li,
.simple-pagination li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    display: none !important; /* Default sembunyi (untuk angka) */
}

/* 5. Munculkan HANYA Tombol Pertama (Prev) & Terakhir (Next) */
#pagination-dijual li:first-child, 
#pagination-dijual li:last-child,
#pagination-disewakan li:first-child, 
#pagination-disewakan li:last-child {
    display: block !important;
}

/* 6. DESAIN TOMBOL BULAT (LINK & SPAN) */
.simple-pagination li a, 
.simple-pagination li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;       /* Lebar Fix */
    height: 38px !important;      /* Tinggi Fix */
    border-radius: 50% !important; /* Wajib Bulat */
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    color: #032139 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    line-height: 1 !important; /* Reset tinggi baris */
    float: none !important;    /* Matikan float jika ada */
}

/* 7. Efek Hover */
.simple-pagination li a:hover {
    background-color: #032139 !important;
    color: #ffffff !important;
    border-color: #032139 !important;
    transform: translateY(-2px);
}

/* 8. Tombol Mati (Disabled) */
.simple-pagination li.disabled span {
    background-color: #f8f9fa !important;
    color: #ccc !important;
    border-color: #eee !important;
    cursor: default !important;
    box-shadow: none !important;
    transform: none !important;
}

/* 9. Link Lihat Semua */
.view-all-link {
    white-space: nowrap !important;
}