/* =========================================================
   KALA NEA — PATCH BATIK KALIMANTAN KIRI & KANAN
   Tambahkan di BAGIAN PALING BAWAH stylesheet.
   Tidak mengubah header, menu, artikel, ikon, atau sidebar.
   Motif dibuat langsung di CSS (SVG tertanam), jadi tidak
   memerlukan upload gambar atau akses cPanel.
   ========================================================= */

@media (min-width: 1280px) {

    body {
        position: relative;
        background: #eef3f4 !important;
    }

    .pkp_structure_page {
        position: relative;
        z-index: 2;
        background: #ffffff;
        box-shadow:
            -10px 0 28px rgba(0, 74, 92, 0.05),
             10px 0 28px rgba(0, 74, 92, 0.05);
    }

    body::before,
    body::after {
        content: "";
        position: fixed;
        top: 0;
        bottom: 0;
        width: clamp(58px, calc((100vw - 1160px) / 2), 150px);
        pointer-events: none;
        z-index: 1;
        background-color: #f5f7f5;

        background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='192' viewBox='0 0 96 192'%3E%3Crect width='96' height='192' fill='%23f5f7f5'/%3E%3Cg fill='none' stroke='%23006884' stroke-width='2.2' opacity='.42'%3E%3Cpath d='M48 0C17 21 16 57 48 76C80 57 79 21 48 0Z'/%3E%3Cpath d='M48 76C17 97 16 133 48 152C80 133 79 97 48 76Z'/%3E%3Cpath d='M48 152C31 163 23 177 22 192M48 152C65 163 73 177 74 192'/%3E%3Cpath d='M13 38C30 39 39 47 48 59C57 47 66 39 83 38'/%3E%3Cpath d='M13 114C30 115 39 123 48 135C57 123 66 115 83 114'/%3E%3C/g%3E%3Cg fill='%23F8D210' opacity='.34'%3E%3Cpath d='M48 16l9 14-9 14-9-14z'/%3E%3Cpath d='M48 92l9 14-9 14-9-14z'/%3E%3Cpath d='M20 63l6 9-6 9-6-9z'/%3E%3Cpath d='M76 63l6 9-6 9-6-9z'/%3E%3Cpath d='M20 139l6 9-6 9-6-9z'/%3E%3Cpath d='M76 139l6 9-6 9-6-9z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23970C10' stroke-width='1.5' opacity='.22'%3E%3Ccircle cx='48' cy='59' r='7'/%3E%3Ccircle cx='48' cy='135' r='7'/%3E%3C/g%3E%3C/svg%3E");

        background-repeat: repeat-y;
        background-position: center top;
        background-size: 96px 192px;
        opacity: .72;
    }

    body::before {
        left: 0;
        border-right: 1px solid rgba(0, 104, 132, .12);
    }

    body::after {
        right: 0;
        border-left: 1px solid rgba(0, 104, 132, .12);
        transform: scaleX(-1);
    }
}

@media (max-width: 1279px) {
    body::before,
    body::after {
        display: none !important;
    }
}