/* =========================================================
   UNISBAR PAGE BACKGROUND
   Hijau muda untuk area konten, tanpa mengganggu footer/header.
   ========================================================= */

/* Background luar halaman */
html,
body {
    background: var(--upbg-color, #EEF8F0) !important;
}

/* Wrapper konten umum */
#page,
.site,
#content,
.site-content,
.content-area,
.site-main,
main,
.page-content,
.archive-content,
.blog-content,
.content-wrapper,
.main-content {
    background: var(--upbg-color, #EEF8F0) !important;
}

/* Area plugin/section yang memang transparan akan mengikuti hijau muda */
.udp-section,
.uis-slider-section,
.uis-slider-wrap,
.usp-org-chart-wrap {
    background-color: transparent !important;
}

/* Kartu, widget, artikel, video, dan box penting tetap putih */
article,
.post,
.page .entry-content > .wp-block-group.has-background,
.widget,
.widget-area .widget,
.udp-card,
.uis-slide,
.usp-box,
iframe,
.wp-block-cover,
.wp-block-media-text,
.wp-block-group.has-background {
    background-color: #ffffff;
}

/* Jangan ubah header dan footer */
header,
.site-header,
#masthead,
footer,
.site-footer,
#colophon,
.ufg-detected-footer,
.ufg-detected-bottom {
    /* gunakan warna dari tema/plugin masing-masing */
}

/* Hilangkan benturan background putih pada wrapper konten tema tertentu */
body:not(.wp-admin) #primary,
body:not(.wp-admin) .site-content > .container,
body:not(.wp-admin) .content-area > .container {
    background: transparent !important;
}

/* Tablet dan HP */
@media (max-width: 768px) {
    html,
    body,
    #page,
    .site,
    #content,
    .site-content,
    .content-area,
    .site-main,
    main {
        background: var(--upbg-color, #EEF8F0) !important;
    }
}