/* ==========================================================================
   PNBYW — JADWAL SIDANG IFRAME SIPP
   File: assets/css/widgets/jadwal-sidang.css
   ========================================================================== */

.pnbyw-sipp-iframe-card{
    margin:6px 0 12px;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #e2e4e8;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
    box-sizing:border-box;
    color:#1A1D23;
    font-family:var(--pnbyw-font-main, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.pnbyw-sipp-iframe-head{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    min-height:50px !important;
    padding:10px 14px !important;
    background:linear-gradient(135deg,#9a2109,#c43012) !important;
    color:#fff !important;
    box-sizing:border-box !important;
}

/* Hilangkan underline / garis bawah dari CSS global */
.pnbyw-sipp-iframe-head,
.pnbyw-sipp-iframe-head *,
.pnbyw-sipp-iframe-head a,
.pnbyw-sipp-iframe-head a:hover,
.pnbyw-sipp-iframe-head a:focus{
    text-decoration:none !important;
    border-bottom:none !important;
    box-shadow:none !important;
    outline:none;
}

.pnbyw-sipp-iframe-title-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
}

/* Ikon dibuat kecil dan sejajar dengan teks */
.pnbyw-sipp-iframe-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 14px !important;
    width:14px !important;
    height:14px !important;
    margin:0 !important;
    padding:0 !important;
    color:#f6c453 !important;
    font-size:12px !important;
    line-height:1 !important;
}

/* Judul dipaksa kecil agar tidak kalah oleh style global h2 */
.pnbyw-sipp-iframe-head .pnbyw-sipp-iframe-title,
.pnbyw-sipp-iframe-title{
    display:block !important;
    flex:0 1 auto !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;

    color:#fff !important;
    font-family:var(--pnbyw-font-main, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
    font-size:10.5px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    text-transform:uppercase !important;
    letter-spacing:.02em !important;

    text-decoration:none !important;
    border:0 !important;
    border-bottom:none !important;
    box-shadow:none !important;
}

/* Pastikan semua teks header tetap putih */
.pnbyw-sipp-iframe-head span,
.pnbyw-sipp-iframe-head small,
.pnbyw-sipp-iframe-head strong{
    color:#fff !important;
}

/* Tombol Buka SIPP disembunyikan */
.pnbyw-sipp-iframe-open{
    display:none !important;
}

/* ==========================================================================
   BODY IFRAME
   ========================================================================== */

.pnbyw-sipp-iframe-body{
    position:relative;
    width:100%;
    min-height:720px;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
    color:#1A1D23;
}

/* Loading text */
.pnbyw-sipp-iframe-loading{
    position:absolute;
    inset:0;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:#fff8f4;
    border:1px solid #ffd0c3;
    color:#9a2109;
    font-family:var(--pnbyw-font-main, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
    font-size:13px;
    font-weight:700;
    line-height:1.6;
    text-align:center;
}

/* Iframe utama */
.pnbyw-sipp-iframe{
    position:relative;
    z-index:2;
    display:block;
    width:100%;
    height:720px;
    border:0;
    background:#fff;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.pnbyw-sipp-iframe-foot{
    padding:10px 14px;
    background:#fafafa;
    border-top:1px solid #e2e4e8;
    color:#6b7280;
    font-family:var(--pnbyw-font-main, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
    font-size:12px;
    font-weight:500;
    line-height:1.5;
    text-align:center;
    box-sizing:border-box;
}

.pnbyw-sipp-iframe-foot a{
    color:#9a2109;
    font-weight:700;
    text-decoration:none;
}

.pnbyw-sipp-iframe-foot a:hover{
    color:#741807;
    text-decoration:underline;
}

/* ==========================================================================
   ERROR
   ========================================================================== */

.pnbyw-sipp-iframe-error{
    margin:12px 0;
    padding:14px;
    border-radius:8px;
    background:#fff8f4;
    border:1px solid #ffd0c3;
    color:#9a2109;
    font-family:var(--pnbyw-font-main, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
    font-size:13px;
    font-weight:600;
    line-height:1.6;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media(max-width:900px){

    .pnbyw-sipp-iframe-body{
        min-height:680px;
    }

    .pnbyw-sipp-iframe{
        height:680px;
    }

}

@media(max-width:768px){

    .pnbyw-sipp-iframe-head{
        min-height:46px !important;
        padding:9px 12px !important;
    }

    .pnbyw-sipp-iframe-title-wrap{
        gap:7px !important;
        width:100% !important;
    }

    .pnbyw-sipp-iframe-icon{
        flex:0 0 13px !important;
        width:13px !important;
        height:13px !important;
        font-size:11px !important;
    }

    .pnbyw-sipp-iframe-head .pnbyw-sipp-iframe-title,
    .pnbyw-sipp-iframe-title{
        font-size:10px !important;
        line-height:1.1 !important;
    }

    .pnbyw-sipp-iframe-body{
        min-height:640px;
        overflow:auto;
        -webkit-overflow-scrolling:touch;
    }

    /*
       SIPP biasanya layout tabel desktop.
       Di mobile iframe diberi min-width agar tabel tidak hancur,
       lalu wrapper .pnbyw-sipp-iframe-body bisa discroll horizontal.
    */
    .pnbyw-sipp-iframe{
        width:100%;
        min-width:760px;
        height:640px;
    }

    .pnbyw-sipp-iframe-foot{
        font-size:11.5px;
    }

}

@media(max-width:420px){

    .pnbyw-sipp-iframe-card{
        border-radius:9px;
    }

    .pnbyw-sipp-iframe-head{
        min-height:44px !important;
        padding:9px 12px !important;
    }

    .pnbyw-sipp-iframe-title-wrap{
        gap:6px !important;
    }

    .pnbyw-sipp-iframe-icon{
        flex:0 0 12px !important;
        width:12px !important;
        height:12px !important;
        font-size:10.5px !important;
    }

    .pnbyw-sipp-iframe-head .pnbyw-sipp-iframe-title,
    .pnbyw-sipp-iframe-title{
        font-size:9.8px !important;
    }

    .pnbyw-sipp-iframe-body{
        min-height:600px;
    }

    .pnbyw-sipp-iframe{
        min-width:760px;
        height:600px;
    }

    .pnbyw-sipp-iframe-foot{
        padding:9px 12px;
        font-size:11px;
    }

}