/**
 * SBDK Section Styles
 * Styles for PT. Krom Bank Indonesia SBDK Publication Report
 *
 * @package krom
 */

/* Main heading */
.sbdk-section {
    /* padding: 40px 40px 40px 40px; */
}

/* Page wrapper padding */
.sbdk-page-wrapper {
    padding: 40px 80px 40px 40px;
}
.sbdk-section h3 {
    color: #1F2E45;
    margin-bottom: 24px;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 600;
}

/* Date paragraph */
.sbdk-section .sbdk-date {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    color: #1F2E45;
    margin-bottom: 24px;
}

/* Section headings */
.sbdk-section h4 {
    color: #1F2E45;
    margin-bottom: 24px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

/* Table container with horizontal scroll */
.sbdk-table-container {
    overflow-x: auto;
    margin-bottom: 24px;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    width: 100%;
    border-radius: 8px;
}

/* Ensure table doesn't shrink below content width */
.sbdk-table-container .sbdk-table {
    min-width: 600px; /* Minimum width to trigger scroll on mobile */
}

/* Table base styles */
.sbdk-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d1d5db;
    margin-bottom: 0px !important;
}

.sbdk-table thead {
    background-color: #F0EBFB;
}

/* Table header styles */
.sbdk-table th {
    padding: 12px 16px;
    text-align: center;
    font-weight: 600;
    font-family: Poppins;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 18px !important;
    color: #6936D3;
    background-color: #F0EBFB;
}

/* Table body styles */
.sbdk-table td {
    padding: 12px !important;
    text-align: left;
    vertical-align: middle;
    font-size: 12px !important;
    color: #1F2E45;
}

.sbdk-table td:not(:first-child) {
    text-align: center;
}

/* Alternating row colors */
.sbdk-table tbody tr:nth-child(odd) {
    background: #FFFFFF;
}

.sbdk-table tbody tr:nth-child(even) {
    background: #F9F9F9;
}

/* Bold row for SBDK total */
.sbdk-table tbody tr.sbdk-total {
    font-weight: 600;
    background: #F9F9F9;
}

/* SBDK row (Suku Bunga Dasar Kredit - HPDK + Overhead + Marjin) */
.sbdk-table tbody tr.sbdk-sbdk-row {
    font-weight: 600;
    background: #F9F9F9;
}

.sbdk-table tbody tr.sbdk-sbdk-row td {
    color: #1F2E45;
}

/* Notes list */
.sbdk-section ul {
    list-style-type: disc;
    padding-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 24px;
}

.sbdk-section ul li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

/* Narrative/paragraph spacing */
.sbdk-section p {
    margin-bottom: 24px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #1F2E45;
}

/* Accordion spacing */
.sbdk-faq-container {
    margin-top: 24px;
    margin-bottom: 24px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sbdk-section {
        padding: 24px;
    }

    .sbdk-page-wrapper {
        padding: 24px;
    }

    .sbdk-table-container {
        margin-right: -24px;
        margin-left: -24px;
        width: calc(100% + 48px);
    }

    .sbdk-table-container .sbdk-table {
        min-width: 1200px; /* Minimum width to trigger scroll on mobile */
    }

    .sbdk-table th,
    .sbdk-table td {
        padding: 12px;
        font-size: 0.875rem;
    }

    .sbdk-section h1 {
        font-size: 1.5rem;
    }

    .sbdk-section h2 {
        font-size: 1.25rem;
    }
}

.sbdk-separator {
    height: 1px;
    margin: 24px 0;
    border: solid 1px #EAEAEA;
}

/* Historikal Table Styles */
.sbdk-historikal-table-wrapper {
    overflow-x: auto;
    width: 100%;
    border-radius: 8px;
}

.sbdk-historikal-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    border-radius: 8px;
    overflow: hidden;
}

.sbdk-historikal-table thead tr:first-child th {
    background-color: #F0EBFB;
    color: #1F2E45;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 12px 16px;
    border: none;
}

.sbdk-historikal-table thead tr:first-child th:first-child {
    border-top-left-radius: 8px;
}

.sbdk-historikal-table thead tr:first-child th:last-child {
    border-top-right-radius: 8px;
}

.sbdk-historikal-table thead tr:nth-child(2) th {
    background-color: #F0EBFB;
    color: #1F2E45;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 12px 16px;
    border: none;
}

.sbdk-historikal-table .periode-col {
    min-width: 256px;
    text-align: center;
}

.sbdk-historikal-table .kredit-non-umkm-header {
    min-width: 138px;
}

.sbdk-historikal-table .kredit-umkm-header {
    min-width: 202px;
}

.sbdk-historikal-table .kpr-col,
.sbdk-historikal-table .nonkpr-col {
    min-width: 80px;
    text-align: center;
}

.sbdk-historikal-table tbody td {
    padding: 12px 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #1F2E45;
    text-align: center;
    border: none;
}

.sbdk-historikal-table tbody td:first-child {
    text-align: left;
}

.sbdk-historikal-table tbody tr.row-white {
    background-color: #FFFFFF;
}

.sbdk-historikal-table tbody tr.row-grey {
    background-color: #F9F9F9;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sbdk-historikal-table {
        font-size: 11px;
    }

    .sbdk-historikal-table thead tr th,
    .sbdk-historikal-table tbody td {
        padding: 10px 12px;
    }

    .sbdk-historikal-table .periode-col {
        min-width: 180px;
    }

    .sbdk-historikal-table-wrapper {
        margin-right: -24px;
        margin-left: -24px;
        width: calc(100% + 48px);
    }
}

/* overrides */
.card-faq .card-header-faq .btn-header-link.collapsed {
    display: flex;
    align-items: anchor-center;
    justify-content: space-between;
    padding: 0 0 24px 0 !important;
    border-bottom: transparent !important;

    p {
        margin: 0;
    }
}

.vc-about__body-main__wrapper {
    border-bottom: transparent !important;
}

a.btn.btn-header-link {
    display: flex;
    align-items: anchor-center;
    justify-content: space-between;
    padding: 0 0 24px 0 !important;
    border-bottom: transparent !important;

    p {
        margin: 0;
    }
}

div.card-header-faq {
    padding: 0 !important;
    border-bottom: transparent !important;

}

div.card-faq {
    border-bottom: transparent !important;
}

tr.row-white {
    background-color: #FFFFFF !important;
    border: 1px solid #DDDDDD;
}

/* Pengungkapan Kuantitatif & Kualitatif Table Styles */
.sbdk-pengungkapan-kuantitatif-table,
.sbdk-pengungkapan-kualitatif-table,
.wp-block-table.sbdk-table,
.entry-content .wp-block-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.sbdk-pengungkapan-kuantitatif-table th,
.sbdk-pengungkapan-kualitatif-table th,
.wp-block-table.sbdk-table th,
.entry-content .wp-block-table th {
    padding: 12px 16px;
    text-align: center;
    font-weight: 600;
    font-family: Poppins;
    font-size: 12px;
    line-height: 18px;
    color: #1F2E45;
}

.sbdk-pengungkapan-kuantitatif-table td,
.sbdk-pengungkapan-kualitatif-table td,
.wp-block-table.sbdk-table td,
.entry-content .wp-block-table td {
    padding: 12px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    color: #1F2E45;
}

.sbdk-pengungkapan-kualitatif-table th,
.wp-block-table.sbdk-table th,
.entry-content .wp-block-table th {
    padding: 16px;
}

/* SBDK row specific styling */
.sbdk-pengungkapan-kuantitatif-table tr.sbdk-row td,
.sbdk-pengungkapan-kualitatif-table tr.sbdk-row td,
.wp-block-table.sbdk-table tr.sbdk-row td,
.entry-content .wp-block-table tr.sbdk-row td {
    font-weight: 600;
    background-color: #F9F9F9;
    color: #1F2E45;
}

/* Table text color override for all tables in SBDK section */
.sbdk-section table td,
.sbdk-section table th {
}