/* ── Logo bottom spacing on custom pages (desktop & mobile) ─────────── */
/* Desktop: header height is auto — padding shifts logo up naturally.    */
body.diksi-custom-page-shell .diksi-logo img {
    margin-bottom: 6px !important;
}

/* Mobile: header container height is fixed 56 px — use a smaller value  */
/* so the logo stays vertically centred without overflowing.              */
@media (max-width: 768px) {
    body.diksi-custom-page-shell .diksi-logo img {
        margin-bottom: 4px !important;
    }
}

/* Match the homepage chrome on WordPress custom pages at mobile widths. */
@media (max-width: 991px) {
    body.diksi-custom-page-shell .pn-header-trending,
    body.diksi-custom-page-shell .Politikal-newsletter-strip {
        display: none !important;
    }
}

@media (max-width: 640px) {
    body.diksi-custom-page-shell .diksi-footer {
        background: #f4f4f1 !important;
        color: #111 !important;
        border-top-color: #d7d7d2 !important;
        padding: 28px 0 16px !important;
    }

    body.diksi-custom-page-shell .diksi-footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 20px 12px !important;
        padding-bottom: 22px !important;
        border-bottom-color: #d7d7d2 !important;
    }

    body.diksi-custom-page-shell .diksi-footer-brand {
        grid-column: 1 / -1;
    }

    body.diksi-custom-page-shell .diksi-footer-brand img {
        height: 48px !important;
        width: auto !important;
    }

    body.diksi-custom-page-shell .diksi-footer-title {
        font: 900 13px/1 'Manrope', sans-serif !important;
        letter-spacing: .03em !important;
        margin-bottom: 12px !important;
    }

    body.diksi-custom-page-shell .diksi-footer-nav-split a {
        color: #777 !important;
        font: 500 11px/1.2 'Manrope', sans-serif !important;
    }
}

/* Exact homepage mobile header order for custom pages. */
@media (max-width: 768px) {
    body.diksi-custom-page-shell .diksi-header { background:#fff!important; border-bottom:0!important; box-shadow:none!important; position:sticky!important; top:0!important; z-index:1000!important; }
    body.diksi-custom-page-shell .diksi-header > .container { height:56px!important; padding:0 16px!important; border-bottom:1px solid #e5e7eb!important; }
    body.diksi-custom-page-shell .diksi-header__inner { display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; height:56px!important; min-height:56px!important; padding:0!important; }
    body.diksi-custom-page-shell .diksi-hamburger { order:1!important; display:flex!important; flex-direction:column!important; justify-content:space-between!important; width:22px!important; height:16px!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; flex-shrink:0!important; }
    body.diksi-custom-page-shell .diksi-hamburger__bar { width:100%!important; height:2px!important; background:#0d1b2a!important; border-radius:2px!important; }
    body.diksi-custom-page-shell .diksi-logo { order:2!important; display:flex!important; align-items:center!important; margin:0 auto 0 0!important; }
    body.diksi-custom-page-shell .diksi-logo img { display:block!important; width:auto!important; height:32px!important; }
    body.diksi-custom-page-shell .pn-header-search { display:none!important; }
    body.diksi-custom-page-shell .pn-mobile-header-actions { order:3!important; display:flex!important; align-items:center!important; gap:8px!important; margin-left:auto!important; flex-shrink:0!important; }
    body.diksi-custom-page-shell .pn-mobile-icon-btn { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:36px!important; height:36px!important; border:0!important; border-radius:50%!important; text-decoration:none!important; }
    body.diksi-custom-page-shell .pn-mobile-search-btn { background:#f1f5f9!important; color:#334155!important; font-size:18px!important; }
    body.diksi-custom-page-shell .pn-mobile-user-btn { background:#e2e8f0!important; color:#475569!important; font-size:19px!important; }

    body.diksi-custom-page-shell .Politikal-desktop-nav { display:block!important; position:relative!important; z-index:10!important; height:auto!important; min-height:auto!important; padding:8px 0!important; background:#fff!important; border:0!important; box-shadow:none!important; }
    body.diksi-custom-page-shell .Politikal-desktop-nav > .container { max-width:100%!important; height:auto!important; padding:0!important; }
    body.diksi-custom-page-shell .Politikal-desktop-nav-list { display:flex!important; align-items:center!important; gap:8px!important; height:auto!important; margin:0!important; padding:2px 16px!important; overflow-x:auto!important; white-space:nowrap!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; }
    body.diksi-custom-page-shell .Politikal-desktop-nav-list::-webkit-scrollbar, body.diksi-custom-page-shell .pn-header-trending .container::-webkit-scrollbar, body.diksi-custom-page-shell .pn-trending-tags::-webkit-scrollbar { display:none!important; }
    body.diksi-custom-page-shell .Politikal-desktop-nav-list li { display:inline-flex!important; height:auto!important; flex-shrink:0!important; }
    body.diksi-custom-page-shell .Politikal-desktop-nav-list li a { display:inline-flex!important; align-items:center!important; height:auto!important; padding:7px 12px!important; background:transparent!important; border:0!important; border-radius:20px!important; color:#1e293b!important; font-size:14px!important; font-weight:700!important; line-height:1!important; text-decoration:none!important; }
    body.diksi-custom-page-shell .Politikal-desktop-nav-list li:first-child a { padding:8px 18px!important; background:#e90068!important; color:#fff!important; font-weight:800!important; }
    body.diksi-custom-page-shell .diksi-mobile-cat-strip { display:none!important; }

    body.diksi-custom-page-shell .pn-header-trending { display:flex!important; align-items:center!important; min-height:38px!important; height:auto!important; padding:4px 0 14px!important; margin:0!important; background:#fff!important; border:0!important; }
    body.diksi-custom-page-shell .pn-header-trending .container { display:flex!important; align-items:center!important; gap:10px!important; max-width:100%!important; height:auto!important; padding:0 16px!important; overflow-x:auto!important; scrollbar-width:none!important; }
    body.diksi-custom-page-shell .pn-trending-badge { flex-shrink:0!important; padding:5px 12px!important; border-radius:16px!important; background:#e90068!important; color:#fff!important; font-size:11px!important; font-weight:900!important; letter-spacing:.3px!important; }
    body.diksi-custom-page-shell .pn-trending-tags { display:flex!important; align-items:center!important; gap:8px!important; overflow-x:auto!important; flex-shrink:0!important; scrollbar-width:none!important; }
    body.diksi-custom-page-shell .pn-trending-tags a { color:#0d1b2a!important; font-size:12px!important; font-weight:600!important; white-space:nowrap!important; text-decoration:none!important; }
}

/* Exact homepage mobile footer surface, typography, and spacing. */
@media (max-width: 768px) {
    body.diksi-custom-page-shell .diksi-footer {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        background: #061424 !important;
        color: #c8d8e2 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    body.diksi-custom-page-shell .diksi-footer .container {
        max-width: 100% !important;
        padding: 28px 20px 84px !important;
    }

    body.diksi-custom-page-shell .diksi-footer-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.diksi-custom-page-shell .diksi-footer-col {
        min-width: 0 !important;
        width: 100% !important;
    }

    body.diksi-custom-page-shell .diksi-footer-brand {
        grid-column: 1 / -1 !important;
        margin-bottom: 4px !important;
    }

    body.diksi-custom-page-shell .diksi-footer-brand img {
        max-width: 140px !important;
        height: auto !important;
    }

    body.diksi-custom-page-shell .diksi-footer-desc {
        margin: 8px 0 0 !important;
        color: #9ab0bc !important;
        font-size: 11.5px !important;
        line-height: 1.55 !important;
    }

    body.diksi-custom-page-shell .diksi-footer-title {
        margin: 0 0 10px !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: .2px !important;
        text-transform: none !important;
    }

    body.diksi-custom-page-shell .diksi-footer-nav ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 7px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    body.diksi-custom-page-shell .diksi-footer-split-wrap {
        display: flex !important;
        flex-direction: column !important;
        gap: 7px !important;
    }

    body.diksi-custom-page-shell .diksi-footer-nav a {
        color: #9ab0bc !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
    }

    body.diksi-custom-page-shell .diksi-footer-social-col {
        grid-column: 1 / -1 !important;
        margin-top: 4px !important;
        padding-top: 16px !important;
        border-top: 1px solid rgba(255, 255, 255, .08) !important;
    }

    body.diksi-custom-page-shell .diksi-footer-social-icons {
        display: flex !important;
        gap: 8px !important;
        margin: 6px 0 0 !important;
    }

    body.diksi-custom-page-shell .diksi-footer-social-icons a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        border: 1px solid rgba(255, 255, 255, .12) !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .08) !important;
        color: #fff !important;
        font-size: 16px !important;
        text-decoration: none !important;
    }

    body.diksi-custom-page-shell .diksi-footer-copyright-text {
        margin-top: 8px !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(255, 255, 255, .08) !important;
    }

    body.diksi-custom-page-shell .diksi-footer-copyright-text p {
        margin: 0 !important;
        color: #64748b !important;
        font-size: 11px !important;
    }
}

/* Keep the mobile Trending bar on custom pages aligned with the desktop surface. */
@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending {
        background: #f1fbfd !important;
        border-bottom: 1px solid #c9ecf2 !important;
    }
}

/* Separate the custom-page mobile menu from its Trending bar. */
@media (max-width: 768px) {
    body.diksi-custom-page-shell .Politikal-desktop-nav {
        z-index: 11 !important;
        box-shadow: 0 5px 12px rgba(13, 27, 42, .07) !important;
    }

    body.diksi-custom-page-shell .pn-header-trending {
        margin-top: 6px !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending { margin-top: 4px !important; }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending { margin-top: 2px !important; }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending {
        box-shadow: 0 -2px 0 #f1fbfd !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .Politikal-desktop-nav {
        box-shadow: 0 3px 7px rgba(13, 27, 42, .05) !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending {
        margin-top: 0 !important;
        box-shadow: none !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending {
        border-top: 2px solid #f1fbfd !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending {
        padding-bottom: 8px !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .Politikal-desktop-nav {
        box-shadow: none !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .Politikal-desktop-nav {
        border-bottom: 1px solid #e5e7eb !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending {
        border-top: 0 !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending {
        margin: 0 !important;
        padding-top: 0 !important;
        background-color: #f1fbfd !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending {
        box-shadow: 0 -8px 0 #f1fbfd !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .diksi-header {
        padding-bottom: 0 !important;
    }

    body.diksi-custom-page-shell .pn-header-trending {
        box-shadow: none !important;
    }
}

@media (max-width: 768px) {
    body.diksi-custom-page-shell .pn-header-trending {
        padding-top: 4px !important;
    }
}