:root{
    --bani-emerald-500:#10b981;
    --bani-emerald-700:#047857;
    --bani-emerald-900:#064e3b;
    --bani-gold:#d4af37;
    --bani-soft:#f3f8f5;
    --bani-text:#1f2937;
}

body.bani-theme{font-family:'Poppins',sans-serif;background:#f8fafc;color:var(--bani-text);padding-top:0}
body.bani-theme h1,body.bani-theme h2,body.bani-theme h3,body.bani-theme h4{font-family:'Philosopher',sans-serif}
.font-philosopher{font-family:'Philosopher',sans-serif!important}

/* NAVBAR - mengikuti tema Bani Fauzan */
.navbar-custom{background:var(--bani-emerald-900);box-shadow:0 4px 16px rgba(0,0,0,.12);transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease;z-index:1050}
.navbar-custom.is-scrolled{background:rgba(6,78,59,.97);backdrop-filter:blur(10px);box-shadow:0 7px 22px rgba(0,0,0,.16)}
.navbar-custom .navbar-brand{color:#fff!important;min-width:0}
.navbar-logo{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(212,175,55,.65);border-radius:12px;background:#fff;color:var(--bani-emerald-900)}
.navbar-logo img{width:100%;height:100%;object-fit:contain;padding:2px}
.navbar-brand-copy{display:block;min-width:0;line-height:1.05}
.navbar-brand-copy strong,.navbar-brand-copy small{display:block}
.navbar-brand-copy strong{font-family:'Philosopher',sans-serif;font-size:1.28rem;font-weight:700;white-space:nowrap}
.navbar-brand-copy small{max-width:280px;margin-top:4px;color:rgba(255,255,255,.65);font-size:.63rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navbar-custom .nav-link{color:rgba(255,255,255,.82)!important;font-size:.88rem;font-weight:500;padding:.6rem .75rem!important;transition:.2s}
.navbar-custom .nav-link:hover,.navbar-custom .nav-link:focus,.navbar-custom .nav-link.active{color:var(--bani-gold)!important}
.navbar-login{font-size:.84rem;font-weight:600}
.bani-dropdown{padding:.6rem;border:0;border-radius:14px;box-shadow:0 20px 48px rgba(0,0,0,.18)}
.bani-dropdown .dropdown-item{padding:.65rem .8rem;border-radius:9px;font-size:.82rem}
.bani-dropdown .dropdown-item:hover{color:var(--bani-emerald-900);background:#ecfdf5}

/* HERO CAROUSEL */
.bani-hero .carousel-item{height:82vh;min-height:540px;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.bani-slider-fallback{background:linear-gradient(135deg,var(--bani-emerald-900),var(--bani-emerald-700))}
.bani-carousel-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,44,34,.08) 0%,rgba(2,44,34,.46) 70%,rgba(2,44,34,.68) 100%)}
.bani-slider-caption{right:10%;bottom:15%;left:10%;z-index:2}
.bani-slider-kicker,.bani-section-kicker{display:inline-block;color:var(--bani-emerald-700);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.bani-slider-kicker{margin-bottom:14px;padding:8px 18px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(7px)}
.bani-slider-summary{max-width:820px;color:rgba(255,255,255,.9)}
.bani-slider-control{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(6,78,59,.5);color:#fff;backdrop-filter:blur(6px)}
.bani-hero .carousel-indicators{bottom:24px}
.bani-hero .carousel-indicators [data-bs-target]{width:10px;height:10px;margin:0 5px;border:0;border-radius:50%}
.btn-emerald{color:#fff!important;background:var(--bani-emerald-700)!important;border-color:var(--bani-emerald-700)!important;transition:.2s}
.btn-emerald:hover{background:var(--bani-emerald-900)!important;border-color:var(--bani-emerald-900)!important;transform:translateY(-2px)}

/* HOME */
.bani-soft-section{background:var(--bani-soft)}
.bani-section-kicker{margin-bottom:.45rem}
.bani-section-kicker.light{color:#f4d35e}
.bani-section-title{margin:.2rem 0 .6rem;color:var(--bani-emerald-900);font-size:clamp(2rem,3.5vw,3rem);font-weight:700}
.bani-profile-photo{position:relative;min-height:390px;overflow:hidden;border-radius:24px;background:#e8f2ed}
.bani-profile-photo>img{width:100%;height:420px;object-fit:cover}
.bani-profile-fallback{height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--bani-emerald-700);font-size:1.4rem}.bani-profile-fallback i{font-size:4rem}
.bani-founded-badge{position:absolute;right:18px;bottom:18px;min-width:138px;padding:14px 18px;border-radius:18px;color:#fff;background:rgba(6,78,59,.94);box-shadow:0 12px 30px rgba(0,0,0,.18);text-align:center}.bani-founded-badge>*{display:block}.bani-founded-badge small{font-size:.62rem;letter-spacing:.12em}.bani-founded-badge strong{font:700 2rem/1.1 'Philosopher',sans-serif;color:#f4d35e}.bani-founded-badge span{font-size:.65rem;color:rgba(255,255,255,.72)}
.bani-vision-card{display:flex;gap:13px;align-items:flex-start;margin:1.5rem 0;padding:1.15rem 1.3rem;border-left:4px solid var(--bani-gold);border-radius:0 14px 14px 0;background:#f7fbf9;color:var(--bani-emerald-900);font-family:'Philosopher',sans-serif;font-size:1.1rem;font-weight:700}.bani-vision-card i{margin-top:3px;color:var(--bani-gold)}
.bani-value-item{height:100%;display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid #dfece6;border-radius:14px;background:#fff}.bani-value-item i{margin-top:4px;color:var(--bani-emerald-700)}.bani-value-item strong,.bani-value-item small{display:block}.bani-value-item strong{color:#173c31;font-size:.88rem}.bani-value-item small{margin-top:2px;color:#6b7280;font-size:.72rem;line-height:1.55}
.bani-stat-card{height:100%;display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #dfece6;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(6,78,59,.06)}.bani-stat-card>i{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 50px;border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--bani-emerald-700),var(--bani-emerald-900));font-size:1.25rem}.bani-stat-card strong,.bani-stat-card span{display:block}.bani-stat-card strong{font:700 1.8rem/1 'Philosopher',sans-serif;color:var(--bani-emerald-900)}.bani-stat-card span{margin-top:4px;color:#64748b;font-size:.75rem}
.bani-major-card{position:relative;padding:28px 26px;border:1px solid #dfece6;border-radius:22px;background:#fff;transition:.25s}.bani-major-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(6,78,59,.12)!important}.bani-major-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:18px;color:#fff;background:linear-gradient(145deg,var(--bani-emerald-700),var(--bani-emerald-900));font-size:1.35rem}.bani-major-code{display:inline-block;margin-bottom:9px;padding:4px 9px;border-radius:999px;color:var(--bani-emerald-700);background:#ecfdf5;font-size:.68rem;font-weight:800}.bani-major-card h3{color:#173c31;font-size:1.4rem;font-weight:700}.bani-major-card p{min-height:58px;color:#6b7280;font-size:.82rem;line-height:1.7}.bani-major-card a{color:var(--bani-emerald-700);font-size:.8rem;font-weight:700;text-decoration:none}

/* BERITA AUTO SCROLL */
.bani-news-wrap{position:relative}.bani-news-marquee{position:relative;overflow:hidden;width:100%;padding:.45rem 3.4rem .9rem;cursor:grab;user-select:none}.bani-news-marquee.is-dragging{cursor:grabbing}.bani-news-track{display:flex;align-items:stretch;gap:1.15rem;width:max-content;will-change:transform}.bani-news-slide{width:min(360px,calc(100vw - 2rem));flex:0 0 auto}.bani-news-card{overflow:hidden;border-radius:0;transition:transform .28s ease,box-shadow .28s ease}.bani-news-card:hover{transform:translateY(-4px);box-shadow:0 1rem 2rem rgba(0,0,0,.12)!important}.bani-news-image{display:block;height:205px;overflow:hidden;background:#e5e7eb}.bani-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.bani-news-card:hover .bani-news-image img{transform:scale(1.07)}.bani-news-title{margin:.1rem 0 .35rem;font-size:1.28rem;font-weight:700;line-height:1.28}.bani-news-title a{color:var(--bani-emerald-900);text-decoration:none}.bani-news-excerpt{font-size:.78rem;line-height:1.72}.bani-news-arrow{position:absolute;top:50%;z-index:5;width:46px;height:46px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(13,110,75,.92);color:#fff;box-shadow:0 .55rem 1.15rem rgba(0,0,0,.18);transform:translateY(-50%);transition:.2s;opacity:0;pointer-events:none}.bani-news-wrap:hover .bani-news-arrow,.bani-news-wrap:focus-within .bani-news-arrow{opacity:1;pointer-events:auto}.bani-news-arrow:hover{background:rgba(9,85,58,.98);transform:translateY(-50%) scale(1.04)}.bani-news-prev{left:.65rem}.bani-news-next{right:.65rem}

.bani-agenda-item{text-decoration:none}.bani-agenda-date{width:62px;height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:0 0 62px;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--bani-emerald-700),var(--bani-emerald-900))}.bani-agenda-date strong{font:700 1.55rem/1 'Philosopher',sans-serif}.bani-agenda-date span{margin-top:4px;font-size:.62rem}.bani-agenda-item h3{color:#173c31;font-size:1.05rem;font-weight:700}
.bani-gallery-item{position:relative;height:205px;display:block;overflow:hidden;border-radius:18px;box-shadow:0 9px 25px rgba(0,0,0,.1)}.bani-gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}.bani-gallery-item span{position:absolute;inset:auto 0 0;padding:40px 14px 13px;color:#fff;background:linear-gradient(transparent,rgba(2,44,34,.92));font-size:.72rem;font-weight:600}.bani-gallery-item:hover img{transform:scale(1.06)}
.bani-download-section,.bani-ppdb-section{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bani-emerald-900),var(--bani-emerald-700))}.bani-download-section:after,.bani-ppdb-section:after{content:"";position:absolute;right:-120px;top:-140px;width:380px;height:380px;border-radius:50%;border:70px solid rgba(255,255,255,.04);pointer-events:none}.bani-download-section>.container,.bani-ppdb-section>.container{position:relative;z-index:1}.bani-download-card{height:100%;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(255,255,255,.17);border-radius:15px;color:#fff!important;background:rgba(255,255,255,.08);text-decoration:none;transition:.2s}.bani-download-card:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.bani-download-card>i{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;border-radius:11px;color:var(--bani-emerald-900);background:#f4d35e}.bani-download-card strong,.bani-download-card small{display:block}.bani-download-card strong{font-size:.78rem}.bani-download-card small{margin-top:4px;color:rgba(255,255,255,.58);font-size:.62rem}.bani-partners{display:flex;align-items:stretch;gap:14px;overflow-x:auto;padding:5px 3px 15px}.bani-partners a{min-width:155px;max-width:155px;min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:14px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;text-decoration:none;transition:.2s}.bani-partners a:hover{transform:translateY(-4px);border-color:var(--bani-emerald-500);box-shadow:0 10px 26px rgba(6,78,59,.1)}.bani-partners img{width:102px;height:54px;object-fit:contain}.bani-partners span{text-align:center;color:#64748b;font-size:.64rem;font-weight:600}

/* MAP */
.bani-map-section{background:#f3f8f5;border-top:1px solid #e3eee8}.bani-map-frame{overflow:hidden;min-height:360px;border:1px solid #dce9e2;border-radius:20px;background:#fff}.bani-map-frame iframe{display:block;width:100%;height:390px;border:0}

/* FOOTER */
.bani-footer{position:relative;overflow:hidden;color:rgba(255,255,255,.72);background-color:#033d31;background-image:linear-gradient(30deg,rgba(255,255,255,.018) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.018) 87.5%),linear-gradient(150deg,rgba(255,255,255,.018) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.018) 87.5%);background-size:80px 140px}.bani-footer-content{padding:4rem 0 3.4rem}.bani-footer-logo{width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(212,175,55,.65);border-radius:14px;background:#fff;color:var(--bani-emerald-900)}.bani-footer-logo img{width:100%;height:100%;object-fit:contain;padding:2px}.bani-footer-title{margin:0;color:#fff;font-family:'Philosopher',sans-serif;font-size:1.75rem;font-weight:700;line-height:1.05}.bani-footer-subtitle{max-width:260px;margin-top:3px;color:rgba(255,255,255,.55);font-size:.68rem}.bani-footer-description{max-width:350px;margin:1.2rem 0 1.3rem;line-height:1.8;font-size:.82rem}.bani-footer-heading{margin-bottom:1.25rem;color:#fff;font-family:'Philosopher',sans-serif;font-size:1.15rem;font-weight:700}.bani-footer-links{margin:0;padding:0;list-style:none}.bani-footer-links li+li{margin-top:.72rem}.bani-footer-links a,.bani-contact-item a{color:rgba(255,255,255,.64)!important;font-size:.78rem;text-decoration:none;transition:.2s}.bani-footer-links a:hover,.bani-contact-item a:hover{color:#f4d35e!important}.bani-social{display:flex;gap:.62rem}.bani-social a{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff!important;background:rgba(255,255,255,.06);text-decoration:none}.bani-social a:hover{color:#033d31!important;background:#f4d35e;border-color:#f4d35e;transform:translateY(-2px)}.bani-contact-item{display:flex;gap:.8rem;margin-bottom:.95rem;font-size:.78rem;line-height:1.7}.bani-contact-item i{width:18px;margin-top:.22rem;color:#f4d35e;text-align:center}.bani-footer-bottom{border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.55);font-size:.7rem}.bani-back-top{position:absolute;right:max(20px,calc((100vw - 1320px)/2));bottom:18px;width:48px;height:48px;z-index:3;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:#fff;background:#f59e0b;box-shadow:0 9px 24px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.bani-back-top.show{opacity:1;visibility:visible;transform:translateY(0)}.bani-back-top:hover{background:#d97706;transform:translateY(-3px)}

/* INNER PAGE: pertahankan struktur SMKWELA, ubah rasa visual ke Bani Fauzan */
body.bani-theme .inner-page{padding-top:74px}
body.bani-theme .inner-hero{background:linear-gradient(135deg,#033d31,var(--bani-emerald-700));padding-top:78px}
body.bani-theme .inner-hero span{color:#f4d35e}
body.bani-theme .section-soft{background:#f3f8f5}
body.bani-theme .public-filter,body.bani-theme .public-content-card,body.bani-theme .contact-info-card,body.bani-theme .contact-form-card,body.bani-theme .student-table-wrap{border-color:#dfece6;border-radius:18px;box-shadow:0 10px 28px rgba(6,78,59,.07)}
body.bani-theme .public-filter button,body.bani-theme .primary-button,body.bani-theme .sidebar-back,body.bani-theme .download-public-list article>a{background:var(--bani-emerald-700)}
body.bani-theme .news-card{border-radius:0!important}
body.bani-theme .news-image{border-radius:0!important}
body.bani-theme .news-content h3{font-family:'Poppins',sans-serif;font-weight:700}
body.bani-theme .team-public-grid article,body.bani-theme .gallery-public-grid>a,body.bani-theme .agenda-public-list article,body.bani-theme .download-public-list article{border-color:#dfece6;box-shadow:0 10px 28px rgba(6,78,59,.06)}

@media(max-width:991.98px){
    .navbar-brand-copy small{max-width:210px}.navbar-custom .navbar-collapse{margin-top:.7rem;padding:.8rem 0 1rem;border-top:1px solid rgba(255,255,255,.12)}.navbar-custom .nav-link{padding:.58rem .2rem!important}.bani-dropdown{box-shadow:none;background:rgba(255,255,255,.06)}.bani-dropdown .dropdown-item{color:rgba(255,255,255,.78)}.bani-dropdown .dropdown-item:hover{color:#fff;background:rgba(255,255,255,.08)}.bani-dropdown .dropdown-divider{border-color:rgba(255,255,255,.14)}
    .bani-hero .carousel-item{height:72vh;min-height:540px}.bani-slider-caption{right:8%;bottom:13%;left:8%}.bani-slider-caption h1{font-size:2.25rem}.bani-profile-photo>img,.bani-profile-fallback{height:380px}.bani-profile-photo{min-height:380px}.bani-footer-content{padding:3.4rem 0 3rem}
}
@media(max-width:767.98px){
    .navbar-logo{width:39px;height:39px;flex-basis:39px}.navbar-brand-copy strong{font-size:1.05rem}.navbar-brand-copy small{max-width:190px;font-size:.56rem}.bani-hero .carousel-item{height:70vh;min-height:520px}.bani-slider-caption{bottom:12%}.bani-slider-caption h1{font-size:2rem}.bani-slider-summary{font-size:.92rem}.bani-slider-caption .btn{font-size:.85rem;padding:.65rem 1rem!important}.bani-hero .carousel-control-prev,.bani-hero .carousel-control-next{display:none}.bani-news-slide{width:min(315px,calc(100vw - 2rem))}.bani-news-marquee{padding-left:2.35rem;padding-right:2.35rem}.bani-news-arrow{width:39px;height:39px}.bani-news-prev{left:.3rem}.bani-news-next{right:.3rem}.bani-footer-bottom .container{padding-right:4rem!important}.bani-back-top{right:18px;bottom:18px}.bani-map-frame,.bani-map-frame iframe{min-height:300px;height:320px}
}
@media(max-width:575.98px){.navbar-brand-copy small{max-width:145px}.bani-slider-kicker{font-size:.66rem;padding:7px 12px}.bani-profile-photo>img,.bani-profile-fallback{height:320px}.bani-profile-photo{min-height:320px}.bani-founded-badge{right:12px;bottom:12px}.bani-news-slide{width:min(285px,calc(100vw - 1.5rem))}.bani-news-title{font-size:1.15rem}.bani-gallery-item{height:165px}}

/* =========================================================
   DETAIL HALAMAN / PROFIL SEKOLAH - IMAGE TEXT WRAP
   Gambar masuk ke badan artikel di sisi kiri dan teks
   membungkus di sisi kanan lalu kembali penuh di bawahnya.
   ========================================================= */
body.bani-theme .bani-page-prose{
    display:block;
    overflow:auto; /* clearfix untuk elemen float */
}

body.bani-theme .bani-page-wrap-image{
    float:left;
    width:min(35%, 360px);
    margin:0 30px 18px 0;
    padding:0;
}

body.bani-theme .bani-page-wrap-image img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    border-radius:14px;
    box-shadow:0 8px 24px rgba(6,78,59,.10);
}

body.bani-theme .bani-page-prose > p:first-of-type{
    margin-top:0;
}

body.bani-theme .bani-page-prose::after{
    content:"";
    display:block;
    clear:both;
}

@media (max-width: 767.98px){
    body.bani-theme .bani-page-wrap-image{
        float:none;
        width:100%;
        max-width:420px;
        margin:0 auto 24px;
    }

    body.bani-theme .bani-page-wrap-image img{
        width:100%;
    }
}

/* =========================================================
   MODUL JURUSAN - kartu 4 kolom mengikuti contoh
   DKV, TSM, AK, MP tetap mengambil data dari database.
   ========================================================= */
body.bani-theme .bani-major-grid{align-items:stretch}
body.bani-theme .bani-major-card{
    position:relative;
    min-height:255px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:28px 22px 24px;
    border:0;
    border-top:2px solid #169b68;
    border-radius:0;
    background:#fff;
    box-shadow:0 12px 24px rgba(15,23,42,.09);
    text-align:center;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
body.bani-theme .bani-major-card:hover{
    transform:translateY(-6px);
    border-top-color:var(--bani-emerald-700);
    box-shadow:0 18px 34px rgba(6,78,59,.14);
}
body.bani-theme .bani-major-icon{
    width:82px;
    height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    border-radius:50%;
    overflow:hidden;
    color:#fff;
    background:#18a468;
    font-size:2rem;
    box-shadow:none;
}
body.bani-theme .bani-major-icon.has-image{
    width:118px;
    height:92px;
    padding:0;
    border:0;
    border-radius:0;
    overflow:visible;
    background:transparent;
}
body.bani-theme .bani-major-icon.has-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:center;
    border:0;
    border-radius:0;
    background:transparent;
}
body.bani-theme .bani-major-card h3{
    width:100%;
    margin:0 0 10px;
    color:#075f43;
    font-family:'Poppins',sans-serif;
    font-size:1.02rem;
    font-weight:800;
    line-height:1.35;
}
body.bani-theme .bani-major-card p{
    min-height:46px;
    margin:0 0 16px;
    color:#746a82;
    font-size:.78rem;
    line-height:1.55;
}
body.bani-theme .bani-major-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:auto;
    color:#665f6b;
    font-size:.82rem;
    font-weight:500;
    text-decoration:none;
}
body.bani-theme .bani-major-more-icon{
    color:#13a86a;
    font-size:1.25rem;
    line-height:1;
}
body.bani-theme .bani-major-more:hover{color:var(--bani-emerald-700)}
body.bani-theme .bani-major-more:hover .bani-major-more-icon{transform:translateX(2px)}
body.bani-theme .bani-major-more-icon{transition:transform .2s ease}

@media (max-width: 575.98px){
    body.bani-theme .bani-major-card{min-height:235px;padding:24px 20px 22px}
    body.bani-theme .bani-major-icon{width:74px;height:74px;font-size:1.8rem}
    body.bani-theme .bani-major-icon.has-image{width:104px;height:82px;padding:0}
}

/* =========================================================
   PATCH 2026-08-09
   - Judul halaman/berita tidak lagi menempel ke sisi layar.
   - Judul halaman standalone sejajar dengan kartu isi.
   - Foto profil desktop mengikuti penuh tinggi kolom konten.
   - Listing Semua Berita tersedia kembali.
   ========================================================= */
body.bani-theme .site-container{
    width:100%;
    max-width:1320px;
    margin-inline:auto;
    padding-inline:24px;
}
body.bani-theme .section{padding:64px 0}

/* Detail halaman: garis kiri hero = garis kiri kartu artikel 990px. */
@media (min-width: 992px){
    body.bani-theme .bani-standalone-page .inner-hero .site-container{
        max-width:1038px; /* 990px isi + 24px padding kiri/kanan */
    }

    /* Profil sekolah: gambar benar-benar mengikuti tinggi kolom kanan,
       termasuk sampai posisi tombol Baca Profil Lengkap. */
    body.bani-theme .bani-profile-row{align-items:stretch!important}
    body.bani-theme .bani-profile-visual{display:flex;align-self:stretch}
    body.bani-theme .bani-profile-photo{
        width:100%;
        height:100%;
        min-height:100%;
        display:flex;
    }
    body.bani-theme .bani-profile-photo>img,
    body.bani-theme .bani-profile-fallback{
        width:100%;
        height:100%!important;
        min-height:520px;
        object-fit:cover;
    }
    body.bani-theme .bani-profile-copy,
    body.bani-theme .bani-profile-copy-inner{
        height:100%;
    }
}

/* Listing Semua Berita */
body.bani-theme .bani-posts-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}
body.bani-theme .bani-post-list-card{
    min-width:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border:1px solid #dfece6;
    box-shadow:0 10px 28px rgba(6,78,59,.07);
    transition:transform .25s ease,box-shadow .25s ease;
}
body.bani-theme .bani-post-list-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 34px rgba(6,78,59,.13);
}
body.bani-theme .bani-post-list-image{
    display:block;
    height:220px;
    overflow:hidden;
    background:#e8f2ed;
}
body.bani-theme .bani-post-list-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}
body.bani-theme .bani-post-list-card:hover .bani-post-list-image img{transform:scale(1.06)}
body.bani-theme .bani-post-list-placeholder{
    height:100%;
    display:grid;
    place-items:center;
    color:var(--bani-emerald-700);
    font-size:2.2rem;
}
body.bani-theme .bani-post-list-body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:22px;
}
body.bani-theme .bani-post-list-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    margin-bottom:10px;
    color:#64748b;
    font-size:.7rem;
}
body.bani-theme .bani-post-list-body h2{
    margin:0 0 8px;
    font-family:'Poppins',sans-serif;
    font-size:1.28rem;
    font-weight:700;
    line-height:1.35;
}
body.bani-theme .bani-post-list-body h2 a{color:var(--bani-emerald-900);text-decoration:none}
body.bani-theme .bani-post-list-body p{
    margin:0 0 18px;
    color:#6b7280;
    font-size:.79rem;
    line-height:1.75;
}

@media (max-width: 991.98px){
    body.bani-theme .site-container{padding-inline:20px}
    body.bani-theme .bani-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 575.98px){
    body.bani-theme .site-container{padding-inline:16px}
    body.bani-theme .bani-posts-grid{grid-template-columns:1fr}
    body.bani-theme .bani-post-list-image{height:205px}
}

/* Agenda + banner iklan: layout modern seperti referensi */
.bani-agenda-section{background:#fff!important}
.bani-agenda-label{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .75rem;border-radius:3px;background:#14965f;color:#fff!important;font-size:.72rem;font-weight:700;text-decoration:none}
.bani-agenda-banners{display:flex;flex-direction:column;gap:1.4rem}
.bani-agenda-banner{display:block;padding:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.10);text-decoration:none;overflow:hidden}
.bani-agenda-banner img{display:block;width:100%;max-height:330px;object-fit:contain;background:#fff;transition:transform .25s ease}
.bani-agenda-banner:hover img{transform:scale(1.015)}
.bani-agenda-list-modern{width:100%}
.bani-agenda-row-modern{display:flex;gap:1rem;padding:0 0 1rem;margin:0 0 1rem;border-bottom:1px solid #e6e8ea}
.bani-agenda-row-modern:last-child{margin-bottom:0}
.bani-agenda-date-modern{width:120px;min-width:120px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;border-radius:4px;background:#18a36c;color:#fff!important;text-decoration:none;text-align:center}
.bani-agenda-date-modern strong{display:block;padding-top:.7rem;font:700 2.65rem/1 'Poppins',sans-serif}
.bani-agenda-date-modern span{display:block;margin-top:.25rem;font-size:.69rem;font-weight:600}
.bani-agenda-date-modern small{width:100%;margin-top:auto;padding:.38rem .2rem;background:#075a34;color:#ffe100;font-size:.68rem;font-weight:700}
.bani-agenda-copy-modern{min-width:0;padding:.05rem 0}
.bani-agenda-copy-modern h3{margin:0 0 .35rem;font-size:.95rem;font-weight:700;line-height:1.35}
.bani-agenda-copy-modern h3 a{color:#075d3d;text-decoration:none}.bani-agenda-copy-modern h3 a:hover{color:#14965f}
.bani-agenda-meta-modern{display:flex;flex-wrap:wrap;gap:.2rem .75rem;margin-bottom:.45rem;color:#3e4650;font-size:.67rem}
.bani-agenda-meta-modern i{color:#f0ab00;margin-right:.25rem}
.bani-agenda-copy-modern p{margin:0;color:#7b7992;font-size:.72rem;line-height:1.5}

/* Statistik pengunjung di bar footer paling bawah */
.bani-footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.bani-footer-visitor-stats{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.8rem 1.15rem}
.bani-footer-visitor-stats span{white-space:nowrap;color:rgba(255,255,255,.83)}
.bani-footer-visitor-stats i{margin-right:.35rem;color:#ffd21c}
.bani-footer-visitor-stats strong{font-weight:500;color:#fff}
@media(max-width:991.98px){.bani-agenda-banner img{max-height:420px}.bani-footer-bottom-inner{align-items:flex-start;flex-direction:column}.bani-footer-visitor-stats{justify-content:flex-start}}
@media(max-width:575.98px){.bani-agenda-date-modern{width:86px;min-width:86px;height:100px}.bani-agenda-date-modern strong{font-size:2.15rem}.bani-agenda-copy-modern h3{font-size:.86rem}.bani-agenda-copy-modern p{font-size:.68rem}.bani-footer-visitor-stats{gap:.55rem 1rem;font-size:.67rem}}

/* Detail berita: gambar utama mengambang di kiri agar teks membungkus seperti isi halaman */
body.bani-theme .public-content-card>.article-cover-float{
    float:left;
    width:min(48%,460px);
    height:auto;
    max-height:none;
    margin:30px 30px 20px 30px;
    border-radius:14px;
    object-fit:cover;
}
body.bani-theme .public-content-card>.article-prose-wrap{padding-top:30px}
body.bani-theme .public-content-card>.article-prose-wrap::after{content:"";display:block;clear:both}
body.bani-theme .public-content-card>.content-meta{clear:both}
@media(max-width:767.98px){
    body.bani-theme .public-content-card>.article-cover-float{float:none;width:calc(100% - 32px);max-width:none;margin:16px 16px 8px;border-radius:12px}
    body.bani-theme .public-content-card>.article-prose-wrap{padding-top:8px}
}

/* ======================================================================
   SMKWELA 1.3: search navbar, detail berita/agenda, sidebar & banner agenda
   ====================================================================== */
.bani-navbar-search{display:flex;align-items:center;height:38px;border:1px solid rgba(255,255,255,.88);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.04);transition:.2s ease}
.bani-navbar-search input{width:105px;min-width:0;height:100%;padding:0 3px 0 14px;border:0;outline:0;background:transparent;color:#fff;font:500 .73rem/1 'Poppins',sans-serif;transition:width .2s ease}
.bani-navbar-search input::placeholder{color:rgba(255,255,255,.86)}
.bani-navbar-search input:focus{width:150px}
.bani-navbar-search button{width:40px;height:100%;border:0;background:transparent;color:#fff;display:grid;place-items:center}
.bani-navbar-search button:hover{background:rgba(255,255,255,.12)}
@media(max-width:991.98px){.bani-navbar-search{width:100%;max-width:360px}.bani-navbar-search input,.bani-navbar-search input:focus{width:100%}}

.bani-detail-page{padding-top:94px;background:#fff}
.bani-detail-section{padding:38px 0 64px!important;background:#fff!important}
.bani-post-detail-layout,.bani-agenda-detail-layout{align-items:start;grid-template-columns:minmax(0,1fr) 310px;gap:30px}
.bani-post-detail-card,.bani-agenda-detail-card{padding:0 0 30px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}
.bani-detail-header{padding:0 0 18px;margin-bottom:22px;border-bottom:1px solid #e7ecea}
.bani-detail-header h1{margin:0 0 14px;color:#075d3d;font-family:'Poppins',sans-serif;font-size:2rem;font-weight:700;line-height:1.25}
.bani-detail-meta{display:flex;flex-wrap:wrap;gap:8px 13px;color:#667085;font-size:.72rem}
.bani-detail-meta i{margin-right:4px;color:#0b8a5b}
.bani-post-body>.article-cover-float{float:left;width:min(43%,420px);height:auto;max-height:360px;margin:0 28px 18px 0;border-radius:0;object-fit:cover}
.bani-post-body::after{content:"";display:block;clear:both}
.bani-post-body .prose,.bani-agenda-description{font-size:.88rem;line-height:1.85;color:#263238}

.bani-detail-sidebar{display:flex;flex-direction:column;gap:25px}
.bani-side-widget{padding:22px 20px;background:#fff;border:1px solid #edf0ee;box-shadow:0 4px 16px rgba(15,23,42,.08)}
.bani-side-widget h3{margin:0;color:#1e293b;font-family:'Poppins',sans-serif;font-size:1.12rem;font-weight:700}
.bani-side-heading-line{width:42px;height:2px;margin:8px 0 14px;background:#ff7a00}
.bani-category-list{list-style:none;margin:0;padding:0}
.bani-category-list li{border-bottom:1px solid #edf0ee}
.bani-category-list li:last-child{border-bottom:0}
.bani-category-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;color:#263238;text-decoration:none;font-size:.78rem;font-weight:600}
.bani-category-list a i{margin-right:8px;color:#ff7a00;font-size:.65rem}
.bani-category-list a b{font-weight:500;color:#4b5563}
.bani-latest-posts{display:flex;flex-direction:column;gap:15px}
.bani-latest-post-item{display:flex;align-items:center;gap:12px;color:#1f2937;text-decoration:none}
.bani-latest-thumb{width:58px;height:58px;min-width:58px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#eef8f4;color:#0b8a5b}
.bani-latest-thumb img{width:100%;height:100%;object-fit:cover}
.bani-latest-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.bani-latest-copy small{color:#7c8796;font-size:.62rem}
.bani-latest-copy small i{margin-right:4px;color:#ff7a00}
.bani-latest-copy b{color:#111827;font-size:.73rem;line-height:1.38}
.bani-latest-post-item:hover .bani-latest-copy b{color:#0b8a5b}

.bani-agenda-detail-image{display:block;width:min(100%,620px);max-height:380px;margin:0 0 24px;object-fit:contain;object-position:left center}
.bani-agenda-facts-table{width:min(100%,620px);margin:0 0 22px;border:1px solid #dfe5e2;border-bottom:0}
.bani-agenda-facts-table>div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid #dfe5e2}
.bani-agenda-facts-table b,.bani-agenda-facts-table span{padding:8px 10px;font-size:.82rem;line-height:1.45}
.bani-agenda-facts-table b{border-right:1px solid #dfe5e2;color:#263238;font-weight:500}
.bani-agenda-facts-table span{color:#374151}
.bani-latest-agendas{display:flex;flex-direction:column;gap:16px}
.bani-latest-agenda-item{display:flex;align-items:center;gap:10px;color:#17202a;text-decoration:none}
.bani-latest-agenda-item time{width:66px;min-width:66px;height:64px;overflow:hidden;border-radius:4px;background:#eef1f2;text-align:center}
.bani-latest-agenda-item time strong{display:block;padding:4px 0 1px;color:#111827;font-size:1.9rem;line-height:1;font-weight:700}
.bani-latest-agenda-item time span{display:block;margin-top:4px;padding:3px 2px;background:#075d3d;color:#ffe000;font-size:.6rem;font-weight:700}
.bani-latest-agenda-item>span:last-child{min-width:0;display:flex;flex-direction:column;gap:5px}
.bani-latest-agenda-item b{font-size:.76rem;line-height:1.35}
.bani-latest-agenda-item small{color:#687386;font-size:.62rem}
.bani-latest-agenda-item small i{margin-right:4px;color:#ff7a00}

/* Banner maksimal 3 item, gambar memanfaatkan lebar kartu tanpa terpotong. */
.bani-agenda-banners{gap:1.6rem!important}
.bani-agenda-banner{padding:10px!important;border-radius:4px!important}
.bani-agenda-banner img{width:100%!important;height:auto!important;max-height:600px!important;object-fit:contain!important;object-position:center!important;background:#fff!important}

@media(max-width:991.98px){
    .bani-detail-page{padding-top:82px}.bani-post-detail-layout,.bani-agenda-detail-layout{grid-template-columns:1fr}.bani-detail-sidebar{margin-top:8px}.bani-detail-header h1{font-size:1.6rem}.bani-agenda-banner img{max-height:none!important}
}
@media(max-width:767.98px){
    .bani-detail-section{padding-top:24px!important}.bani-post-body>.article-cover-float{float:none;width:100%;max-height:none;margin:0 0 18px}.bani-agenda-facts-table>div{grid-template-columns:95px 1fr}.bani-detail-header h1{font-size:1.38rem}.bani-side-widget{padding:18px 16px}
}

/* ======================================================================
   SMKWELA 1.3.1 - Detail Berita & Agenda v2
   Isolated selectors agar tidak bentrok dengan CSS detail lama.
   ====================================================================== */
body.bani-theme .bani-detail-v2{padding-top:92px;background:#f8fbfa!important}
body.bani-theme .bani-detail-section-v2{padding:42px 0 70px}
body.bani-theme .bani-detail-grid-v2{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:30px!important;align-items:start!important}
body.bani-theme .bani-detail-main-v2{min-width:0;padding:30px 34px 38px;background:#fff;border:1px solid #e4ece8;border-radius:18px;box-shadow:0 12px 35px rgba(6,78,59,.06);overflow:hidden}
body.bani-theme .bani-detail-head-v2{margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid #e7ecea}
body.bani-theme .bani-detail-head-v2 h1{margin:0 0 13px;color:#064e3b;font-family:'Poppins',sans-serif!important;font-size:clamp(1.65rem,2.35vw,2.35rem)!important;font-weight:700!important;line-height:1.26!important;letter-spacing:-.02em}
body.bani-theme .bani-detail-meta-v2{display:flex!important;align-items:center;flex-wrap:wrap;gap:7px 14px;color:#65726e;font:400 .75rem/1.45 'Poppins',sans-serif}
body.bani-theme .bani-detail-meta-v2 span{display:inline-flex;align-items:center;gap:5px}
body.bani-theme .bani-detail-meta-v2 i{color:#0d9361}
body.bani-theme .bani-article-v2{min-width:0}
body.bani-theme .bani-article-cover-v2{float:left!important;width:min(44%,440px)!important;height:auto!important;max-height:360px!important;margin:0 28px 16px 0!important;border-radius:12px!important;object-fit:cover!important;object-position:center!important;background:#eef3f1}
body.bani-theme .bani-article-v2::after{content:"";display:block;clear:both}
body.bani-theme .bani-prose-v2{padding:0!important;margin:0!important;color:#293733;font:400 .88rem/1.9 'Poppins',sans-serif!important;overflow-wrap:anywhere}
body.bani-theme .bani-prose-v2 p{margin:0 0 1.15em!important}
body.bani-theme .bani-prose-v2 img{max-width:100%;height:auto;border-radius:10px}
body.bani-theme .bani-prose-v2 table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
body.bani-theme .bani-prose-v2 th,body.bani-theme .bani-prose-v2 td{padding:8px 10px;border:1px solid #dfe7e3}

body.bani-theme .bani-detail-aside-v2{position:sticky;top:105px;display:flex;min-width:0;flex-direction:column;gap:24px}
body.bani-theme .bani-widget-v2{padding:22px 20px;background:#fff;border:1px solid #e8eeeb;border-radius:3px;box-shadow:0 5px 18px rgba(15,23,42,.08)}
body.bani-theme .bani-widget-v2 h3{margin:0;color:#1d2824;font-family:'Poppins',sans-serif!important;font-size:1.12rem!important;font-weight:700!important;line-height:1.3}
body.bani-theme .bani-widget-accent-v2{display:block;width:42px;height:2px;margin:9px 0 13px;background:#ff7a00}
body.bani-theme .bani-category-v2{list-style:none!important;margin:0!important;padding:0!important}
body.bani-theme .bani-category-v2 li{margin:0!important;border-bottom:1px solid #edf1ef}
body.bani-theme .bani-category-v2 li:last-child{border-bottom:0}
body.bani-theme .bani-category-v2 a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:#26332f!important;text-decoration:none!important;font:500 .78rem/1.4 'Poppins',sans-serif}
body.bani-theme .bani-category-v2 a span{display:flex;align-items:center;gap:8px;min-width:0}
body.bani-theme .bani-category-v2 a i{color:#ff7a00;font-size:.62rem}
body.bani-theme .bani-category-v2 a b{color:#58645f;font-weight:500}
body.bani-theme .bani-latest-v2{display:flex;flex-direction:column;gap:15px}
body.bani-theme .bani-latest-item-v2{display:grid!important;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;color:#17211e!important;text-decoration:none!important}
body.bani-theme .bani-latest-thumb-v2{width:58px;height:58px;overflow:hidden;display:grid;place-items:center;border-radius:50%;background:#edf5f1;color:#0c8a5a}
body.bani-theme .bani-latest-thumb-v2 img{display:block;width:100%;height:100%;object-fit:cover}
body.bani-theme .bani-latest-text-v2{min-width:0;display:flex;flex-direction:column;gap:4px}
body.bani-theme .bani-latest-text-v2 small{color:#7a8580;font-size:.62rem;line-height:1.35}
body.bani-theme .bani-latest-text-v2 small i{margin-right:4px;color:#ff7a00}
body.bani-theme .bani-latest-text-v2 b{color:#17211e;font-size:.75rem;line-height:1.4;font-weight:700}
body.bani-theme .bani-latest-item-v2:hover b{color:#0b8a5b}
body.bani-theme .bani-empty-v2{margin:0;color:#7a8580;font-size:.76rem}

body.bani-theme .bani-agenda-cover-v2{display:block;width:min(100%,660px);height:auto;max-height:390px;margin:0 0 24px;border-radius:10px;object-fit:contain;object-position:left center;background:#f7faf8}
body.bani-theme .bani-agenda-facts-v2{width:min(100%,660px);margin:0 0 24px;border:1px solid #dbe4df;border-bottom:0}
body.bani-theme .bani-agenda-facts-v2>div{display:grid;grid-template-columns:125px minmax(0,1fr);border-bottom:1px solid #dbe4df}
body.bani-theme .bani-agenda-facts-v2 strong,body.bani-theme .bani-agenda-facts-v2 span{padding:8px 10px;font:400 .82rem/1.45 'Poppins',sans-serif}
body.bani-theme .bani-agenda-facts-v2 strong{border-right:1px solid #dbe4df;color:#29332f;font-weight:600}
body.bani-theme .bani-agenda-facts-v2 span{color:#37443f}
body.bani-theme .bani-agenda-copy-v2{clear:both;margin-top:4px!important}
body.bani-theme .bani-agenda-latest-v2{display:flex;flex-direction:column;gap:16px}
body.bani-theme .bani-agenda-latest-item-v2{display:grid!important;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;color:#17211e!important;text-decoration:none!important}
body.bani-theme .bani-agenda-latest-item-v2 time{width:66px;height:66px;overflow:hidden;border-radius:5px;background:#eef1f2;text-align:center}
body.bani-theme .bani-agenda-latest-item-v2 time strong{display:block;padding:5px 0 1px;color:#111827;font:700 1.9rem/1 'Poppins',sans-serif}
body.bani-theme .bani-agenda-latest-item-v2 time span{display:block;margin-top:4px;padding:4px 2px;background:#075d3d;color:#ffe000;font:700 .6rem/1 'Poppins',sans-serif}
body.bani-theme .bani-agenda-latest-text-v2{min-width:0;display:flex;flex-direction:column;gap:4px}
body.bani-theme .bani-agenda-latest-text-v2 b{color:#17211e;font-size:.76rem;line-height:1.4;font-weight:700}
body.bani-theme .bani-agenda-latest-text-v2 small{color:#68746f;font-size:.62rem}
body.bani-theme .bani-agenda-latest-text-v2 small i{margin-right:4px;color:#ff7a00}

@media(max-width:991.98px){
 body.bani-theme .bani-detail-v2{padding-top:80px}
 body.bani-theme .bani-detail-section-v2{padding:28px 0 52px}
 body.bani-theme .bani-detail-grid-v2{grid-template-columns:1fr!important;gap:24px!important}
 body.bani-theme .bani-detail-aside-v2{position:static}
 body.bani-theme .bani-detail-main-v2{padding:25px 24px 30px}
}
@media(max-width:767.98px){
 body.bani-theme .bani-detail-main-v2{padding:22px 18px 26px;border-radius:14px}
 body.bani-theme .bani-detail-head-v2 h1{font-size:1.45rem!important}
 body.bani-theme .bani-detail-meta-v2{font-size:.69rem;gap:6px 11px}
 body.bani-theme .bani-article-cover-v2{float:none!important;width:100%!important;max-height:none!important;margin:0 0 18px!important}
 body.bani-theme .bani-prose-v2{font-size:.83rem!important;line-height:1.82!important}
 body.bani-theme .bani-agenda-facts-v2>div{grid-template-columns:92px minmax(0,1fr)}
 body.bani-theme .bani-agenda-facts-v2 strong,body.bani-theme .bani-agenda-facts-v2 span{font-size:.76rem}
}

/* ======================================================================
   SMKWELA Frontend 1.4: profil mobile penuh + index agenda dua kolom
   ====================================================================== */
@media(max-width:767.98px){
    body.bani-theme .bani-profile-photo{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        display:block!important;
        overflow:hidden;
    }
    body.bani-theme .bani-profile-photo>img{
        display:block!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:center!important;
    }
    body.bani-theme .bani-profile-fallback{height:300px!important;min-height:300px!important}
}

body.bani-theme .bani-agenda-index-grid{
    display:grid;
    grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);
    gap:28px;
    align-items:start;
}
body.bani-theme .bani-agenda-index-main{min-width:0}
body.bani-theme .bani-agenda-public-list{display:grid;gap:14px}
body.bani-theme .bani-agenda-public-list article{
    display:grid;
    grid-template-columns:120px minmax(0,1fr) 36px;
    gap:18px;
    align-items:center;
    padding:16px 18px;
    min-height:118px;
    background:#fff;
    border:1px solid #e1ece7;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(6,78,59,.05);
}
body.bani-theme .bani-agenda-public-list article>time{
    display:flex;
    min-height:86px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:6px;
    background:#169c6c;
    color:#fff;
}
body.bani-theme .bani-agenda-public-list article>time strong{font-size:2rem;line-height:1;font-weight:800}
body.bani-theme .bani-agenda-public-list article>time span{margin-top:6px;font-size:.72rem;font-weight:700}
body.bani-theme .bani-agenda-public-list article>time small{width:100%;margin-top:7px;padding:4px 4px;text-align:center;background:#075b3c;color:#ffd633;font-size:.68rem;font-weight:700;white-space:nowrap}
body.bani-theme .bani-agenda-list-copy h2{margin:0 0 5px;font-size:1.05rem;line-height:1.35}
body.bani-theme .bani-agenda-list-copy h2 a{color:#064e3b;text-decoration:none}
body.bani-theme .bani-agenda-list-copy h2 a:hover{color:#0b9b6d}
body.bani-theme .bani-agenda-list-copy p{margin:5px 0 0;color:#64748b;font-size:.82rem;line-height:1.55}
body.bani-theme .bani-agenda-list-meta{display:flex;flex-wrap:wrap;gap:10px!important;font-size:.74rem!important}
body.bani-theme .bani-agenda-list-meta i{color:#0b9b6d}
body.bani-theme .bani-agenda-list-arrow{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#065f46;text-decoration:none;transition:.2s ease}
body.bani-theme .bani-agenda-list-arrow:hover{background:#ecfdf5;transform:translateX(3px)}

body.bani-theme .bani-agenda-ad-column{display:grid;gap:18px;position:sticky;top:100px}
body.bani-theme .bani-agenda-ad-card{
    display:block;
    overflow:hidden;
    background:#fff;
    border:1px solid #e1ece7;
    border-radius:16px;
    box-shadow:0 10px 26px rgba(6,78,59,.07);
    text-decoration:none;
}
body.bani-theme .bani-agenda-ad-card img{
    display:block;
    width:100%;
    height:auto;
    max-height:420px;
    object-fit:contain;
    object-position:center;
    background:#fff;
}
body.bani-theme .bani-agenda-ad-card span{display:block;padding:10px 14px;color:#064e3b;font-size:.82rem;font-weight:600}
body.bani-theme .bani-agenda-ad-empty{display:grid;min-height:180px;place-items:center;align-content:center;gap:8px;background:#fff;border:1px dashed #cbded5;border-radius:16px;color:#94a3b8}
body.bani-theme .bani-agenda-ad-empty i{font-size:2rem}

body.bani-theme .bani-detail-back-wrap-v2{margin-top:28px;padding-top:20px;border-top:1px solid #e4ece8}
body.bani-theme .bani-detail-back-btn-v2{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border:1px solid #0b8f66;
    border-radius:999px;
    color:#087354;
    background:#fff;
    text-decoration:none;
    font-size:.86rem;
    font-weight:600;
    transition:.2s ease;
}
body.bani-theme .bani-detail-back-btn-v2:hover{color:#fff;background:#087354;transform:translateX(-2px);box-shadow:0 7px 16px rgba(8,115,84,.16)}

@media(max-width:991.98px){
    body.bani-theme .bani-agenda-index-grid{grid-template-columns:1fr}
    body.bani-theme .bani-agenda-ad-column{grid-template-columns:repeat(2,minmax(0,1fr));position:static}
}
@media(max-width:575.98px){
    body.bani-theme .bani-agenda-public-list article{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:13px}
    body.bani-theme .bani-agenda-list-arrow{display:none}
    body.bani-theme .bani-agenda-public-list article>time{min-height:78px}
    body.bani-theme .bani-agenda-public-list article>time strong{font-size:1.65rem}
    body.bani-theme .bani-agenda-ad-column{grid-template-columns:1fr}
}

/* ======================================================================
   SMKWELA 1.5 - Banner konsisten + slider mitra auto-scroll
   ====================================================================== */
/* Banner homepage dibuat sama dengan banner pada index Agenda. */
body.bani-theme .bani-agenda-banners{gap:18px!important}
body.bani-theme .bani-agenda-banner{
    display:block!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #e1ece7!important;
    border-radius:16px!important;
    box-shadow:0 10px 26px rgba(6,78,59,.07)!important;
}
body.bani-theme .bani-agenda-banner img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:420px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#fff!important;
}
body.bani-theme .bani-agenda-banner:hover img{transform:scale(1.015)}

/* Nama banner pada index agenda tidak memiliki area/caption. */
body.bani-theme .bani-agenda-ad-card span{display:none!important}

/* Mitra Sekolah: auto-scroll ke kiri, pause saat hover, panah hanya saat hover. */
body.bani-theme .bani-partners-slider{position:relative;overflow:hidden;padding:2px 0}
body.bani-theme .bani-partners-viewport{overflow:hidden;cursor:grab;touch-action:pan-y;outline:none}
body.bani-theme .bani-partners-viewport.is-dragging{cursor:grabbing;user-select:none}
body.bani-theme .bani-partners{
    display:flex!important;
    width:max-content!important;
    align-items:stretch!important;
    gap:14px!important;
    overflow:visible!important;
    padding:5px 3px 15px!important;
    will-change:transform;
}
body.bani-theme .bani-partners>a{flex:0 0 155px!important;min-width:155px!important;max-width:155px!important}
body.bani-theme .bani-partners-arrow{
    position:absolute;
    z-index:8;
    top:50%;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    color:#fff;
    background:rgba(5,94,68,.92);
    box-shadow:0 8px 22px rgba(6,78,59,.25);
    opacity:0;
    pointer-events:none;
    transform:translateY(-50%) scale(.88);
    transition:opacity .2s ease,transform .2s ease,background .2s ease;
}
body.bani-theme .bani-partners-prev{left:10px}
body.bani-theme .bani-partners-next{right:10px}
body.bani-theme .bani-partners-slider:hover .bani-partners-arrow,
body.bani-theme .bani-partners-slider:focus-within .bani-partners-arrow{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
body.bani-theme .bani-partners-arrow:hover{background:#087354}
@media(max-width:991.98px){
    body.bani-theme .bani-agenda-banner img{max-height:420px!important}
}
@media(max-width:767.98px){
    body.bani-theme .bani-partners-arrow{width:36px;height:36px}
}


/* ======================================================================
   SMKWELA Frontend 1.5.1 - proporsi Agenda/Banner konsisten
   ====================================================================== */
/* Home memakai proporsi kolom yang sama persis dengan index Agenda. */
body.bani-theme .bani-agenda-home-grid{
    display:grid;
    grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);
    gap:28px;
    align-items:start;
}
body.bani-theme .bani-agenda-home-grid.is-single{grid-template-columns:1fr}
body.bani-theme .bani-agenda-home-main,
body.bani-theme .bani-agenda-home-ads{min-width:0}
body.bani-theme .bani-agenda-home-ads{position:sticky;top:100px}

/* Banner: gambar tetap maksimal tetapi tidak menempel pada garis bingkai. */
body.bani-theme .bani-agenda-ad-card,
body.bani-theme .bani-agenda-banner{
    box-sizing:border-box!important;
    width:100%!important;
    padding:14px!important;
    background:#fff!important;
    border:1px solid #e1ece7!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-shadow:0 10px 26px rgba(6,78,59,.07)!important;
}
body.bani-theme .bani-agenda-ad-card img,
body.bani-theme .bani-agenda-banner img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:420px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
    border-radius:10px!important;
    background:#fff!important;
}

@media(max-width:991.98px){
    body.bani-theme .bani-agenda-home-grid{grid-template-columns:1fr}
    body.bani-theme .bani-agenda-home-ads{position:static}
}

/* ======================================================================
   SMKWELA 1.6 - Modul YouTube + Kerja Sama dua kolom
   ====================================================================== */
body.bani-theme .bani-media-partner-grid>div{display:flex}
body.bani-theme .bani-youtube-module,
body.bani-theme .bani-partner-module{width:100%;padding:22px;border:1px solid #e5ece8;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(6,78,59,.06)}
body.bani-theme .bani-youtube-frame{position:relative;width:100%;overflow:hidden;border-radius:16px;background:#0f172a;aspect-ratio:16/9;box-shadow:0 8px 24px rgba(15,23,42,.12)}
body.bani-theme .bani-youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
body.bani-theme .bani-youtube-title{margin:14px 2px 0;color:#173f33;font:600 .9rem/1.55 'Poppins',sans-serif}
body.bani-theme .bani-partner-module .bani-partners-slider{margin-top:8px}
body.bani-theme .bani-partner-module .bani-partners{min-height:220px;align-items:center}
body.bani-theme .bani-partner-module .bani-partners>a{flex:0 0 145px!important;min-width:145px!important;max-width:145px!important}
@media(max-width:991.98px){body.bani-theme .bani-youtube-module,body.bani-theme .bani-partner-module{padding:18px}}

/* SMKWELA 1.6.1 - YouTube berdampingan dengan Google Maps */
body.bani-theme .bani-map-section .bani-youtube-module{display:flex;flex-direction:column;width:100%;}
body.bani-theme .bani-map-section .bani-youtube-frame{width:100%;}
body.bani-theme .bani-map-section .row>[class*="col-lg-6"]{min-width:0;}
@media (min-width:992px){
    body.bani-theme .bani-map-section .bani-youtube-module,
    body.bani-theme .bani-map-section .bani-map-frame{width:100%;}
}

/* PATCH 2026-08-11: logo jurusan tanpa background/letterbox warna tema */
body.bani-theme .bani-major-icon.has-image,
body.bani-theme .bani-major-card .bani-major-icon.has-image{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    border:0 !important;
}
body.bani-theme .bani-major-icon.has-image::before,
body.bani-theme .bani-major-icon.has-image::after{
    content:none !important;
    display:none !important;
}
body.bani-theme .bani-major-icon.has-image img{
    background:transparent !important;
    box-shadow:none !important;
}

/* =========================================================
   GURU & KARYAWAN - kartu profil + panel media sosial
   ========================================================= */
body.bani-theme .team-profile-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px;
    align-items:stretch;
}
body.bani-theme .team-profile-card{
    position:relative;
    overflow:visible;
    border:0!important;
    border-top:3px solid var(--bani-emerald-700)!important;
    border-radius:0!important;
    background:#fff;
    box-shadow:0 7px 20px rgba(15,23,42,.11)!important;
    transition:transform .25s ease,box-shadow .25s ease;
}
body.bani-theme .team-profile-card:hover{
    transform:translateY(-5px);
    box-shadow:0 14px 30px rgba(15,23,42,.15)!important;
}
body.bani-theme .team-profile-photo-wrap{
    position:relative;
    height:300px;
    overflow:visible;
    background:#eef2f1;
}
body.bani-theme .team-profile-card .team-profile-photo-wrap>img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
    background:#eef2f1;
}
body.bani-theme .team-profile-info{
    min-height:108px;
    padding:24px 16px 19px!important;
    text-align:center;
}
body.bani-theme .team-profile-info h2{
    margin:0;
    color:#123e4b;
    font-family:'Poppins',sans-serif;
    font-size:1.08rem;
    font-weight:800;
    line-height:1.25;
    text-transform:none;
}
body.bani-theme .team-profile-info p{
    min-height:0;
    margin:5px 0 0;
    color:#151515;
    font-size:.78rem;
    font-weight:400;
    line-height:1.45;
}
body.bani-theme .team-profile-line{
    width:50px;
    height:2px;
    display:block;
    margin:12px auto 0;
    border-radius:99px;
    background:var(--bani-gold,#f59e0b)!important;
}
body.bani-theme .team-social-toggle{
    position:absolute;
    z-index:5;
    left:12px;
    bottom:-20px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:50%;
    color:#fff;
    background:var(--bani-emerald-700);
    box-shadow:0 6px 16px rgba(15,23,42,.18);
    cursor:pointer;
    transition:transform .22s ease,background .22s ease;
}
body.bani-theme .team-social-toggle i{
    transition:transform .25s ease;
}
body.bani-theme .team-profile-card.is-social-open .team-social-toggle i,
body.bani-theme .team-profile-card:hover .team-social-toggle i,
body.bani-theme .team-profile-card:focus-within .team-social-toggle i{
    transform:rotate(180deg);
}
body.bani-theme .team-social-toggle:hover{
    background:var(--bani-emerald-900);
    transform:scale(1.05);
}
body.bani-theme .team-social-panel{
    position:absolute;
    z-index:4;
    top:12px;
    right:12px;
    min-width:48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1px;
    padding:7px 5px;
    background:#fff;
    box-shadow:0 7px 20px rgba(15,23,42,.14);
    opacity:0;
    visibility:hidden;
    transform:translateX(10px);
    transition:opacity .22s ease,visibility .22s ease,transform .22s ease;
}
body.bani-theme .team-profile-card:hover .team-social-panel,
body.bani-theme .team-profile-card:focus-within .team-social-panel,
body.bani-theme .team-profile-card.is-social-open .team-social-panel{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}
body.bani-theme .team-social-panel a{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#123e4b!important;
    background:transparent;
    border-radius:4px;
    font-size:.88rem;
    text-decoration:none;
    transition:color .18s ease,background .18s ease;
}
body.bani-theme .team-social-panel a:hover{
    color:#fff!important;
    background:var(--bani-emerald-700);
}

@media(max-width:1100px){
    body.bani-theme .team-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
}
@media(max-width:767.98px){
    body.bani-theme .team-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    body.bani-theme .team-profile-photo-wrap{height:270px}
    body.bani-theme .team-profile-info{padding:23px 12px 16px!important}
    body.bani-theme .team-profile-info h2{font-size:.96rem}
    body.bani-theme .team-profile-info p{font-size:.72rem}
}
@media(max-width:480px){
    body.bani-theme .team-profile-grid{grid-template-columns:1fr;gap:22px}
    body.bani-theme .team-profile-photo-wrap{height:360px}
}

/* =========================================================
   GURU & KARYAWAN - refinement 2026-08-13
   ========================================================= */
body.bani-theme .team-tabs{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-bottom:28px;
}
body.bani-theme .team-tabs a{
    min-width:132px;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:10px 20px;
    border:2px solid var(--bani-emerald-700)!important;
    border-radius:999px!important;
    color:var(--bani-emerald-900)!important;
    background:#fff!important;
    font-family:'Poppins',sans-serif;
    font-size:.82rem;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 5px 14px rgba(15,23,42,.08);
    transition:.2s ease;
}
body.bani-theme .team-tabs a i{font-size:.92rem}
body.bani-theme .team-tabs a:hover,
body.bani-theme .team-tabs a.active{
    color:#fff!important;
    background:var(--bani-emerald-700)!important;
    border-color:var(--bani-emerald-700)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.14);
    transform:translateY(-1px);
}
body.bani-theme .team-profile-photo-wrap{
    height:355px!important;
    overflow:visible!important;
}
body.bani-theme .team-profile-info{
    min-height:86px!important;
    padding:20px 12px 14px!important;
}
body.bani-theme .team-profile-info h2{
    margin:0!important;
    font-size:1rem!important;
    line-height:1.24!important;
}
body.bani-theme .team-profile-info p{
    margin:4px 0 0!important;
    font-size:.74rem!important;
    line-height:1.35!important;
}
body.bani-theme .team-profile-line{display:none!important}
body.bani-theme .team-social-toggle{
    display:flex!important;
    left:14px!important;
    bottom:-20px!important;
    width:42px!important;
    height:42px!important;
    z-index:12!important;
    opacity:1!important;
    visibility:visible!important;
    background:var(--bani-emerald-700)!important;
    color:#fff!important;
}
body.bani-theme .team-social-toggle:not(.no-social):hover{
    background:var(--bani-emerald-900)!important;
}
body.bani-theme .team-social-toggle.no-social{
    cursor:default!important;
    opacity:.45!important;
}
body.bani-theme .team-social-panel{
    z-index:11!important;
    top:12px!important;
    right:12px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none;
    transform:translateX(12px)!important;
}
body.bani-theme .team-profile-card:hover .team-social-panel,
body.bani-theme .team-profile-card:focus-within .team-social-panel,
body.bani-theme .team-profile-card.is-social-open .team-social-panel{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto;
    transform:translateX(0)!important;
}
@media(max-width:767.98px){
    body.bani-theme .team-profile-photo-wrap{height:320px!important}
    body.bani-theme .team-profile-info{min-height:82px!important;padding:19px 10px 13px!important}
    body.bani-theme .team-tabs a{min-width:120px;padding:9px 15px;font-size:.76rem}
}
@media(max-width:480px){
    body.bani-theme .team-profile-photo-wrap{height:390px!important}
}

/* =========================================================
   PATCH 2026-08-13 - Pagination frontend mengikuti tema aktif
   Berlaku untuk seluruh footer/listing Laravel di frontend.
   ========================================================= */
body.school-frontend .public-pagination .pagination .page-item.active > .page-link,
body.school-frontend .public-pagination .pagination [aria-current="page"] > .page-link,
body.school-frontend .public-pagination .pagination [aria-current="page"] > span,
body.school-frontend .public-pagination nav [aria-current="page"] > span,
body.school-frontend .public-pagination nav span[aria-current="page"] > span,
body.bani-theme .public-pagination .pagination .page-item.active > .page-link,
body.bani-theme .public-pagination .pagination [aria-current="page"] > .page-link,
body.bani-theme .public-pagination nav [aria-current="page"] > span,
body.bani-theme .public-pagination nav span[aria-current="page"] > span{
    background:var(--emerald-700,#047857)!important;
    border-color:var(--emerald-700,#047857)!important;
    color:#fff!important;
    opacity:1!important;
    box-shadow:0 5px 14px rgba(var(--theme-700-rgb,4,120,87),.18)!important;
}
body.school-frontend .public-pagination .pagination .page-item.active > .page-link *,
body.school-frontend .public-pagination .pagination [aria-current="page"] *,
body.school-frontend .public-pagination nav span[aria-current="page"] *,
body.bani-theme .public-pagination .pagination .page-item.active > .page-link *,
body.bani-theme .public-pagination .pagination [aria-current="page"] *,
body.bani-theme .public-pagination nav span[aria-current="page"] *{
    color:#fff!important;
}

/* DATA SISWA - index + modal detail */
body.bani-theme .bani-student-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;font-size:.82rem;color:#111827}
body.bani-theme .bani-student-length,body.bani-theme .bani-student-search{display:flex;align-items:center;gap:7px;margin:0}
body.bani-theme .bani-student-length select{width:68px;height:36px;padding:0 9px;border:1px solid #cfd8d3;border-radius:3px;background:#fff}
body.bani-theme .bani-student-search input{width:195px;height:34px;padding:0 10px;border:1px solid #cbd5e1;border-radius:3px;background:#fff;outline:none}
body.bani-theme .bani-student-search input:focus{border-color:var(--bani-emerald-700);box-shadow:0 0 0 3px rgba(4,120,87,.08)}
body.bani-theme .bani-student-table-wrap{border-radius:0;box-shadow:none;border-color:#d8e0dc}
body.bani-theme .bani-student-table{min-width:860px}
body.bani-theme .bani-student-table thead th{padding:14px 18px;background:linear-gradient(135deg,var(--bani-emerald-900),var(--bani-emerald-700))!important;color:#fff!important;font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:700;text-transform:none;letter-spacing:0;border-right:1px solid rgba(255,255,255,.18)}
body.bani-theme .bani-student-table thead th:last-child{border-right:0}
body.bani-theme .bani-student-table tbody td{padding:12px 18px;color:#111827;font-size:.78rem;border-color:#d8e0dc}
body.bani-theme .bani-student-table tbody tr:hover{background:#f7fbf9}
body.bani-theme .bani-student-status{padding:0!important;background:transparent!important;color:#1996b3!important;font-size:.78rem!important;font-weight:400!important}
body.bani-theme .bani-student-detail-btn{padding:.38rem .75rem;border:0;border-radius:4px;background:var(--bani-emerald-700);color:#fff;font-size:.75rem;font-weight:600}
body.bani-theme .bani-student-detail-btn:hover{background:var(--bani-emerald-900);color:#fff}
body.bani-theme .bani-student-modal .modal-content{border:0;border-radius:5px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.26)}
body.bani-theme .bani-student-modal .modal-header{padding:16px 18px;border-bottom:1px solid #d8e0dc}
body.bani-theme .bani-student-modal .modal-title{font-family:'Poppins',sans-serif;color:#174d5c;font-size:1.03rem;font-weight:600}
body.bani-theme .bani-student-modal .modal-body{padding:18px}
body.bani-theme .bani-student-detail-table th{width:155px;background:#fbfcfc;color:#4b5563;font-size:.78rem;font-weight:500;white-space:nowrap}
body.bani-theme .bani-student-detail-table td{color:#4b5563;font-size:.78rem}
body.bani-theme .bani-student-detail-table th,body.bani-theme .bani-student-detail-table td{padding:10px 18px;vertical-align:middle;border-color:#d7dfe3}
body.bani-theme .bani-student-modal .modal-footer{padding:16px 18px;border-top:1px solid #d8e0dc}
@media(max-width:767.98px){body.bani-theme .bani-student-toolbar{align-items:stretch;flex-direction:column}.bani-student-search{justify-content:space-between}body.bani-theme .bani-student-search input{flex:1;width:auto}}

/* PATCH 2026-08-16: proporsi judul YouTube + Google Maps di halaman home */
body.bani-theme .bani-map-section .bani-section-title{
    font-size:clamp(1.75rem,2.8vw,2.5rem);
    line-height:1.14;
}

/* PATCH 2026-08-16: samakan judul utama home Profil, Berita, Agenda, YouTube & Google Maps = maks. 40px */
body.bani-theme .bani-profile-copy .bani-section-title,
body.bani-theme #berita .bani-section-title,
body.bani-theme #agenda .bani-section-title,
body.bani-theme .bani-map-section .bani-section-title{
    font-size:clamp(1.75rem,2.8vw,2.5rem)!important;
    line-height:1.14;
}

/* PATCH 2026-08-17: index Agenda - tanggal/jam tetap utuh di dalam kotak */
body.bani-theme .bani-agenda-index-page .bani-agenda-public-list article{
    min-width:0;
    min-height:132px;
    overflow:hidden;
}
body.bani-theme .bani-agenda-index-page .bani-agenda-public-list article>time{
    width:88px;
    min-width:88px;
    height:112px;
    min-height:112px;
    justify-content:flex-start;
    overflow:hidden;
}
body.bani-theme .bani-agenda-index-page .bani-agenda-public-list article>time strong{
    display:block;
    padding-top:10px;
    line-height:1;
}
body.bani-theme .bani-agenda-index-page .bani-agenda-public-list article>time span{
    display:block;
    margin-top:6px;
    line-height:1.2;
    white-space:nowrap;
}
body.bani-theme .bani-agenda-index-page .bani-agenda-public-list article>time small{
    display:flex;
    min-height:32px;
    margin-top:auto;
    padding:4px 3px;
    align-items:center;
    justify-content:center;
    line-height:1.25;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
}
body.bani-theme .bani-agenda-index-page .bani-agenda-list-copy{
    min-width:0;
    overflow:hidden;
}
body.bani-theme .bani-agenda-index-page .bani-agenda-list-meta{
    width:100%;
    min-width:0;
    overflow:hidden;
}
body.bani-theme .bani-agenda-index-page .bani-agenda-list-meta>span{
    display:inline-flex;
    min-width:0;
    max-width:100%;
    align-items:flex-start;
    white-space:normal;
    overflow-wrap:anywhere;
}
body.bani-theme .bani-agenda-index-page .bani-agenda-list-meta>span i{
    flex:0 0 auto;
    margin-top:2px;
}

@media(max-width:575.98px){
    body.bani-theme .bani-agenda-index-page .bani-agenda-public-list article{
        min-height:126px;
    }
    body.bani-theme .bani-agenda-index-page .bani-agenda-public-list article>time{
        width:72px;
        min-width:72px;
        height:108px;
        min-height:108px;
    }
    body.bani-theme .bani-agenda-index-page .bani-agenda-public-list article>time strong{
        padding-top:9px;
    }
    body.bani-theme .bani-agenda-index-page .bani-agenda-public-list article>time small{
        min-height:34px;
        font-size:.62rem;
    }
}

/* ======================================================================
   WEBMADIN FIX - Index Agenda: lebarkan KOTAK tanggal/jam, bukan jaraknya
   ====================================================================== */
body.bani-theme .bani-agenda-public-list article{
    grid-template-columns:132px minmax(0,1fr) 36px;
    column-gap:10px;
}
body.bani-theme .bani-agenda-public-list article>time{
    width:132px;
    min-width:132px;
    max-width:132px;
    box-sizing:border-box;
}
body.bani-theme .bani-agenda-public-list article>time small{
    box-sizing:border-box;
    white-space:nowrap!important;
    font-size:.66rem;
    letter-spacing:-.1px;
    padding-left:2px;
    padding-right:2px;
}

@media(max-width:575.98px){
    body.bani-theme .bani-agenda-public-list article{
        grid-template-columns:124px minmax(0,1fr);
        column-gap:8px;
        row-gap:8px;
        padding:13px;
    }
    body.bani-theme .bani-agenda-public-list article>time{
        width:124px;
        min-width:124px;
        max-width:124px;
    }
    body.bani-theme .bani-agenda-public-list article>time small{
        font-size:.61rem;
        white-space:nowrap!important;
        padding-left:1px;
        padding-right:1px;
    }
}