/* Penyesuaian kecil portal SIARDI di atas template/web (tidak mengganti gaya template). */

/* ---- Bilah cari & filter ---- */
.siardi-filter { color: #fff; }
.siardi-filter__label {
    display: block; margin-bottom: .35rem;
    font-size: .875rem; font-weight: 600; color: rgba(255, 255, 255, .9);
}
.siardi-filter__label i { width: 1em; margin-right: .25rem; color: #e2c275; }
.siardi-filter__hint { margin: 1rem 0 .5rem; font-size: .8125rem; color: rgba(255, 255, 255, .7); }
.siardi-filter__search { display: flex; gap: .5rem; }
.siardi-filter__search .form-control { flex: 1 1 auto; min-width: 0; }
.siardi-filter__search .btn { flex: 0 0 auto; padding-left: 1.5rem; padding-right: 1.5rem; }

/* Kotak isian selalu putih — juga saat diklik/diisi (template memberi latar hitam saat fokus). */
.siardi-filter .form-control,
.siardi-filter .form-select,
.siardi-filter .form-control:focus,
.siardi-filter .form-select:focus,
.siardi-filter .form-control:active,
.siardi-filter .form-control:not(:placeholder-shown) {
    background-color: #fff !important;
    color: #1f2937 !important;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    min-height: 44px;
    font-size: 1rem;
}
.siardi-filter .form-select { padding-right: 2.25rem; text-overflow: ellipsis; }
.siardi-filter .form-control:focus,
.siardi-filter .form-select:focus {
    border-color: #e2c275 !important;
    box-shadow: 0 0 0 .2rem rgba(226, 194, 117, .35) !important;
    outline: 0;
}
.siardi-filter .form-control::placeholder { color: #6b7280; opacity: 1; }
.siardi-filter .form-control:-webkit-autofill,
.siardi-filter .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #1f2937 !important;
}
.siardi-filter .form-select option { color: #1f2937; background: #fff; }

/* ---- Ringkasan hasil, filter aktif, urutan ---- */
.siardi-results {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;
    gap: .75rem 1.5rem; margin-bottom: 1rem; padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .15); color: #fff;
}
.siardi-results__count { font-size: .9375rem; }
.siardi-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .5rem; }
.siardi-chip {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .25rem .65rem; border-radius: 999px;
    background: rgba(226, 194, 117, .18); border: 1px solid rgba(226, 194, 117, .55);
    color: #fff !important; font-size: .8125rem; text-decoration: none;
}
.siardi-chip span { opacity: .75; }
.siardi-chip:hover { background: rgba(226, 194, 117, .32); }
.siardi-chip--reset { background: transparent; border-color: rgba(255, 255, 255, .35); }
.siardi-sort { font-size: .9375rem; color: rgba(255, 255, 255, .75); }
.siardi-sort a { margin-left: .75rem; color: rgba(255, 255, 255, .85) !important; text-decoration: none; }
.siardi-sort a:hover { text-decoration: underline; }
.siardi-sort a.is-active { color: #e2c275 !important; font-weight: 700; border-bottom: 2px solid #e2c275; }

/* ---- Tabel Daftar Dokumen: kartu terang agar teks terbaca ---- */
.siardi-table-card { background: #fff; border-radius: 10px; overflow: hidden; color: #1f2937; }
.siardi-table-card .table { margin-bottom: 0; color: #1f2937; }
.siardi-table-card thead th {
    background: #f3f4f6; color: #374151; font-size: .8125rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .02em; border-bottom: 1px solid #e5e7eb; white-space: nowrap;
}
.siardi-table-card td { color: #1f2937; vertical-align: middle; }
.siardi-table-card td a:not(.btn) { color: #0b4f6c; }
.siardi-table-card .text-muted { color: #6b7280 !important; }
.siardi-empty { padding: 2.5rem 1rem; text-align: center; color: #4b5563; }
.siardi-empty strong { display: block; margin-bottom: .25rem; color: #1f2937; }

@media (max-width: 575.98px) {
    .siardi-filter__search { flex-wrap: wrap; }
    .siardi-filter__search .form-control,
    .siardi-filter__search .btn { flex: 1 1 100%; }
    .siardi-sort a { margin-left: .5rem; }
}
.siardi-empty-dark { width: 100%; padding: 2rem 1rem; color: rgba(255, 255, 255, .85); }

/* ---- Pilihan tampilan Flipbook / PDF biasa ---- */
.siardi-viewmode { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem; color: rgba(255, 255, 255, .75); }
.siardi-viewmode a {
    padding: .35rem .9rem; border-radius: 999px; border: 1px solid rgba(226, 194, 117, .55);
    color: #fff !important; text-decoration: none; font-size: .9375rem;
}
.siardi-viewmode a:hover { background: rgba(226, 194, 117, .2); }
.siardi-viewmode a.is-active { background: #e2c275; border-color: #e2c275; color: #03111d !important; font-weight: 600; }

/* ---- Beranda: ikon Fitur Unggulan & jarak antarbagian ---- */
.fin-card figure.siardi-fin-icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 148px; height: 125px; margin-left: auto; margin-right: auto;
    border-radius: 16px; background: linear-gradient(180deg, #1e8fa7 0%, #e2a52c 100%);
}
.fin-card figure.siardi-fin-icon i { font-size: 64px; color: #fff; line-height: 1; }
.siardi-section-gap { margin-top: 120px !important; }
.siardi-section-gap-sm { margin-top: 64px !important; }
/* Bagian tanpa gambar latar: kotak konten tidak ditarik naik menutupi bagian di atasnya. */
.siardi-visa-plain .visa-contant { margin-top: 0 !important; top: auto !important; position: relative !important; transform: none !important; }
.siardi-subhead { color: #e2c275; font-size: 1.1rem; font-weight: 600; }
@media (max-width: 767.98px) {
    .siardi-section-gap { margin-top: 64px !important; }
    .siardi-section-gap-sm { margin-top: 40px !important; }
}