/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/* ==================================================
   BANK SIDOARJO - SEARCH PAGE
   ================================================== */

body.search,
body.search .site-content {
    background: #ffffff;
}


/* Hilangkan batas container Astra pada Search Page */
body.search .site-content > .ast-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Primary */
body.search #primary.bs-results-area {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}


/* ==================================================
   HERO
   ================================================== */

body.search .ast-archive-description {
    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.10) 0%,
            rgba(255,255,255,0.02) 55%,
            rgba(255,255,255,0) 100%
        ),
        url('http://bprdeltaartha.com/subweb/wp-content/uploads/2026/09/ChatGPT-Image-24-Sep-2026-18.29.54.png') !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* Hero inner */
body.search .bs-hero-inner {
    width: 100%;
    max-width: 1400px;

    margin: 0 auto;

    padding: 50px 35px;
}


/* Judul */
body.search .bs-hero-title {
    margin: 0 0 7px !important;

    color: #075f3b !important;

    font-size: 44px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}


/* Deskripsi */
body.search .bs-hero-desc {
    margin: 0 0 24px !important;

    color: #36574a !important;

    font-size: 16px !important;
    line-height: 1.5;
}


/* ==================================================
   SEARCH BOX
   ================================================== */

body.search .bs-search-box {
    display: flex;
    align-items: center;

    width: 100%;
    max-width: 620px;

    padding: 6px;

    background: #ffffff;

    border: 1px solid rgba(8, 122, 73, .12);
    border-radius: 16px;

    box-shadow:
        0 10px 30px rgba(0, 92, 55, .08);
}


/* Icon */
body.search .bs-search-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    min-width: 46px;

    color: #087a49;
}


/* Input */
body.search .bs-search-box input[type="search"] {
    flex: 1;
    min-width: 0;

    height: 48px;

    margin: 0 !important;
    padding: 0 8px !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #173c30;

    font-size: 15px;
}


/* Tombol X */
body.search .bs-clear-search {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    color: #6c7974 !important;

    font-size: 23px;

    cursor: pointer;
}


/* Tombol Cari */
body.search .bs-search-button {
    height: 48px;

    padding: 0 34px !important;

    border: 0 !important;
    border-radius: 12px !important;

    background:
        linear-gradient(
            135deg,
            #119b4f,
            #087a49
        ) !important;

    color: #ffffff !important;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


body.search .bs-search-button:hover {
    transform: translateY(-1px);

    box-shadow:
        0 7px 18px rgba(8, 122, 73, .20);
}


/* ==================================================
   SEARCH RESULTS LAYOUT
   ================================================== */

body.search .bs-search-layout {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        290px !important;

    gap: 24px !important;

    align-items: start;

    width: calc(100% - 60px) !important;
    max-width: 1400px !important;

    margin: 55px auto 70px !important;
}


/* Kolom hasil */
body.search .bs-results-column {
    width: 100%;
    min-width: 0;
}


/* Keterangan keyword */
body.search .bs-results-info {
    margin: 0 0 16px;

    color: #35564a;

    font-size: 15px;
    line-height: 1.5;
}


body.search .bs-results-info strong {
    color: #087a49;
}


/* ==================================================
   SEARCH RESULT CARD
   ================================================== */

body.search .bs-results-column article {
    position: relative;

    width: 100% !important;
    min-height: 175px !important;

    margin: 0 0 18px 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #ffffff !important;

    border: 1px solid #e1ebe6 !important;
    border-radius: 14px !important;

    box-shadow:
        0 2px 8px rgba(0, 70, 40, 0.025) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* Hover */

body.search .bs-results-column article:hover {
    transform: translateY(-2px);

    border-color: #c7dfd3 !important;

    box-shadow:
        0 8px 22px rgba(0, 80, 45, .07) !important;
}


/* ==================================================
   THUMBNAIL
   ================================================== */

body.search .bs-results-column article .post-thumb {
    flex: 0 0 230px !important;

    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;

    margin: 0 !important;

    overflow: hidden;
}


body.search .bs-results-column article .post-thumb a {
    display: block;

    width: 100%;
    height: 175px;
}


body.search .bs-results-column article .post-thumb img {
    display: block;

    width: 100% !important;
    height: 175px !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 0 !important;

    transition: transform .35s ease;
}


/* Zoom gambar sangat halus */

body.search .bs-results-column article:hover .post-thumb img {
    transform: scale(1.025);
}


/* ==================================================
   CARD CONTENT
   ================================================== */

body.search .bs-results-column article .post-content {
    min-width: 0;

    padding: 15px 22px 14px 22px !important;
}


/* Meta kategori + tanggal */

body.search .bs-results-column article .bs-result-meta {
    margin-bottom: 6px !important;
}


/* Judul */

body.search .bs-results-column article .entry-title {
    margin: 0 0 7px 0 !important;

    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}


body.search .bs-results-column article .entry-title,
body.search .bs-results-column article .entry-title a {
    color: #16231d !important;

    text-decoration: none !important;
}


body.search .bs-results-column article .entry-title a {
    transition: color .2s ease;
}


body.search .bs-results-column article .entry-title a:hover {
    color: #087a49 !important;
}


/* ==================================================
   EXCERPT
   ================================================== */

body.search .bs-results-column article .ast-excerpt-container,
body.search .bs-results-column article .entry-summary,
body.search .bs-results-column article .entry-content {
    margin: 0 !important;

    color: #4e5d56 !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
}


body.search .bs-results-column article .ast-excerpt-container p,
body.search .bs-results-column article .bs-search-excerpt {
    margin: 0 !important;

    color: #4e5d56 !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
}


/* ==================================================
   SELENGKAPNYA
   ================================================== */

body.search .bs-results-column article .ast-read-more-container,
body.search .bs-results-column article .read-more {
    margin: 10px 0 0 0 !important;
}


body.search .bs-results-column article .ast-read-more-container a,
body.search .bs-results-column article .read-more a,
body.search .bs-results-column article .ast-button {
    color: #078348 !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition: color .2s ease;
}


body.search .bs-results-column article .ast-read-more-container a:hover,
body.search .bs-results-column article .read-more a:hover {
    color: #055f35 !important;
}


/* ==================================================
   SIDEBAR
   ================================================== */

body.search .bs-search-sidebar {
    display: flex;
    flex-direction: column;

    width: 100% !important;

    gap: 18px;
}


/* Sidebar card */
body.search .bs-side-card {
    padding: 20px;

    background:
        linear-gradient(
            145deg,
            #f5fbf8,
            #edf7f2
        );

    border: 1px solid #dcebe4;
    border-radius: 13px;
}


/* Heading */
body.search .bs-side-card h3 {
    margin: 0 0 14px;

    color: #075f3b;

    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}


/* ==================================================
   POPULAR SEARCH
   ================================================== */

body.search .bs-popular-search {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;
}


body.search .bs-popular-search a {
    display: inline-flex;

    padding: 7px 12px;

    background: #ffffff;

    border: 1px solid #dfece6;
    border-radius: 50px;

    color: #23483b;

    font-size: 12px;

    text-decoration: none;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}


body.search .bs-popular-search a:hover {
    background: #087a49;

    border-color: #087a49;

    color: #ffffff;
}


/* ==================================================
   HELP CARD
   ================================================== */

body.search .bs-help-card {
    display: flex;

    gap: 14px;

    background: #ffffff;
}


body.search .bs-help-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    min-width: 38px;

    background: #087a49;

    border-radius: 50%;

    color: #ffffff;

    font-size: 19px;
    font-weight: 700;
}


body.search .bs-help-card h3 {
    margin-bottom: 6px;
}


body.search .bs-help-card p {
    margin: 0 0 14px;

    color: #64746e;

    font-size: 13px;
    line-height: 1.5;
}


body.search .bs-contact-button {
    display: inline-flex;

    padding: 8px 14px;

    border: 1px solid #087a49;
    border-radius: 9px;

    color: #087a49;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease;
}


body.search .bs-contact-button:hover {
    background: #087a49;

    color: #ffffff;
}



/* ==================================================
   SEARCH EMPTY STATE
   ================================================== */

body.search .bs-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 350px;

    padding: 55px 35px;

    background: #ffffff;

    border: 1px solid #e1ebe6;
    border-radius: 14px;

    text-align: center;
}


/* ICON */

body.search .bs-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    margin-bottom: 20px;

    border-radius: 50%;

    background: #eaf7f0;

    color: #087a49;
}


/* JUDUL */

body.search .bs-empty-state h2 {
    margin: 0 0 10px !important;

    color: #153d2e !important;

    font-size: 22px !important;
    font-weight: 700 !important;
}


/* DESKRIPSI */

body.search .bs-empty-state p {
    max-width: 520px;

    margin: 0 0 22px !important;

    color: #65756e;

    font-size: 14px;
    line-height: 1.7;
}


body.search .bs-empty-state p strong {
    color: #087a49;
    font-weight: 600;
}


/* BUTTON */

body.search .bs-empty-search-button {
    padding: 11px 20px !important;

    background: #087a49 !important;

    border: 1px solid #087a49 !important;
    border-radius: 9px !important;

    color: #ffffff !important;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


body.search .bs-empty-search-button:hover {
    background: #066a3f !important;

    transform: translateY(-1px);

    box-shadow: 0 5px 14px rgba(8, 122, 73, .15);
}


/* MOBILE */

@media (max-width: 600px) {

    body.search .bs-empty-state {
        min-height: 300px;

        padding: 40px 20px;
    }


    body.search .bs-empty-icon {
        width: 62px;
        height: 62px;
    }


    body.search .bs-empty-state h2 {
        font-size: 19px !important;
    }

}

/* ==================================================
   SEARCH PAGINATION
   ================================================== */

body.search .ast-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin: 32px 0 10px !important;
}


/* Container pagination */

body.search .ast-pagination .nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    width: auto !important;
}


/* Semua tombol */

body.search .ast-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 40px;
    height: 40px;

    margin: 0 !important;
    padding: 0 12px !important;

    border: 1px solid #dce8e2 !important;
    border-radius: 9px !important;

    background: #ffffff !important;

    color: #35564a !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


/* Halaman aktif */

body.search .ast-pagination .page-numbers.current {
    background: #087a49 !important;
    border-color: #087a49 !important;

    color: #ffffff !important;
}


/* Previous + Next */

body.search .ast-pagination .prev,
body.search .ast-pagination .next {
    width: auto !important;

    padding: 0 16px !important;
}


/* Hover */

body.search .ast-pagination a.page-numbers:hover {
    background: #edf7f2 !important;
    border-color: #bcdacb !important;

    color: #087a49 !important;

    transform: translateY(-1px);
}

/* ==================================================
   DESKTOP
   ================================================== */

@media (min-width: 1201px) {

    body.search .bs-search-sidebar {
        position: sticky;
        top: 30px;
    }

}


/* ==================================================
   TABLET
   601px - 1200px
   ================================================== */

@media (min-width: 601px) and (max-width: 1200px) {

    /* HERO */

    body.search .bs-hero-inner {
        padding: 42px 35px !important;
    }

    body.search .bs-hero-title {
        font-size: 36px !important;
    }


    /* =========================================
       LAYOUT
       Hasil kiri + Sidebar kanan
       ========================================= */

    body.search .bs-search-layout {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            290px !important;

        gap: 24px !important;

        width: calc(100% - 60px) !important;
        max-width: 1200px !important;

        margin: 45px auto 60px !important;
    }


    /* =========================================
       CARD TABLET
       Gambar atas, konten bawah
       ========================================= */

    body.search .bs-results-column article {
        min-height: 0 !important;
    }


    /*
     * Ini parent asli gambar + post-content.
     * Kita target child langsung supaya tidak
     * bergantung pada nama ast-post-format.
     */

    body.search .bs-results-column article .ast-article-inner {
        display: block !important;
    }


    /* GAMBAR */

    body.search .bs-results-column article .post-thumb {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }


    body.search .bs-results-column article .post-thumb a {
        display: block !important;

        width: 100% !important;
        height: 180px !important;
    }


    body.search .bs-results-column article .post-thumb img {
        display: block !important;

        width: 100% !important;
        height: 180px !important;

        object-fit: cover !important;
        object-position: center !important;

        border-radius: 0 !important;
    }


    /* KONTEN */

    body.search .bs-results-column article .post-content {
        width: 100% !important;
        max-width: 100% !important;

        padding: 18px 20px 17px !important;
    }


    /* Excerpt jangan terlalu panjang */

    body.search .bs-results-column article .bs-search-excerpt,
    body.search .bs-results-column article .ast-excerpt-container {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
    }


    /* =========================================
       SIDEBAR
       Tetap kanan
       ========================================= */

    body.search .bs-search-sidebar {
        display: flex !important;
        flex-direction: column !important;

        position: static !important;

        width: 100% !important;

        gap: 18px !important;

        margin: 0 !important;
    }

}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 600px) {

    /* Hero */

    body.search .bs-hero-inner {
        padding: 32px 20px;
    }


    body.search .bs-hero-title {
        font-size: 30px !important;
    }


    body.search .bs-hero-desc {
        margin-bottom: 18px !important;

        font-size: 14px !important;
    }


    /* Search */

    body.search .bs-search-box {
        border-radius: 13px;
    }


    body.search .bs-search-icon {
        width: 38px;
        min-width: 38px;
    }


    body.search .bs-search-button {
        padding: 0 20px !important;
    }


    /* Layout */

    body.search .bs-search-layout {
        display: block !important;

        width: calc(100% - 32px) !important;

        margin-top: 30px !important;
        margin-bottom: 45px !important;
    }


    body.search .bs-results-info {
        font-size: 14px;
    }


    /* Card */

    body.search .bs-results-column article {
        min-height: 0 !important;

        margin-bottom: 15px !important;

        border-radius: 12px !important;
    }


    /* Thumbnail mobile */

    body.search .bs-results-column article .post-thumb {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }


    body.search .bs-results-column article .post-thumb a {
        height: 190px;
    }


    body.search .bs-results-column article .post-thumb img {
        width: 100% !important;
        height: 190px !important;

        border-radius: 0 !important;
    }


    body.search .bs-results-column article .entry-title {
        font-size: 17px !important;
    }


    /* Sidebar */

    body.search .bs-search-sidebar {
        display: flex;
        flex-direction: column;

        margin-top: 25px;
    }

}
/* ==============================
   CLEAN SEARCH EXCERPT
   ============================== */

body.search .bs-search-excerpt {
    margin: 0 !important;
    padding: 0 !important;

    color: #53655e !important;

    font-size: 13.5px !important;
    line-height: 1.55 !important;
}
/* =================================
   SEARCH HERO - NO TOP GAP
   ================================= */

body.search .site-content,
body.search .site-main,
body.search #primary,
body.search .ast-archive-description {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Kembalikan padding isi hero */
body.search .bs-hero-inner {
    padding: 50px 35px !important;
}


/* =========================================
   SEARCH RESULT META
   Kategori • Tanggal
   ========================================= */

body.search .bs-result-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    column-gap: 8px !important;

    margin: 0 0 6px 0 !important;

    font-size: 13px;
    line-height: 1.4;
}


/* KATEGORI */

body.search .bs-result-badge {
    display: inline-flex !important;
    align-items: center;

    color: #078348;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;

    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}


/* TITIK PEMISAH */

body.search .bs-result-dot {
    display: inline-block !important;

    color: #a3a3a3;
    font-size: 11px;

    margin: 0 1px !important;
}


/* TANGGAL */

body.search .bs-result-date {
    display: inline-block !important;

    color: #777;
    font-size: 13px;
    font-weight: 400;

    margin: 0 !important;
}

/* ==================================================
   SEARCH SIDEBAR - KATEGORI
   ================================================== */

body.search .bs-category-card .bs-category-list {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* SETIAP KATEGORI */

body.search .bs-category-card .bs-category-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    gap: 15px;

    padding: 10px 0 !important;
    margin: 0 !important;

    border-bottom: 1px solid #dfeae5;

    color: #345247 !important;

    font-size: 13px;
    line-height: 1.4;

    text-decoration: none !important;
}


/* Kategori pertama */

body.search .bs-category-card .bs-category-item:first-child {
    padding-top: 2px !important;
}


/* Kategori terakhir */

body.search .bs-category-card .bs-category-item:last-child {
    padding-bottom: 0 !important;

    border-bottom: 0;
}


/* NAMA */

body.search .bs-category-card .bs-category-name {
    color: #345247;

    font-weight: 500;
}


/* JUMLAH */

body.search .bs-category-card .bs-category-count {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 28px;
    height: 26px;

    padding: 0 8px;

    background: #ffffff;

    border: 1px solid #d9e8e1;
    border-radius: 50px;

    color: #087a49;

    font-size: 11px;
    font-weight: 600;
}


/* HOVER */

body.search .bs-category-card .bs-category-item:hover
.bs-category-name {
    color: #087a49;
}

body.search .bs-category-card .bs-category-item:hover
.bs-category-count {
    background: #087a49;
    border-color: #087a49;

    color: #ffffff;
}

/* ==================================================
   SEARCH INPUT ERROR
   ================================================== */

body.search .bs-search-box.bs-search-error {
    box-shadow:
        0 0 0 2px rgba(190, 55, 55, 0.18) !important;
}


body.search .bs-search-box.bs-search-error input::placeholder {
    color: #b83d3d !important;
}

/* ==================================================
   LONG SEARCH KEYWORD PROTECTION
   ================================================== */

/* Info hasil pencarian */
body.search .bs-results-info {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.search .bs-results-info strong {
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* Empty state */
body.search .bs-empty-state,
body.search .bs-empty-state p,
body.search .bs-empty-state strong {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* Input tetap aman */
body.search .bs-search-box input {
    min-width: 0;
}


/* SEMBUNYIKAN META/KATEGORI BAWAAN ASTRA */

body.search article .entry-meta {
    display: none !important;
}
/* ==================================================
   HIDE ASTRA DEFAULT NO RESULTS
   ================================================== */

body.search .no-results,
body.search .search-no-results {
    display: none !important;
}






/* ==================================================
   Untuk Kategori Archive
   ================================================== */








/* ==================================================
   CATEGORY ARCHIVE HERO
   ================================================== */

body.archive .ast-archive-description {
    position: relative !important;
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 45px !important;

    padding: 60px 25px 65px !important;

    background:
        linear-gradient(
            135deg,
            #064c2d 0%,
            #087a49 55%,
            #119b4f 100%
        ) !important;

    border: none !important;
    text-align: center !important;
    overflow: hidden !important;
}


/* LABEL KATEGORI */
body.archive .ast-archive-description::before {
    content: "KATEGORI";

    display: inline-block;

    position: relative;
    z-index: 2;

    margin-bottom: 13px;
    padding: 7px 14px;

    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50px;

    background: rgba(255,255,255,.10);

    color: #fff;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: .8px;
}


/* DEKORASI */
body.archive .ast-archive-description::after {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    top: -210px;
    right: -100px;

    border-radius: 50%;

    background: rgba(255,255,255,.06);

    pointer-events: none;
}


/* JUDUL */
body.archive .ast-archive-description .ast-archive-title {
    position: relative;
    z-index: 2;

    margin: 0 !important;

    color: #fff !important;

    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* DESKRIPSI */
body.archive .ast-archive-description > p {
    position: relative;
    z-index: 2;

    max-width: 680px;

    margin: 14px auto 0 !important;

    color: rgba(255,255,255,.84) !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
}



}
/* ==================================================
   CATEGORY ARCHIVE - ARTICLE GRID
   ================================================== */

/* Hilangkan sidebar Astra jika ada */
body.category #secondary {
    display: none !important;
}


/* Area konten dibuat full width */
body.category #primary {
    width: 100% !important;
    max-width: 1200px !important;

    margin: 45px auto 65px !important;
    padding: 0 25px !important;
}


/* Container artikel */
body.category #primary .ast-row {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr))
        280px !important;

    gap: 24px !important;

    align-items: start;

    margin: 0 !important;
}


/* CARD */
body.category #primary article {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #ffffff !important;

    border: 1px solid #e1ebe6 !important;
    border-radius: 14px !important;

    box-shadow:
        0 3px 12px rgba(0, 70, 40, .04) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


body.category #primary article:hover {
    transform: translateY(-3px);

    border-color: #c9dfd4 !important;

    box-shadow:
        0 10px 25px rgba(0, 80, 45, .08) !important;
}


/* Hilangkan padding bawaan Astra */
body.category #primary article .ast-article-post,
body.category #primary article .ast-article-inner {
    padding: 0 !important;
    margin: 0 !important;
}


/* ==================================================
   FEATURED IMAGE
   ================================================== */

body.category #primary article .post-thumb {
    width: 100% !important;
    margin: 0 !important;

    overflow: hidden;
}


body.category #primary article .post-thumb a {
    display: block !important;

    width: 100% !important;
    height: 190px !important;
}


body.category #primary article .post-thumb img {
    display: block !important;

    width: 100% !important;
    height: 190px !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 0 !important;

    transition: transform .35s ease;
}


body.category #primary article:hover .post-thumb img {
    transform: scale(1.025);
}


/* ==================================================
   CONTENT
   ================================================== */

body.category #primary article .post-content {
    padding: 18px 20px 20px !important;
}


/* Hilangkan tulisan kategori kecil Astra */
body.category #primary article .ast-taxonomy-container {
    display: none !important;
}


/* Judul */
body.category #primary article .entry-title {
    margin: 0 0 10px !important;

    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}


body.category #primary article .entry-title a {
    color: #17251f !important;
    text-decoration: none !important;
}


body.category #primary article .entry-title a:hover {
    color: #087a49 !important;
}


/* ==================================================
   EXCERPT
   ================================================== */

body.category #primary article .entry-content,
body.category #primary article .entry-summary,
body.category #primary article .ast-excerpt-container {
    margin: 0 !important;

    color: #63716b !important;

    font-size: 14px !important;
    line-height: 1.65 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    overflow: hidden !important;
}


/* Hilangkan paragraf tambahan setelah batas */
body.category #primary article .entry-content p,
body.category #primary article .entry-summary p,
body.category #primary article .ast-excerpt-container p {
    margin: 0 !important;
}


/* ==================================================
   READ MORE
   ================================================== */

body.category #primary article .read-more,
body.category #primary article .ast-read-more-container {
    margin: 13px 0 0 !important;
}


body.category #primary article .read-more a,
body.category #primary article .ast-read-more-container a {
    color: #087a49 !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}



/* ==================================================
   CATEGORY - READ MORE
   ================================================== */

body.category #primary article .read-more a,
body.category #primary article .ast-read-more-container a {
    font-size: 0 !important;
}

body.category #primary article .read-more a::after,
body.category #primary article .ast-read-more-container a::after {
    content: "Selengkapnya →";

    color: #087a49;

    font-size: 13px;
    font-weight: 600;

    transition: margin-left .2s ease;
}

body.category #primary article .read-more a:hover::after,
body.category #primary article .ast-read-more-container a:hover::after {
    margin-left: 3px;
}
/* ==================================================
   CATEGORY - SECTION HEADER
   ================================================== */

body.category .bs-category-section-head {
    grid-column: 1 / -1;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    margin-bottom: 4px;
}

body.category .bs-category-section-head h2 {
    margin: 0 0 4px !important;

    color: #153d2e !important;

    font-size: 26px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

body.category .bs-category-section-head p {
    margin: 0 !important;

    color: #6b7872 !important;

    font-size: 14px !important;
}




/* ==================================================
   CATEGORY CARD - DATE
   ================================================== */

body.category #primary article .entry-title > a {
    display: block !important;
}


/* tanggal */
body.category #primary article .bs-category-date {
    display: flex !important;
    align-items: center;
    gap: 6px;

    margin: 0 0 7px !important;

    color: #78857f !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}


/* icon tanggal */
body.category #primary article .bs-category-date-icon {
    color: #087a49 !important;
    font-size: 13px !important;
}


/* judul asli */
body.category #primary article .bs-category-title-text {
    display: block;

    color: #17251f;

    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}


/* hover hanya terasa pada judul */
body.category #primary article .entry-title > a:hover
.bs-category-title-text {
    color: #087a49;
}
/* ==================================================
   CATEGORY SIDEBAR
   ================================================== */

body.category .bs-category-sidebar {
    grid-column: 4 !important;
    grid-row: 2 / span 3 !important;

    display: flex;
    flex-direction: column;

    gap: 20px;

    width: 100%;

    align-self: start;

    position: sticky;
    top: 25px;
}


/* CARD SIDEBAR */
body.category .bs-category-side-card {
    width: 100%;

    padding: 22px;

    background: #f4f9f6;

    border: 1px solid #e0ebe5;
    border-radius: 14px;
}


/* TITLE */
body.category .bs-category-side-card h3 {
    margin: 0 0 16px !important;

    color: #153d2e !important;

    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}


/* ==================================================
   SIDEBAR - DAFTAR KATEGORI
   ================================================== */

body.category .bs-sidebar-category-list {
    display: flex;
    flex-direction: column;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* ITEM */
body.category .bs-sidebar-category-item {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    gap: 15px;

    padding: 11px 0;

    border-bottom: 1px solid #dfeae5;

    color: #345247 !important;

    font-size: 13px;
    line-height: 1.4;

    text-decoration: none !important;

    transition: color .2s ease;
}


/* Item pertama */
body.category .bs-sidebar-category-item:first-child {
    padding-top: 2px;
}


/* Item terakhir */
body.category .bs-sidebar-category-item:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}


/* NAMA */
body.category .bs-sidebar-category-name {
    color: #345247;

    font-weight: 500;
}


/* JUMLAH */
body.category .bs-sidebar-category-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 28px;
    height: 26px;

    padding: 0 8px;

    background: #ffffff;

    border: 1px solid #d9e8e1;
    border-radius: 50px;

    color: #087a49;

    font-size: 11px;
    font-weight: 600;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


/* HOVER */
body.category .bs-sidebar-category-item:hover
.bs-sidebar-category-name {
    color: #087a49;
}


body.category .bs-sidebar-category-item:hover
.bs-sidebar-category-count {
    background: #087a49;

    border-color: #087a49;

    color: #ffffff;
}


/* KATEGORI YANG SEDANG DIBUKA */
body.category .bs-sidebar-category-item.is-active
.bs-sidebar-category-name {
    color: #087a49;

    font-weight: 700;
}

/* ==================================================
   HELP CARD
   ================================================== */

body.category .bs-help-card {
    text-align: center;

    background:
        linear-gradient(
            145deg,
            #edf7f2 0%,
            #ffffff 100%
        );
}


body.category .bs-help-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    margin: 0 auto 13px;

    border-radius: 50%;

    background: #087a49;

    color: #ffffff;

    font-size: 20px;
    font-weight: 700;
}


body.category .bs-help-card h3 {
    margin-bottom: 8px !important;
}


body.category .bs-help-card p {
    margin: 0 0 17px !important;

    color: #66756e !important;

    font-size: 12px;
    line-height: 1.6;
}


body.category .bs-help-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    background: #087a49;

    border-radius: 50px;

    color: #ffffff !important;

    font-size: 12px;
    font-weight: 600;

    text-decoration: none !important;

    transition:
        background .2s ease,
        transform .2s ease;
}


body.category .bs-help-button:hover {
    background: #06683e;

    transform: translateY(-1px);
}

/* ==================================================
   CATEGORY ARCHIVE - PAGINATION
   ================================================== */

body.category .ast-pagination {
    grid-column: 1 / 4 !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    margin: 30px 0 5px !important;
    padding: 0 !important;
}


body.category .ast-pagination .nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    width: auto !important;
}


body.category .ast-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 40px;
    height: 40px;

    margin: 0 !important;
    padding: 0 12px !important;

    background: #ffffff !important;

    border: 1px solid #dce8e2 !important;
    border-radius: 9px !important;

    color: #35564a !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


/* halaman aktif */
body.category .ast-pagination .page-numbers.current {
    background: #087a49 !important;
    border-color: #087a49 !important;

    color: #ffffff !important;
}


/* Previous / Next */
body.category .ast-pagination .prev,
body.category .ast-pagination .next {
    width: auto !important;

    padding: 0 16px !important;
}


/* Hover */
body.category .ast-pagination a.page-numbers:hover {
    background: #edf7f2 !important;

    border-color: #bcdacb !important;

    color: #087a49 !important;

    transform: translateY(-1px);
}

/* ==================================================
   CATEGORY CARD - EQUAL HEIGHT
   ================================================== */

/* Semua card dalam satu baris sama tinggi */
body.category #primary .ast-row {
    align-items: stretch !important;
}


/* Card dibuat penuh mengikuti tinggi grid */
body.category #primary article {
    height: 100% !important;
}


/* Isi card menjadi flex vertikal */
body.category #primary article .post-content {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;
}


/* Featured image tidak ikut melar */
body.category #primary article .ast-blog-featured-section {
    flex: 0 0 auto !important;
}


/* ==================================================
   TITLE
   Maksimal 3 baris + ruang sama
   ================================================== */

body.category #primary article .bs-category-title-text {
    display: -webkit-box !important;

    min-height: 76px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    overflow: hidden;
}


/* ==================================================
   EXCERPT
   Maksimal 3 baris + tinggi konsisten
   ================================================== */

body.category #primary article .ast-excerpt-container {
    min-height: 69px;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    overflow: hidden !important;
}


/* Tombol selalu berada di bagian bawah card */
body.category #primary article .ast-read-more-container,
body.category #primary article .read-more {
    margin-top: auto !important;
    padding-top: 14px !important;
}

/* ==================================================
   CATEGORY - HAPUS JARAK ANTARA HEADER & HERO
   ================================================== */

body.category .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.category .site-content > .ast-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.category #primary {
    margin-top: 0 !important;
}
/* ==================================================
   CATEGORY ARCHIVE - RESPONSIVE
   Semua responsive category disimpan di bawah
   ================================================== */


/* ==================================================
   TABLET
   601px - 1100px
   Artikel kiri + sidebar kanan
   ================================================== */

@media (min-width: 601px) and (max-width: 1100px) {

    /* HERO */
    body.archive .ast-archive-description {
        padding: 50px 25px 55px !important;
    }

    body.archive .ast-archive-description .ast-archive-title {
        font-size: 36px !important;
    }

    body.archive .ast-archive-description > p {
        max-width: 600px;
        font-size: 14px !important;
    }


    /* MAIN CONTENT */
    body.category #primary {
        width: 100% !important;
        max-width: 100% !important;

        margin: 40px auto 55px !important;
        padding: 0 22px !important;
    }


    /*
     * Tablet:
     *
     * Artikel | Sidebar
     *
     * Kita sengaja 1 kolom artikel,
     * supaya card tidak terlalu sempit
     * pada tablet portrait.
     */
    body.category #primary .ast-row {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) 260px !important;

        gap: 22px !important;

        align-items: start;
    }


    /* HEADER ARTIKEL */
    body.category .bs-category-section-head {
        grid-column: 1 / -1 !important;

        margin-bottom: 4px;
    }


    body.category .bs-category-section-head h2 {
        font-size: 24px !important;
    }


    /* ARTICLE */
    body.category #primary article {
        grid-column: 1 !important;
    }


    body.category #primary article .post-thumb a,
    body.category #primary article .post-thumb img {
        height: 210px !important;
    }


    /* SIDEBAR */
	body.category .bs-category-sidebar {
    	grid-column: 2 !important;
    	grid-row: 2 / span 2 !important;

    	width: 100% !important;

    	align-self: start;

    	position: sticky;
    	top: 25px;
	}


    body.category .bs-category-side-card {
        padding: 18px;
    }
	/* PAGINATION TABLET */
	body.category .ast-pagination {
    grid-column: 1 !important;

    margin-top: 25px !important;
}

}


/* ==================================================
   MOBILE
   <= 600px
   ================================================== */

@media (max-width: 600px) {

    body.category #primary {
        width: 100% !important;
        margin: 30px auto 45px !important;
        padding: 0 16px !important;
    }

    body.category #primary .ast-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    body.category .bs-category-section-head {
        grid-column: 1 !important;
        margin-bottom: 2px !important;
    }

    body.category #primary article {
        grid-column: 1 !important;
        width: 100% !important;
    }

    body.category #primary article .post-thumb a,
    body.category #primary article .post-thumb img {
        height: 200px !important;
    }

    body.category #primary article .post-content {
        padding: 16px 17px 18px !important;
    }

    body.category #primary article .bs-category-title-text {
        min-height: 0 !important;
        font-size: 17px !important;
    }

    body.category #primary article .ast-excerpt-container {
        min-height: 0 !important;
        font-size: 13.5px !important;
    }

    body.category .ast-pagination {
        width: 100% !important;
        margin: 6px 0 25px !important;
    }

    body.category .ast-pagination .nav-links {
        justify-content: center !important;
        gap: 5px !important;
    }

    body.category .ast-pagination .page-numbers {
        min-width: 38px;
        height: 38px;
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    body.category .bs-category-sidebar {
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body.category .bs-category-side-card {
        padding: 18px;
    }
}