/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra Child Theme.
Version: 1.0.0
*/


/* ===== HALAMAN ARCHIVE PRODUK ===== */

.post-type-archive-produk .site-content .ast-container,
.tax-jenis-oli .site-content .ast-container { max-width: 1240px; }

.pl-archive-header { margin: 10px 0 24px; }
.pl-archive-title {
    font-family: 'Oswald', sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    color: #182C3D !important;
    margin: 0 !important;
}

.pl-filter-wrap { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.pl-filter-wrap .pl-filter-btn {
    background: #fff;
    border: 1px solid #E4E1D7;
    color: #5B6670 !important;
    font-size: 13px;
    padding: 7px 16px;
    border-radius: 20px;
    text-decoration: none !important;
    transition: all .15s ease;
}
.pl-filter-wrap .pl-filter-btn:hover { border-color: #B8791E; color: #B8791E !important; }
.pl-filter-wrap .pl-filter-aktif {
    background: #182C3D; border-color: #182C3D; color: #fff !important;
}

.pl-produk-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 22px;
    margin: 0 0 40px;
}
.pl-produk-grid .pl-produk-card {
    background: #fff;
    border: 1px solid #E9E5DB;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    transition: border-color .15s ease;
}
.pl-produk-grid .pl-produk-card:hover { border-color: #B8791E; }

.pl-produk-grid .pl-card-img { display: block; margin-bottom: 14px; }
.pl-produk-grid .pl-card-img img {
    width: 100%;
    height: 170px;
    object-fit: contain;
    border-radius: 8px;
    background: #F7F6F1;
    padding: 8px;
    display: block;
}

.pl-produk-grid .pl-card-judul {
    font-family: 'Oswald', sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    margin: 0 0 6px !important;
}
.pl-produk-grid .pl-card-judul a {
    color: #182C3D !important;
    text-decoration: none !important;
}
.pl-produk-grid .pl-card-judul a:hover { color: #B8791E !important; }

.pl-produk-grid .pl-card-spek {
    font-size: 12px !important;
    letter-spacing: 0.3px;
    color: #9A968C !important;
    margin: 0 0 12px !important;
    text-transform: uppercase;
}
.pl-produk-grid .pl-card-harga {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #B8791E !important;
    margin: 0 0 14px !important;
}

.pl-produk-grid .pl-tombol-detail {
    display: block !important;
    margin-top: auto;
    text-align: center;
    background: #182C3D !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500;
    padding: 10px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: background .15s ease;
}
.pl-produk-grid .pl-tombol-detail:hover { background: #B8791E !important; }

.pl-pagination { margin-bottom: 40px; }


/* ===== HALAMAN DETAIL PRODUK ===== */

.single-produk .entry-meta,
.single-produk .post-meta { display: none !important; }

.single-produk .entry-title {
    font-family: 'Oswald', sans-serif !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #182C3D !important;
    margin-bottom: 20px !important;
}

.pl-produk-gambar { margin-bottom: 24px; }
.pl-produk-gambar img {
    border-radius: 12px;
    max-width: 420px;
    width: 100%;
    height: auto;
    background: #F7F6F1;
    padding: 16px;
    display: block;
}

.pl-produk-detail {
    margin-top: 28px;
    padding: 24px;
    background: #F7F6F1;
    border: 1px solid #E9E5DB;
    border-radius: 12px;
    max-width: 560px;
}
.pl-produk-detail h3 {
    font-family: 'Oswald', sans-serif !important;
    color: #182C3D !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 0 14px !important;
}
.pl-produk-detail .pl-spek-list {
    list-style: none !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
}
.pl-produk-detail .pl-spek-list li {
    padding: 9px 0;
    border-bottom: 1px solid #E4E1D7;
    font-size: 14px;
    color: #3A3D3F;
}
.pl-produk-detail .pl-spek-list li:last-child { border-bottom: none; }
.pl-produk-detail .pl-spek-list strong { color: #182C3D; font-weight: 500; }

.pl-produk-detail .pl-tombol-wa {
    display: inline-block !important;
    background: #25D366 !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 11px 22px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
}
.pl-produk-detail .pl-tombol-wa:hover { background: #1DA851 !important; }


/* ===== RESPONSIF ===== */

@media (max-width: 480px) {
    .pl-archive-title { font-size: 26px !important; }
    .pl-produk-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
    .pl-produk-grid .pl-card-img img { height: 130px; }
    .pl-produk-grid .pl-card-judul { font-size: 15px !important; }
    .pl-produk-detail { padding: 18px; }
    
    /* ===== PENYEMPURNAAN ARCHIVE ===== */

.post-type-archive-produk .site-content,
.tax-jenis-oli .site-content { padding-top: 10px; }

.pl-archive-header { margin: 0 0 20px; }

.pl-eyebrow {
    font-size: 11px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #B8791E !important;
    font-weight: 500;
    margin: 0 0 6px !important;
}
.pl-archive-desc p {
    font-size: 14.5px !important;
    color: #5B6670 !important;
    max-width: 480px;
    line-height: 1.65 !important;
    margin: 0 !important;
}
.pl-filter-wrap {
    border-top: 1px solid #E4E1D7;
    padding-top: 18px;
    margin-top: 18px !important;
    margin-bottom: 26px !important;
}

.pl-produk-grid .pl-card-img img {
    background: #EFEAE0 !important;
    padding: 12px !important;
    mix-blend-mode: multiply;
}
.pl-card-noimg {
    display: block;
    height: 170px;
    border-radius: 8px;
    background: #EFEAE0;
}
.pl-kosong { color: #8A8880; font-size: 14px; }
.pl-pagination .ast-pagination { margin-top: 10px; }
}

/* ===== HEADER & FOOTER ===== */

.site-header,
.ast-primary-header-bar,
.main-header-bar,
.ast-above-header,
.ast-below-header { background: #182C3D !important; }

.site-title,
.site-title a,
.site-title a:hover {
    font-family: 'Oswald', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #F7F6F1 !important;
}
.site-description { color: #8E9CA8 !important; font-size: 12px !important; }

.main-header-menu .menu-link,
.ast-builder-menu .menu-item > .menu-link,
.ast-header-break-point .main-header-menu .menu-link {
    color: #C9D3DA !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.main-header-menu .menu-item:hover > .menu-link,
.ast-builder-menu .menu-item:hover > .menu-link,
.main-header-menu .current-menu-item > .menu-link,
.ast-builder-menu .current-menu-item > .menu-link { color: #E0A23A !important; }

.ast-header-break-point .main-navigation ul { background: #182C3D !important; }
.ast-mobile-menu-trigger-fill,
.ast-mobile-menu-trigger-minimal { color: #F7F6F1 !important; }

.site-footer,
.ast-small-footer,
.site-below-footer-wrap,
.ast-footer-copyright { background: #182C3D !important; }
.ast-footer-copyright,
.ast-footer-copyright p,
.site-footer p {
    color: #8E9CA8 !important;
    font-size: 12.5px !important;
    margin: 0 !important;
}
.ast-footer-copyright a, .site-footer a { color: #C9D3DA !important; }


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

body .site-header,
body .ast-primary-header-bar,
body .main-header-bar,
body .ast-above-header,
body .ast-below-header,
body .ast-primary-header-wrap { background: #182C3D !important; }

body .pl-brand {
    font-family: 'Oswald', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #F7F6F1 !important;
    text-decoration: none !important;
}
body .pl-brand:hover { color: #E0A23A !important; }

body .main-header-menu .menu-link,
body .ast-builder-menu .menu-item > .menu-link {
    color: #C9D3DA !important;
    font-size: 14px !important;
}
body .main-header-menu .menu-item:hover > .menu-link,
body .ast-builder-menu .menu-item:hover > .menu-link,
body .main-header-menu .current-menu-item > .menu-link,
body .ast-builder-menu .current-menu-item > .menu-link { color: #E0A23A !important; }

body .ast-header-social-1-wrap .ast-builder-social-element { color: #C9D3DA !important; }
body .ast-header-break-point .main-navigation ul { background: #182C3D !important; }
body .ast-mobile-menu-trigger-fill,
body .ast-mobile-menu-trigger-minimal { color: #F7F6F1 !important; }


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

body .site-footer,
body .ast-small-footer,
body .site-below-footer-wrap,
body .site-primary-footer-wrap,
body .ast-footer-copyright { background: #182C3D !important; }

body .ast-footer-copyright,
body .ast-footer-copyright p,
body .site-below-footer-wrap p,
body .site-footer p {
    color: #8E9CA8 !important;
    font-size: 12.5px !important;
}
body .site-footer a,
body .ast-footer-copyright a { color: #C9D3DA !important; }


/* ===== ARCHIVE ===== */

body .pl-eyebrow {
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #B8791E !important;
    font-weight: 500 !important;
    margin: 0 0 6px !important;
}
body .pl-archive-desc p {
    font-size: 14.5px !important;
    color: #5B6670 !important;
    max-width: 480px;
    line-height: 1.65 !important;
    margin: 0 !important;
}
body .pl-filter-wrap {
    border-top: 1px solid #E4E1D7;
    padding-top: 18px;
    margin: 18px 0 26px !important;
}
body .pl-produk-grid .pl-card-img img {
    background: #EFEAE0 !important;
    padding: 12px !important;
    mix-blend-mode: multiply;
}
body .pl-card-noimg { display: block; height: 170px; border-radius: 8px; background: #EFEAE0; }
body .pl-kosong { color: #8A8880; font-size: 14px; }

/* ===== DETAIL PRODUK (TEMPLATE BARU) ===== */

body .pl-kembali {
    display: inline-block;
    font-size: 13px;
    color: #8A8880 !important;
    text-decoration: none !important;
    margin-bottom: 20px;
}
body .pl-kembali:hover { color: #B8791E !important; }

body .pl-single-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 44px;
    align-items: start;
    margin-bottom: 50px;
}
body .pl-single-media img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    background: #EFEAE0;
    padding: 24px;
    mix-blend-mode: multiply;
}

body .pl-single-kat {
    font-size: 11px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #B8791E !important;
    font-weight: 500;
    margin: 0 0 8px !important;
}
body .pl-single-judul {
    font-family: Oswald, sans-serif !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #182C3D !important;
    line-height: 1.2 !important;
    margin: 0 0 14px !important;
}
body .pl-single-harga {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #B8791E !important;
    margin: 0 0 20px !important;
}

body .pl-single-info .pl-spek-list {
    list-style: none !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    border-top: 1px solid #E4E1D7;
}
body .pl-single-info .pl-spek-list li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 0;
    border-bottom: 1px solid #E4E1D7;
    font-size: 14px;
}
body .pl-single-info .pl-spek-list span { color: #8A8880; }
body .pl-single-info .pl-spek-list strong { color: #182C3D; font-weight: 500; text-align: right; }

body .pl-single-info .pl-tombol-wa {
    display: inline-block !important;
    background: #25D366 !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 13px 26px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
}
body .pl-single-info .pl-tombol-wa:hover { background: #1DA851 !important; }
body .pl-catatan { font-size: 12.5px !important; color: #9A968C !important; margin: 12px 0 0 !important; }

body .pl-single-desk { max-width: 720px; margin-bottom: 50px; }
body .pl-single-desk h2,
body .pl-terkait h2 {
    font-family: Oswald, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #182C3D !important;
    margin: 0 0 14px !important;
}
body .pl-single-desk p { font-size: 15px !important; line-height: 1.75 !important; color: #3A3D3F !important; }

body .pl-terkait { border-top: 1px solid #E4E1D7; padding-top: 34px; margin-bottom: 40px; }

@media (max-width: 768px) {
    body .pl-single-wrap { grid-template-columns: 1fr; gap: 26px; }
    body .pl-single-judul { font-size: 25px !important; }
}