/*
Theme Name: AngkaHub
Theme URI: https://wordpress.org/
Author: AngkaHub
Description: Tema WordPress AngkaHub dengan hamburger global, logo kanan, slider hasil berwarna, dan dukungan AngkaHub.
Version: 1.3.8
Requires at least: 6.5
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: datahub
*/
body{margin:0;background:var(--dh-bg,#091321);color:var(--dh-text,#edf4ff);font-family:system-ui,sans-serif}a{color:var(--dh-accent,#8ac9ff)}.dh-standard{max-width:1100px;margin:0 auto;padding:38px 24px;min-height:55vh}.dh-standard img{max-width:100%;height:auto}.dh-standard input,.dh-standard select{padding:10px;border:1px solid #354d68;border-radius:7px;background:#13243b;color:#edf4ff}.dh-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.global-header .custom-logo{width:var(--dh-logo-width,180px);max-height:55px;object-fit:contain;height:auto}.global-header .custom-logo-link{display:flex}.dh-footer{background:#091321;border-top:1px solid #293b53;color:#9bb1cb;padding:24px;text-align:center;font-size:13px}.dh-footer a{margin:0 8px}.dh-standard article{margin-bottom:30px}.wp-block-image img{height:auto;max-width:100%}body.admin-bar .global-header{top:32px!important}body.admin-bar[data-global-module="paito"] .paito-palette{top:32px!important}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:40px;left:20px;z-index:2147483647;background:white;color:black;padding:12px} .global-drawer .menu{list-style:none;margin:0;padding:0}.global-drawer .menu a{display:block;padding:12px;color:#c7d9ed}.global-drawer .sub-menu{list-style:none;padding-left:16px}.dh-page-links{margin:20px 0}.dh-post-meta{color:#95abc5;font-size:13px}.dh-widget-footer{max-width:1100px;margin:auto;text-align:left} @media(max-width:782px){body.admin-bar .global-header{top:46px!important}body.admin-bar[data-global-module="paito"] .paito-palette{top:46px!important}} @media(max-width:600px){#wpadminbar{position:fixed}}

.dh-shortcode-page .angkahub-embedded{width:100%;margin:24px 0}.dh-shortcode-page .angkahub-embedded h1{font-size:1.65rem}.dh-shortcode-page .dh-standard>article>.angkahub-embedded{max-width:100%}.angkahub-embedded img{max-width:100%;height:auto}
.dh-shortcode-page[data-global-module="paito"] .dh-standard{width:100%;max-width:none}.dh-shortcode-page[data-global-module="paito"] .dh-standard>article,.dh-shortcode-page[data-global-module="paito"] .angkahub-embedded,.dh-shortcode-page[data-global-module="paito"] .site-main,.dh-shortcode-page[data-global-module="paito"] .paito-workspace{width:100%;max-width:100%;min-width:0}

/* Global responsive layout: one width system for every WordPress and AngkaHub page. */
:root{--dh-layout-max:100%;--dh-layout-gutter:clamp(6px,1vw,14px);--dh-layout-block:clamp(18px,2vw,30px)}
html{width:100%;max-width:100%;overflow-x:clip}
body{width:100%;max-width:100%;overflow-x:clip}
body *,body *::before,body *::after{box-sizing:border-box}
.dh-standard,.dh-shortcode-page[data-global-module] .dh-standard{width:100%;max-width:none;margin:0;padding:var(--dh-layout-block) var(--dh-layout-gutter);min-width:0}
.dh-standard>article,.dh-shortcode-page[data-global-module] .dh-standard>article{width:100%;max-width:none;min-width:0;margin:0 0 30px}
.dh-standard img,.dh-standard video,.dh-standard canvas,.dh-standard svg,.dh-standard iframe{max-width:100%;height:auto}
.dh-standard iframe{width:100%}
.dh-standard pre,.dh-standard .wp-block-table{max-width:100%;overflow-x:auto}
.dh-standard input,.dh-standard select,.dh-standard textarea{max-width:100%}
.dh-gallery{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.global-header .custom-logo{width:min(var(--dh-logo-width,180px),42vw)}
.dh-footer{width:100%;padding-inline:var(--dh-layout-gutter)}
.dh-widget-footer{width:min(100%,var(--dh-layout-max));max-width:var(--dh-layout-max)}
.dh-shortcode-page .angkahub-embedded,.dh-shortcode-page .dh-standard>article>.angkahub-embedded{width:100%;max-width:100%;min-width:0}
.dh-shortcode-page .angkahub-embedded>:is(.shell,.site-main,#app,main),.dh-shortcode-page .angkahub-embedded .shell>main,.dh-shortcode-page .angkahub-embedded .content,.dh-shortcode-page .angkahub-embedded .paito-workspace,.dh-shortcode-page .angkahub-embedded #app>main{width:100%;max-width:100%!important;min-width:0}
.dh-shortcode-page .angkahub-embedded .shell{min-width:0}
.dh-shortcode-page .angkahub-embedded .admin-table-wrap,.dh-shortcode-page .angkahub-embedded .initial-table{max-width:100%}
@media(max-width:1024px){.dh-standard,.dh-shortcode-page[data-global-module] .dh-standard{padding-block:24px}}
@media(max-width:767px){.dh-standard,.dh-shortcode-page[data-global-module] .dh-standard{padding-block:18px}.dh-standard>article,.dh-shortcode-page[data-global-module] .dh-standard>article{margin-bottom:20px}.dh-shortcode-page .angkahub-embedded{margin:12px 0 18px}.dh-standard .entry-title{font-size:clamp(1.7rem,8vw,2.35rem);overflow-wrap:anywhere}}

.dh-module-entry>.entry-title{margin:0 0 clamp(16px,2vw,28px)}
.dh-module-entry>.global-publication{clear:both}

/* Data Keluaran controls must reflow before the tablet width becomes crowded. */
.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .market-picker{max-width:100%;overflow:hidden}
.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .market-picker [data-slot="select-value"]{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:1100px){.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .histori-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .histori-toolbar>div{min-width:0}.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .histori-toolbar .year-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0}.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .histori-toolbar .year-actions>.market-picker{grid-column:1/-1;width:100%;min-width:0!important}.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .histori-toolbar .year-actions>.picker:not(.market-picker){width:100%;min-width:0!important;max-width:100%;flex:none}.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .histori-toolbar .year-actions>.primary{grid-column:1/-1;width:100%;min-width:0;justify-content:center}}
@media(max-width:560px){.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .histori-toolbar .year-actions{grid-template-columns:minmax(0,1fr)}.dh-shortcode-page .angkahub-embedded[data-angkahub-module="data"] .histori-toolbar .year-actions>*{grid-column:1!important}}

/* One full-width canvas for every AngkaHub module. The title and article card
   keep their own small reading gutter, while the interactive module itself
   no longer exposes an extra background band at either side. */
.dh-shortcode-page[data-global-module] .dh-standard{padding-inline:0}
.dh-shortcode-page[data-global-module] .dh-module-entry>.entry-title{margin-inline:var(--dh-layout-gutter)}
.dh-shortcode-page[data-global-module] .angkahub-embedded{margin-inline:0}
.dh-shortcode-page[data-global-module] .angkahub-embedded,
.dh-shortcode-page[data-global-module] .angkahub-embedded>:is(.shell,.site-main,#app,main),
.dh-shortcode-page[data-global-module] .angkahub-embedded .shell>main,
.dh-shortcode-page[data-global-module] .angkahub-embedded .content,
.dh-shortcode-page[data-global-module] .angkahub-embedded .paito-workspace,
.dh-shortcode-page[data-global-module] .angkahub-embedded #app>main{
 width:100%;
 max-width:none!important;
 min-width:0;
 margin-inline:0!important;
 padding-inline:0!important;
}
.dh-shortcode-page[data-global-module] .angkahub-embedded>:is(.shell,.site-main,#app,main){background:transparent}
.dh-shortcode-page[data-global-module] .dh-module-entry>.global-publication{
 width:calc(100% - (var(--dh-layout-gutter) * 2));
 max-width:none;
 margin-inline:auto;
}