/* ==========================================================================
   Gimbot 2026 refresh — layered on top of BoomBox 2.10.x
   Selectors target BoomBox's own classes (checked on gimbot.com, Sep 2026).
   Sections: 1 base · 2 article header · 3 article body · 4 components
             5 cards & listings · 6 ads · 7 accessibility
   ========================================================================== */

/* 1. BASE ----------------------------------------------------------------- */

body {
	font-family: var(--gimbot-font-body);
	color: var(--gimbot-text);
	background: var(--gimbot-background);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4,
.entry-title,
.bb-header-navigation, .main-navigation {
	font-family: var(--gimbot-font-display);
	letter-spacing: -0.005em;
}

/* 2. ARTICLE HEADER ------------------------------------------------------- */

.single-post .s-post-header,
.single-post .s-post-meta-block {
	max-width: var(--gimbot-content-width);
	margin-inline: auto;
	text-align: left !important; /* BoomBox sets text-align:center inline */
	border: 0;
}
.single-post .s-post-header hr {
	display: none; /* BoomBox's separator (class "bb-separator/") */
}
.single-post .s-post-meta-block {
	display: block;
}
.single-post .s-post-meta-block .post-meta-content,
.single-post .s-post-meta-block .d-table-center-sm {
	margin-left: 0 !important;  /* BoomBox centres the author row */
	margin-right: auto !important;
	text-align: left;
}

.single-post .s-post-header .entry-title {
	font-size: var(--gimbot-fs-h1);
	line-height: 1.12;
	font-weight: 700;
	margin: var(--gimbot-space-sm) 0 var(--gimbot-space-md);
	text-align: left;
}

/* Dek / standfirst (BoomBox renders it as a plain <p> or .entry-sub-title) */
.single-post .s-post-header > p,
.single-post .s-post-header .entry-sub-title {
	font-family: var(--gimbot-font-body);
	font-size: var(--gimbot-fs-dek);
	line-height: 1.55;
	font-weight: 400;
	font-style: normal;
	color: var(--gimbot-muted);
	max-width: 640px;
	margin: 0 0 var(--gimbot-space-lg);
	text-align: left;
}

/* Content-type badge + breadcrumb row (inserted by refresh.js) */
.gimbot-kicker {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gimbot-space-sm);
	font-family: var(--gimbot-font-kicker);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.gimbot-badge {
	display: inline-block;
	padding: 3px 10px;
	background: var(--gimbot-accent);
	color: var(--gimbot-text);
	border-radius: var(--gimbot-radius-sm);
	text-decoration: none;
}
.gimbot-badge:hover { background: #ffe94d; }

/* Author · date · reading time */
.single-post .s-post-meta-block .bb-author-vcard-mini,
.single-post .s-post-header .bb-author-vcard-mini {
	justify-content: flex-start;
	margin-bottom: var(--gimbot-space-lg);
}
.gimbot-meta {
	font-size: var(--gimbot-fs-meta);
	color: var(--gimbot-muted);
	font-family: var(--gimbot-font-body);
}
.gimbot-meta > * + *::before {
	content: "·";
	margin: 0 6px;
}

/* Hero image: wide, not full-bleed */
.single-post .s-post-thumbnail {
	max-width: var(--gimbot-wide-width);
	margin-inline: auto;
}
.single-post .s-post-thumbnail img {
	width: 100%;
	height: auto;
	border-radius: var(--gimbot-radius-md);
}

/* 3. ARTICLE BODY --------------------------------------------------------- */

.single-post .s-post-content {
	font-size: var(--gimbot-fs-body);
	line-height: var(--gimbot-lh-body);
	font-weight: 400;
	color: var(--gimbot-text);
}

/* Readable measure: every child capped at ~70 characters... */
.single-post .s-post-content > * {
	max-width: var(--gimbot-content-width);
	margin-inline: auto;
}
/* ...media may break out to the wide width */
.single-post .s-post-content > figure,
.single-post .s-post-content > .wp-block-image,
.single-post .s-post-content > .wp-block-embed,
.single-post .s-post-content > .wp-block-gallery,
.single-post .s-post-content > .alignwide,
.single-post .s-post-content > .wp-caption,
.single-post .s-post-content > iframe,
.single-post .s-post-content > .gimbot-verdict {
	max-width: var(--gimbot-wide-width);
}

.single-post .s-post-content p {
	margin: 0 auto 1.1em;
	font-weight: 400;
}

.single-post .s-post-content h2 {
	font-size: var(--gimbot-fs-h2);
	line-height: 1.2;
	font-weight: 700;
	margin-top: 1.6em;
	margin-bottom: 0.5em;
	scroll-margin-top: var(--gimbot-sticky-offset);
}
.single-post .s-post-content h3 {
	font-size: var(--gimbot-fs-h3);
	line-height: 1.3;
	font-weight: 700;
	margin-top: 1.4em;
	margin-bottom: 0.4em;
	scroll-margin-top: var(--gimbot-sticky-offset);
}

/* Links look like links */
.single-post .s-post-content a:not(.gimbot-badge):not([class*="button"]) {
	color: var(--gimbot-accent-ink);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-thickness 0.15s ease;
}
.single-post .s-post-content a:not(.gimbot-badge):not([class*="button"]):hover {
	text-decoration-thickness: 2px;
}

/* Images, captions, embeds */
.single-post .s-post-content img {
	height: auto;
	border-radius: var(--gimbot-radius-md);
}
.single-post .s-post-content figure,
.single-post .s-post-content .wp-caption {
	margin: var(--gimbot-space-lg) auto;
}
.single-post .s-post-content figcaption,
.single-post .s-post-content .wp-caption-text {
	font-size: 14px;
	line-height: 1.5;
	color: var(--gimbot-muted);
	margin-top: var(--gimbot-space-sm);
	text-align: left;
}
.single-post .s-post-content iframe[src*="youtube"],
.single-post .s-post-content iframe[src*="youtu.be"] {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: var(--gimbot-radius-md);
}
.single-post .s-post-content table {
	display: block;
	overflow-x: auto;
	border-collapse: collapse;
	font-size: 15px;
}

/* Lists and quotes */
.single-post .s-post-content ul,
.single-post .s-post-content ol { padding-left: 1.3em; }
.single-post .s-post-content li { margin-bottom: 0.35em; }
.single-post .s-post-content blockquote {
	border-left: 3px solid var(--gimbot-accent);
	padding: var(--gimbot-space-sm) var(--gimbot-space-md);
	color: var(--gimbot-text);
	font-style: normal;
	background: none;
}

/* 4. COMPONENTS ----------------------------------------------------------- */

/* Shared panel look */
.gimbot-verdict,
.gimbot-gameinfo,
.gimbot-toc,
.gimbot-bacajuga {
	background: var(--gimbot-surface);
	border: 1px solid var(--gimbot-border);
	border-radius: var(--gimbot-radius-md);
	margin: var(--gimbot-space-xl) auto;
}

/* Verdict */
.gimbot-verdict {
	padding: var(--gimbot-space-lg);
	border-top: 4px solid var(--gimbot-accent);
}
.gimbot-verdict__kicker,
.gimbot-gameinfo__kicker {
	font-family: var(--gimbot-font-kicker);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gimbot-muted);
	margin: 0 0 var(--gimbot-space-sm);
}
.gimbot-verdict__summary {
	font-family: var(--gimbot-font-display);
	font-size: 22px;
	line-height: 1.35;
	font-weight: 600;
	margin: 0 0 var(--gimbot-space-lg);
}
.gimbot-verdict__cols {
	display: grid;
	gap: var(--gimbot-space-lg);
}
@media (min-width: 640px) {
	.gimbot-verdict__cols { grid-template-columns: 1fr 1fr; }
}
.gimbot-verdict__h {
	font-size: 16px !important;
	margin: 0 0 var(--gimbot-space-sm) !important;
}
.gimbot-verdict ul {
	list-style: none;
	padding: 0 !important;
	margin: 0;
}
.gimbot-verdict li {
	position: relative;
	padding-left: 1.4em;
	margin-bottom: 0.4em;
	font-size: 16px;
	line-height: 1.5;
}
.gimbot-verdict__plus li::before,
.gimbot-verdict__minus li::before {
	position: absolute;
	left: 0;
	font-weight: 700;
}
.gimbot-verdict__plus li::before { content: "+"; color: #1e7a3c; }
.gimbot-verdict__minus li::before { content: "–"; color: #a33a1f; }
.gimbot-verdict__fit {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: var(--gimbot-space-xs) var(--gimbot-space-md);
	margin: var(--gimbot-space-lg) 0 0;
	padding-top: var(--gimbot-space-md);
	border-top: 1px solid var(--gimbot-border);
	font-size: 16px;
}
.gimbot-verdict__fit dt { font-weight: 700; }
.gimbot-verdict__fit dd { margin: 0; }

/* Game info */
.gimbot-gameinfo { padding: var(--gimbot-space-md) var(--gimbot-space-lg); }
.gimbot-gameinfo dl {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: var(--gimbot-space-xs) var(--gimbot-space-md);
	margin: 0;
	font-size: 15px;
}
.gimbot-gameinfo dt { color: var(--gimbot-muted); }
.gimbot-gameinfo dd { margin: 0; font-weight: 500; }
.gimbot-gameinfo__note {
	font-size: 13px;
	color: var(--gimbot-muted);
	margin: var(--gimbot-space-sm) 0 0;
}

/* Table of contents */
.gimbot-toc { padding: var(--gimbot-space-md) var(--gimbot-space-lg); }
.gimbot-toc summary {
	cursor: pointer;
	font-family: var(--gimbot-font-kicker);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 14px;
	min-height: 44px;
	display: flex;
	align-items: center;
}
.gimbot-toc ol { margin: var(--gimbot-space-sm) 0 0; font-size: 16px; }
.gimbot-toc a { text-decoration: none !important; }
/* (refresh.js closes the TOC by default on screens under 768px) */

/* Baca juga — shortcode and legacy paragraphs (class added by refresh.js) */
.gimbot-bacajuga,
.single-post .s-post-content p.gimbot-bacajuga-legacy {
	padding: var(--gimbot-space-md);
	border-left: 4px solid var(--gimbot-accent);
	font-size: 16px;
	line-height: 1.45;
}
.gimbot-bacajuga a {
	display: flex;
	align-items: center;
	gap: var(--gimbot-space-md);
	color: var(--gimbot-text) !important;
	text-decoration: none !important;
	font-weight: 600;
}
.gimbot-bacajuga img {
	width: 88px;
	height: 60px;
	object-fit: cover;
	flex: none;
}
.gimbot-bacajuga__label {
	display: block;
	font-family: var(--gimbot-font-kicker);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gimbot-muted);
	margin-bottom: var(--gimbot-space-xs);
}
.gimbot-bacajuga a:hover .gimbot-bacajuga__title { text-decoration: underline; }

/* 5. CARDS & LISTINGS ----------------------------------------------------- */

/* Consistent thumbnails: 16:9, cover, no layout jump */
.post-thumbnail img,
.bb-featured-area .featured-item img {
	object-fit: cover;
}
.bb-post-collection .post-thumbnail,
.bb-posts-related .post-thumbnail {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--gimbot-radius-md);
}
.bb-post-collection .post-thumbnail img,
.bb-posts-related .post-thumbnail img {
	width: 100%;
	height: 100%;
}

/* Gentle hover: 1.03 scale, no bounce */
.bb-post-collection .post-thumbnail img,
.bb-featured-area .featured-item img {
	transition: transform 0.3s ease;
}
.bb-post-collection article:hover .post-thumbnail img,
.bb-featured-area .featured-item:hover img {
	transform: scale(1.03);
}

/* Card headlines: clamp to 3 lines in lists; never clamp the lead story */
.bb-post-collection .entry-title {
	font-weight: 700;
	line-height: 1.25;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.bb-featured-area .featured-item .entry-title {
	font-weight: 700;
	line-height: 1.15;
}

/* Card dek + meta */
.bb-post-collection .entry-summary,
.bb-post-collection .entry-sub-title {
	color: var(--gimbot-muted);
	font-weight: 400;
}

/* Section titles ("LATEST NEWS") */
.bb-title-wrapper .title,
.widget-title {
	font-family: var(--gimbot-font-display);
	font-weight: 700;
	letter-spacing: 0.02em;
}

/* 6. ADS ------------------------------------------------------------------ */

/* Collapse AdSense slots that didn't fill instead of leaving a blank box */
ins.adsbygoogle[data-ad-status="unfilled"] {
	display: none !important;
}
/* Keep in-article ads from hugging text */
.single-post .s-post-content ins.adsbygoogle,
.single-post .s-post-content .google-auto-placed {
	margin: var(--gimbot-space-xl) auto !important;
}

/* 7. ACCESSIBILITY -------------------------------------------------------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
	outline: 2px solid var(--gimbot-focus);
	outline-offset: 2px;
	border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
	.bb-post-collection article:hover .post-thumbnail img,
	.bb-featured-area .featured-item:hover img {
		transform: none;
	}
}

/* Horizontal-overflow guard for legacy content */
.single-post .s-post-content img,
.single-post .s-post-content video,
.single-post .s-post-content iframe {
	max-width: 100%;
}

/* ==========================================================================
   Gimbot 2026 — EDITORIAL LAYER (v2)
   Loaded after tokens.css + refresh.css. Presentation only: every section
   below restyles native BoomBox markup (header, featured area, listings,
   widgets, footer). No BoomBox data/queries are replaced here.

   Sections
   0  Extra tokens
   1  Global (links, buttons, rules, section titles, image system)
   2  Header — desktop
   3  Header — mobile + sticky
   4  Featured Area (Top Stories)
   5  Listings / cards (Latest, archives, search)
   6  Homepage editorial sections (rendered by inc/home-sections.php)
   7  Article additions (meta, hero, author, share, related, comments)
   8  Archives · search · pagination
   9  Viral UI de-emphasis
   10 Sponsored content
   11 Footer
   12 Night mode
   13 Responsive
   ========================================================================== */

/* 0 · EXTRA TOKENS ------------------------------------------------------- */
:root {
	--gimbot-black: #0a0a0a;             /* surfaces: header, footer, bands */
	--gimbot-ink: #0a0a0a;               /* headline ink (flips in night mode) */
	--gimbot-ink-2: #2b2b2e;             /* secondary dark text */
	--gimbot-rule: #dedede;              /* thin neutral rule */
	--gimbot-rule-strong: #0a0a0a;       /* major section rule */
	--gimbot-on-dark: #f2f2f2;           /* text on black */
	--gimbot-on-dark-muted: #a8a8ad;     /* 7.6:1 on #0a0a0a */
	--gimbot-wide-width: 1200px;
	--gimbot-content-width: 720px;
	--gimbot-gutter: clamp(16px, 2.5vw, 32px);
	--gimbot-header-h: 64px;
	--gimbot-nav-h: 44px;
	--gimbot-ease: cubic-bezier(.2, .6, .2, 1);
}

/* 1 · GLOBAL ------------------------------------------------------------- */

::selection { background: var(--gimbot-accent); color: #0a0a0a; }

/* Wider editorial container (BoomBox default ≈ 1070px) */
@media (min-width: 1240px) {
	.container,
	.bb-featured-area.boxed { max-width: var(--gimbot-wide-width); }
}

/* Generic link hover inside UI: dark text + yellow underline */
.entry-title a,
.featured-item .entry-title a {
	color: inherit;
	text-decoration: none;
	background-image: linear-gradient(var(--gimbot-accent), var(--gimbot-accent));
	background-size: 0 3px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: background-size .25s var(--gimbot-ease);
}
.entry-title a:hover,
.entry-title a:focus-visible { background-size: 100% 3px; }

/* Buttons */
.gimbot-btn,
.bb-btn, .bb-btn.bb-btn-default,
.load-more-btn, .bb-load-more .bb-btn,
.wp-block-button__link,
input[type="submit"], button[type="submit"] {
	font-family: var(--gimbot-font-display);
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	font-size: 14px;
	background: var(--gimbot-accent);
	color: #0a0a0a !important;
	border: 2px solid var(--gimbot-accent);
	border-radius: var(--gimbot-radius-sm);
	padding: 11px 22px;
	box-shadow: none;
	transition: background-color .2s, border-color .2s;
}
.gimbot-btn:hover,
.bb-btn:hover, .load-more-btn:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover, button[type="submit"]:hover {
	background: #ffe94d;
	border-color: #ffe94d;
}
.gimbot-btn--ghost {
	background: transparent;
	border-color: var(--gimbot-ink);
}
.gimbot-btn--ghost:hover { background: var(--gimbot-black); color: #fff !important; border-color: var(--gimbot-black); }

/* Section title system:  REVIEWS ───────────── Lihat semua →  */
.gimbot-sec__head,
.bb-title-wrapper,
.bb-posts-related > .title,
.bb-other-posts > .title,
.widget .widget-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	border-top: 3px solid var(--gimbot-rule-strong);
	padding-top: 12px;
	margin: 0 0 24px;
	text-align: left !important;
}
.gimbot-sec__title,
.bb-title-wrapper .title,
.bb-posts-related > .title,
.bb-other-posts > .title,
.widget .widget-title {
	position: relative;
	font-family: var(--gimbot-font-display);
	font-size: 22px;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: var(--gimbot-ink);
	margin: 0;
	padding-left: 14px;
	background: none !important;
}
.gimbot-sec__title::before,
.bb-title-wrapper .title::before,
.bb-posts-related > .title::before,
.bb-other-posts > .title::before,
.widget .widget-title::before {
	content: "";
	position: absolute;
	left: 0; top: .12em; bottom: .12em;
	width: 5px;
	background: var(--gimbot-accent);
}
/* Kill BoomBox's yellow side-lines around "LATEST NEWS" */
.bb-title-wrapper .title::after,
.bb-title-wrapper::before,
.bb-title-wrapper::after { display: none !important; }
.gimbot-sec__more {
	font-family: var(--gimbot-font-display);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--gimbot-ink);
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 2px solid var(--gimbot-accent);
	padding-bottom: 1px;
}
.gimbot-sec__more:hover { background: var(--gimbot-accent); }

/* Category kicker (cards + article) */
.gimbot-cat {
	display: inline-block;
	font-family: var(--gimbot-font-display);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--gimbot-ink);
	text-decoration: none;
	line-height: 1;
	padding: 0 0 0 10px;
	border-left: 4px solid var(--gimbot-accent);
	margin-bottom: 8px;
}
a.gimbot-cat:hover { color: #0a0a0a; background: var(--gimbot-accent); }
.gimbot-time {
	font-size: 13px;
	color: var(--gimbot-muted);
	font-family: var(--gimbot-font-body);
	font-weight: 500;
}

/* Image system: deterministic ratios, no stretch */
.gimbot-media {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #ececec;
	border-radius: var(--gimbot-radius-sm);
}
.gimbot-media--43 { aspect-ratio: 4 / 3; }
.gimbot-media--sq { aspect-ratio: 1 / 1; }
.gimbot-media img {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .3s var(--gimbot-ease);
}
a:hover > .gimbot-media img,
.gimbot-card:hover .gimbot-media img { transform: scale(1.03); }

/* 2 · HEADER — DESKTOP --------------------------------------------------- */

.bb-header.header-desktop {
	box-shadow: none !important;
	border: 0;
}
.bb-header.header-desktop .top-header {
	background: var(--gimbot-black) !important;
	min-height: 0;
	border: 0;
}
.bb-header.header-desktop .top-header .container {
	height: var(--gimbot-header-h);
	min-height: 0;
	align-items: center;
}
.bb-header.header-desktop .branding img,
.bb-header .site-title img,
.header-mobile .branding img {
	max-height: 34px;
	width: auto;
}
.bb-header.header-desktop .bottom-header {
	background: var(--gimbot-black) !important;
	border-top: 1px solid #222;
	border-bottom: 3px solid var(--gimbot-accent);
	min-height: 0;
}
.bb-header.header-desktop .bottom-header .container { min-height: var(--gimbot-nav-h); }

.bb-header-icon,
.bb-header .bb-header-icon i,
.bb-header .menu-button,
.bb-header .form-toggle {
	color: var(--gimbot-on-dark) !important;
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.bb-header .bb-header-icon:hover,
.bb-header .bb-header-icon:hover i { color: var(--gimbot-accent) !important; }

/* Primary navigation */
.bb-header .main-navigation > ul > li > a,
.bb-header .main-navigation > div > ul > li > a {
	position: relative;
	font-family: var(--gimbot-font-display);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--gimbot-on-dark) !important;
	padding: 0 14px;
	line-height: var(--gimbot-nav-h);
	background: none !important;
}
.bb-header .main-navigation > ul > li > a::after,
.bb-header .main-navigation > div > ul > li > a::after {
	content: "";
	position: absolute;
	left: 14px; right: 14px; bottom: 0;
	height: 3px;
	background: var(--gimbot-accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .2s var(--gimbot-ease);
}
.bb-header .main-navigation li:hover > a,
.bb-header .main-navigation li.current-menu-item > a,
.bb-header .main-navigation li.current-menu-ancestor > a,
.bb-header .main-navigation li.current-post-ancestor > a,
.bb-header .main-navigation li > a:focus-visible { color: var(--gimbot-accent) !important; }
.bb-header .main-navigation > ul > li:hover > a::after,
.bb-header .main-navigation > ul > li.current-menu-item > a::after,
.bb-header .main-navigation > ul > li.current-menu-ancestor > a::after,
.bb-header .main-navigation > ul > li.current-post-ancestor > a::after,
.bb-header .main-navigation > div > ul > li:hover > a::after { transform: scaleX(1); }
.bb-header .main-navigation .dropdown-toggle,
.bb-header .main-navigation li > a .bb-icon { color: inherit !important; }

/* Submenus: white panel, thin rule, no shadow soup */
.bb-header .main-navigation .sub-menu {
	background: #fff !important;
	border: 1px solid var(--gimbot-rule);
	border-top: 3px solid var(--gimbot-accent);
	border-radius: 0 0 var(--gimbot-radius-sm) var(--gimbot-radius-sm);
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
	padding: 6px 0;
	min-width: 200px;
}
.bb-header .main-navigation .sub-menu a {
	font-family: var(--gimbot-font-body);
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	color: var(--gimbot-text) !important;
	padding: 9px 16px;
	line-height: 1.3;
}
.bb-header .main-navigation .sub-menu a:hover { background: var(--gimbot-surface); color: var(--gimbot-ink) !important; }

/* Search dropdown */
.bb-header-search .search-dropdown,
.bb-header-dropdown {
	border-top: 3px solid var(--gimbot-accent);
	border-radius: 0 0 var(--gimbot-radius-sm) var(--gimbot-radius-sm);
	box-shadow: 0 8px 24px rgba(0,0,0,.1);
}
.bb-header-search input[type="search"],
.bb-header-search input[type="text"] {
	font-size: 16px;
	border: 1px solid var(--gimbot-rule);
	border-radius: var(--gimbot-radius-sm);
	min-height: 44px;
}

/* Desktop sticky (BoomBox sticky wrapper) — compact */
.bb-sticky.sticky-smart .bb-header,
.bb-sticky.fixed .bb-header { box-shadow: none !important; }
.bb-sticky-el.fixed .top-header .container { height: 52px; }

/* 3 · HEADER — MOBILE ---------------------------------------------------- */

.bb-show-mobile-header,
.header-mobile,
.header-mobile .header-row {
	background: var(--gimbot-black) !important;
	box-shadow: none !important;
}
.header-mobile .header-row-layout { min-height: 56px; height: 56px; }
.header-mobile { border-bottom: 3px solid var(--gimbot-accent); }
.header-mobile .bb-header-icon,
.header-mobile .bb-header-icon i { color: var(--gimbot-on-dark) !important; }
.header-mobile .branding img { max-height: 28px; }

/* Off-canvas menu */
.bb-mobile-navigation,
#mobile-navigation,
.mobile-navigation-wrapper {
	background: var(--gimbot-black) !important;
	color: var(--gimbot-on-dark);
}
#mobile-navigation .main-navigation a,
.bb-mobile-navigation a,
#offcanvas-wrapper a {
	font-family: var(--gimbot-font-display);
	font-size: 18px;
	font-weight: 700;
	color: var(--gimbot-on-dark) !important;
	min-height: 44px;
	display: flex;
	align-items: center;
}
#mobile-navigation .sub-menu a,
#offcanvas-wrapper .sub-menu a { font-size: 16px; font-weight: 600; color: var(--gimbot-on-dark-muted) !important; }
#offcanvas-wrapper .current-menu-item > a { color: var(--gimbot-accent) !important; }

/* 4 · FEATURED AREA (TOP STORIES) ---------------------------------------- */
/* Native BoomBox Featured Area (type 1-2). We convert the 3 equal overlay
   tiles into an editorial 60/40 lead + two secondaries, text below image
   on the lead, compact image-left rows for secondaries. */

.bb-featured-area { margin-top: 32px; margin-bottom: 48px; }
.bb-featured-area .featured-area-wrapper {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	grid-template-rows: auto 1fr; /* lead spans both; extra height goes to row 2 */
	align-items: start;
	gap: 0 40px;
	height: auto !important;
}
/* BoomBox clearfix pseudo-elements become phantom grid cells — remove */
.bb-featured-area .featured-area-wrapper::before,
.bb-featured-area .featured-area-wrapper::after,
.bb-post-collection.list article.bb-post::before,
.bb-post-collection.list article.bb-post::after,
.single-post .bb-posts-related .post-items::before,
.single-post .bb-posts-related .post-items::after { content: none !important; display: none !important; }
.bb-featured-area .f-col { display: block !important; align-self: start; width: auto !important; height: auto !important; float: none !important; padding: 0 !important; margin-top: 0 !important; }
.bb-featured-area .f-col.col1 { grid-row: 1 / span 2; grid-column: 1; }
.bb-featured-area .f-col.col2 { grid-column: 2; grid-row: 1; }
.bb-featured-area .f-col.col3 { grid-column: 2; grid-row: 2; }
.bb-featured-area .f-col.col2 { border-bottom: 1px solid var(--gimbot-rule); padding-bottom: 24px !important; margin-bottom: 24px; }

.bb-featured-area .featured-item {
	position: relative;
	height: auto !important;
	min-height: 0 !important;
	display: block !important;
	margin: 0 !important;
	background-color: transparent !important;
	background-image: none !important; /* BoomBox paints the image as bg; we show the real <img> */
	border-radius: 0;
	overflow: visible;
}
.bb-featured-area .featured-media {
	position: relative !important;
	height: auto !important;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--gimbot-radius-sm);
	margin: 0;
	background: #ececec;
}
.bb-featured-area .featured-media img {
	position: absolute; inset: 0;
	width: 100% !important; height: 100% !important;
	object-fit: cover;
	max-width: none;
	display: block !important; /* BoomBox hides it */
}
.bb-featured-area .featured-link { position: absolute; inset: 0; display: block; }
/* remove dark overlay gradients */
.bb-featured-area .featured-media::before,
.bb-featured-area .featured-media::after,
.bb-featured-area .featured-link::before,
.bb-featured-area .featured-link::after,
.bb-featured-area .featured-item::before,
.bb-featured-area .featured-item::after { display: none !important; }

.bb-featured-area .featured-header {
	position: static !important;
	background: none !important;
	padding: 18px 0 0 !important;
	transform: none !important;
}
.bb-featured-area .featured-caption { padding: 0 !important; text-align: left; }
.bb-featured-area .featured-item .entry-title {
	color: var(--gimbot-ink) !important;
	text-shadow: none !important;
	font-weight: 800;
	letter-spacing: -.01em;
	margin: 0 0 10px;
	text-wrap: balance;
}
.bb-featured-area .featured-item .entry-title a { color: var(--gimbot-ink) !important; }
.bb-featured-area .f-col.col1 .featured-item .entry-title {
	font-size: clamp(30px, 1.2rem + 1.9vw, 46px) !important; /* beats BoomBox inline-size rules */
	line-height: 1.06 !important;
}
.bb-featured-area .f-col.col2 .featured-item .entry-title,
.bb-featured-area .f-col.col3 .featured-item .entry-title {
	font-size: clamp(19px, .9rem + .5vw, 22px) !important;
	line-height: 1.2 !important;
}
.bb-featured-area .col2 .featured-header,
.bb-featured-area .col3 .featured-header { padding-top: 12px !important; }
.bb-featured-area .col2 .bb-author-vcard-mini,
.bb-featured-area .col3 .bb-author-vcard-mini { display: none; }
.bb-featured-area .gimbot-dek {
	font-size: 18px;
	line-height: 1.5;
	color: var(--gimbot-muted);
	margin: 0 0 12px;
	max-width: 62ch;
}
.bb-featured-area .bb-author-vcard-mini,
.bb-featured-area .bb-author-vcard-mini a,
.bb-featured-area .bb-author-vcard-mini span {
	color: var(--gimbot-muted) !important;
	font-size: 13px;
}
.bb-featured-area .bb-author-vcard-mini .auth-name a { color: var(--gimbot-text) !important; font-weight: 600; }
.bb-featured-area .featured-badge-list,
.bb-featured-area .bb-badge-list { display: none !important; }
.bb-featured-area .featured-item:hover img { transform: scale(1.03); }

/* 5 · LISTINGS / CARDS --------------------------------------------------- */

/* BoomBox "list / list2" → Latest-style scan rows with dividers */
.bb-post-collection.list .post-items,
.bb-post-collection.list > .post-items { margin: 0; padding: 0; }
.bb-post-collection.list .post-item,
.bb-post-collection.list article.bb-post {
	border-bottom: 1px solid var(--gimbot-rule);
	padding: 0 0 22px;
	margin: 0 0 22px;
	background: none !important;
	box-shadow: none !important;
	border-radius: 0;
}
.bb-post-collection.list article.bb-post {
	display: grid;
	grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}
.bb-post-collection.list article.bb-post > .post-thumbnail { grid-column: 1; grid-row: 1; }
.bb-post-collection.list article.bb-post > .content { grid-column: 2; grid-row: 1; }
.bb-post-collection.list .post-thumbnail { width: auto !important; float: none !important; margin: 0 !important; }
.bb-post-collection.list .content { padding: 0 !important; width: auto !important; float: none !important; margin: 0 !important; }
.bb-post-collection.list .entry-title {
	font-size: clamp(19px, 1rem + .45vw, 24px);
	line-height: 1.2;
	font-weight: 800;
	margin: 0 0 8px;
	text-wrap: balance;
}
.bb-post-collection.list .entry-summary {
	font-size: 16px;
	line-height: 1.55;
	color: var(--gimbot-muted);
	margin: 0 0 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* Meta row: author + absolute time only; hide hairline separators */
.bb-post-collection .post-author-meta { border: 0 !important; padding: 0 !important; margin: 0 !important; }
.bb-post-collection .post-author-meta .author-avatar { display: none; }
.bb-post-collection .post-author-meta,
.bb-post-collection .post-author-meta a,
.bb-post-collection .post-author-meta span { font-size: 13px; color: var(--gimbot-muted) !important; }
.bb-post-collection .post-author-meta .auth-url { color: var(--gimbot-text) !important; font-weight: 600; }
.bb-post-collection .entry-header hr,
.bb-post-collection .bb-separator { display: none; }

/* Grid listings (Reviews archive, related) */
.bb-post-collection .post-item-grid article.bb-post,
.bb-post-collection.grid article.bb-post,
.bb-post-collection.four-column article.bb-post {
	background: none !important;
	box-shadow: none !important;
	border-radius: 0;
}
.bb-post-collection.grid .content,
.bb-post-collection .post-item-grid .content { padding: 14px 0 0 !important; }
.bb-post-collection .post-item-grid .entry-title,
.bb-post-collection.grid .entry-title {
	font-size: 19px;
	line-height: 1.25;
	font-weight: 800;
}

/* Thumbnails: 16:9, small radius, no shadow */
.bb-post-collection .post-thumbnail,
.bb-posts-related .post-thumbnail {
	aspect-ratio: 16 / 9;
	border-radius: var(--gimbot-radius-sm);
	box-shadow: none !important;
	background: #ececec;
}
.bb-post-collection .post-thumbnail .bb-media-placeholder { height: 100% !important; padding: 0 !important; }
.bb-post-collection .post-thumbnail .bb-media-placeholder::before { display: none; }
.bb-post-collection .post-thumbnail img {
	position: absolute; inset: 0;
	width: 100% !important; height: 100% !important;
	object-fit: cover;
}
.bb-post-collection .post-thumbnail > a { position: relative; display: block; height: 100%; }

/* 6 · HOMEPAGE EDITORIAL SECTIONS (inc/home-sections.php) ---------------- */

.gimbot-home { max-width: var(--gimbot-wide-width); margin: 0 auto; padding: 0 var(--gimbot-gutter); }
.gimbot-sec { margin: 0 0 64px; }
.gimbot-sec ul { list-style: none; margin: 0; padding: 0; }
.gimbot-card { position: relative; }
.gimbot-card__title {
	font-family: var(--gimbot-font-display);
	font-weight: 800;
	color: var(--gimbot-ink);
	letter-spacing: -.005em;
	text-wrap: balance;
	margin: 0 0 8px;
}
.gimbot-card__title a { color: inherit; text-decoration: none; }
.gimbot-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } /* whole card clickable */
.gimbot-card a.gimbot-cat { position: relative; z-index: 2; }
.gimbot-card:hover .gimbot-card__title a,
.gimbot-card__title a:focus-visible {
	text-decoration: underline;
	text-decoration-color: var(--gimbot-accent);
	text-decoration-thickness: 3px;
	text-underline-offset: 4px;
}
.gimbot-card__dek {
	font-size: 16px;
	line-height: 1.55;
	color: var(--gimbot-muted);
	margin: 0 0 10px;
}
.gimbot-card .gimbot-media { margin-bottom: 14px; }

/* Trending strip */
.gimbot-trending {
	display: flex;
	align-items: center;
	gap: 18px;
	max-width: var(--gimbot-wide-width);
	margin: 0 auto;
	padding: 12px var(--gimbot-gutter);
	border-bottom: 1px solid var(--gimbot-rule);
	overflow: hidden;
	font-size: 14px;
}
.gimbot-trending__label {
	flex: none;
	font-family: var(--gimbot-font-display);
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: 13px;
	background: var(--gimbot-accent);
	color: var(--gimbot-ink);
	padding: 4px 8px;
	border-radius: 2px;
}
.gimbot-trending ol {
	display: flex;
	gap: 0;
	list-style: none;
	margin: 0; padding: 0;
	overflow-x: auto;
	scrollbar-width: none;
	white-space: nowrap;
}
.gimbot-trending ol::-webkit-scrollbar { display: none; }
.gimbot-trending li + li::before { content: "•"; color: #b5b5b5; margin: 0 12px; }
.gimbot-trending a { color: var(--gimbot-text); font-weight: 600; text-decoration: none; }
.gimbot-trending a:hover { text-decoration: underline; text-decoration-color: var(--gimbot-accent); text-decoration-thickness: 2px; }

/* Latest + Most Read: 2/3 + 1/3 */
.gimbot-split {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 56px;
	align-items: start;
}
.gimbot-row {
	display: grid;
	grid-template-columns: 200px minmax(0, 1fr);
	gap: 20px;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid var(--gimbot-rule);
}
.gimbot-row:last-child { border-bottom: 0; margin-bottom: 0; }
.gimbot-row .gimbot-media { margin: 0; }
.gimbot-row .gimbot-card__title { font-size: 21px; line-height: 1.2; }
.gimbot-row .gimbot-card__dek { font-size: 15px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

/* Most read */
.gimbot-rank { counter-reset: rank; }
.gimbot-rank li {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 8px;
	padding: 14px 0;
	border-bottom: 1px solid var(--gimbot-rule);
	counter-increment: rank;
}
.gimbot-rank li:first-child { padding-top: 0; }
.gimbot-rank li::before {
	content: counter(rank, decimal-leading-zero);
	font-family: var(--gimbot-font-display);
	font-size: 34px;
	font-weight: 800;
	line-height: .9;
	color: var(--gimbot-ink);
	-webkit-text-stroke: 0;
	box-shadow: inset 0 -10px 0 var(--gimbot-accent);
	align-self: start;
	justify-self: start;
	padding: 0 2px;
}
.gimbot-rank a {
	font-family: var(--gimbot-font-display);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--gimbot-ink);
	text-decoration: none;
}
.gimbot-rank a:hover { text-decoration: underline; text-decoration-color: var(--gimbot-accent); text-decoration-thickness: 3px; }
.gimbot-rank .gimbot-cat { display: block; width: max-content; margin-bottom: 6px; }
.gimbot-aside { position: sticky; top: 90px; }

/* Reviews: 3-col */
.gimbot-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.gimbot-grid-3 .gimbot-card__title { font-size: 22px; line-height: 1.18; }
.gimbot-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.gimbot-grid-4 .gimbot-card__title { font-size: 18px; line-height: 1.25; }

/* Reviews band: subtle surface for importance */
.gimbot-sec--reviews {
	background: var(--gimbot-surface);
	padding: 40px var(--gimbot-gutter) 48px;
	margin-left: calc(-1 * var(--gimbot-gutter));
	margin-right: calc(-1 * var(--gimbot-gutter));
	border-radius: 0;
}

/* Features / Opini: magazine treatment — dark band */
.gimbot-sec--features {
	background: var(--gimbot-black);
	color: var(--gimbot-on-dark);
	padding: 44px var(--gimbot-gutter) 52px;
	margin-left: calc(-1 * var(--gimbot-gutter));
	margin-right: calc(-1 * var(--gimbot-gutter));
}
.gimbot-sec--features .gimbot-sec__head { border-top-color: var(--gimbot-accent); }
.gimbot-sec--features .gimbot-sec__title,
.gimbot-sec--features .gimbot-card__title,
.gimbot-sec--features .gimbot-sec__more,
.gimbot-sec--features a.gimbot-cat { color: #fff; }
.gimbot-sec--features .gimbot-card__dek,
.gimbot-sec--features .gimbot-time { color: var(--gimbot-on-dark-muted); }
.gimbot-sec--features .gimbot-sec__more:hover,
.gimbot-sec--features a.gimbot-cat:hover { color: #0a0a0a; }
.gimbot-feature-lead {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 40px;
	align-items: center;
	margin-bottom: 40px;
}
.gimbot-feature-lead .gimbot-media { margin: 0; }
.gimbot-feature-lead .gimbot-card__title { font-size: clamp(28px, 1rem + 1.6vw, 40px); line-height: 1.08; }
.gimbot-feature-lead .gimbot-card__dek { font-size: 18px; }

/* Indonesia: lead + 3 supporting */
.gimbot-local {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 40px;
}
.gimbot-local__lead .gimbot-card__title { font-size: clamp(26px, 1rem + 1.2vw, 34px); line-height: 1.1; }
.gimbot-local__list .gimbot-row { grid-template-columns: 140px minmax(0, 1fr); }
.gimbot-local__list .gimbot-row .gimbot-card__title { font-size: 18px; }
.gimbot-sec--local .gimbot-sec__title::after {
	content: none; /* v2.4: "ID" tag removed (editorial decision) */
	display: none;
	margin-left: 10px;
	font-size: 12px;
	letter-spacing: .1em;
	vertical-align: middle;
	padding: 2px 5px;
	border: 1.5px solid var(--gimbot-ink);
	border-radius: 2px;
}

/* More stories: hand back to the native BoomBox listing below */
.gimbot-more-head { max-width: var(--gimbot-wide-width); margin: 0 auto; padding: 0 var(--gimbot-gutter); }

/* 7 · ARTICLE ADDITIONS -------------------------------------------------- */

/* Header rhythm: kicker → H1 → dek → meta */
.single-post .s-post-header { padding-top: 16px; }
.single-post .gimbot-kicker { margin-bottom: 14px; }
.single-post .gimbot-badge {
	font-family: var(--gimbot-font-display);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	padding: 4px 9px;
	border-radius: 2px;
}
.single-post .s-post-header .entry-title { text-wrap: balance; letter-spacing: -.012em; }
.single-post .s-post-header .entry-sub-title,
.single-post .s-post-header .gimbot-dek {
	font-size: clamp(18px, 1rem + .35vw, 21px);
	color: #4a4d52;
	line-height: 1.5;
}
/* Meta row: hide BoomBox relative-time duplicates; keep our <time> */
.single-post .s-post-meta-block .auth-posted-on > time.entry-date { display: none; }
.single-post .s-post-meta-block {
	border-top: 1px solid var(--gimbot-rule) !important;
	border-bottom: 1px solid var(--gimbot-rule) !important;
	padding: 12px 0 !important;
	margin-bottom: 28px !important;
}
.single-post .s-post-meta-block .bb-author-vcard-mini { margin-bottom: 0 !important; }
.single-post .s-post-meta-block .post-share-box,
.single-post .s-post-meta-block .bb-post-share-box { margin: 0; }

/* Hero: up to wide width, reserved ratio */
.single-post .s-post-thumbnail { margin-bottom: 36px !important; }
.single-post .s-post-thumbnail .bb-media-placeholder { border-radius: var(--gimbot-radius-sm); overflow: hidden; }
.single-post .s-post-thumbnail figcaption,
.single-post .s-post-thumbnail .wp-caption-text {
	max-width: var(--gimbot-wide-width);
	font-size: 13.5px;
	color: var(--gimbot-muted);
	margin-top: 8px;
}

/* Body refinements */
.single-post .s-post-content p { margin-bottom: 1.3em; }
.single-post .s-post-content h2 { margin-top: 2.1em; margin-bottom: .7em; letter-spacing: -.01em; }
.single-post .s-post-content h3 { margin-top: 1.8em; margin-bottom: .55em; }
.single-post .s-post-content a:not(.gimbot-badge):not([class*="button"]) {
	color: var(--gimbot-text);
	text-decoration-color: var(--gimbot-accent);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	font-weight: 500;
}
.single-post .s-post-content a:not(.gimbot-badge):not([class*="button"]):hover {
	text-decoration-thickness: 2px;
	background: rgba(250, 224, 30, .35);
}
.single-post .s-post-content blockquote,
.single-post .s-post-content .wp-block-quote {
	border-left: 4px solid var(--gimbot-accent);
	margin: 2em auto;
	padding: 4px 0 4px 24px;
	font-family: var(--gimbot-font-display);
	font-size: clamp(21px, 1rem + .5vw, 25px);
	line-height: 1.45;
	font-weight: 600;
	color: var(--gimbot-ink);
}
.single-post .s-post-content blockquote p { margin-bottom: .5em; }
.single-post .s-post-content blockquote cite,
.single-post .s-post-content blockquote footer {
	display: block;
	font-family: var(--gimbot-font-body);
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	color: var(--gimbot-muted);
}
.single-post .s-post-content .alignwide,
.single-post .s-post-content > .wp-block-image.alignwide { max-width: 1000px; }
.single-post .s-post-content .alignfull { max-width: var(--gimbot-wide-width); }
.single-post .s-post-content hr { border: 0; border-top: 1px solid var(--gimbot-rule); margin: 2.5em auto; }

/* Baca Juga: rules, not a panel → never looks like an ad */
.gimbot-bacajuga,
.single-post .s-post-content p.gimbot-bacajuga-legacy {
	background: none !important;
	border: 0 !important;
	border-top: 1px solid var(--gimbot-rule) !important;
	border-bottom: 1px solid var(--gimbot-rule) !important;
	border-radius: 0 !important;
	padding: 14px 0 !important;
	margin: 1.8em auto !important;
	font-family: var(--gimbot-font-display);
	font-size: 18px !important;
	font-weight: 700;
	line-height: 1.3 !important;
}
.single-post .s-post-content p.gimbot-bacajuga-legacy a {
	color: var(--gimbot-ink) !important;
	text-decoration: none !important;
	font-weight: 700;
}
.single-post .s-post-content p.gimbot-bacajuga-legacy a:hover { text-decoration: underline !important; text-decoration-color: var(--gimbot-accent) !important; }
.single-post .s-post-content p.gimbot-bacajuga-legacy strong:first-child,
.single-post .s-post-content p.gimbot-bacajuga-legacy b:first-child,
.gimbot-bacajuga__label {
	display: inline-block;
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--gimbot-ink) !important;
	border-left: 4px solid var(--gimbot-accent);
	padding-left: 8px;
	margin-right: 10px;
}

/* Review components keep their own panel look but flatter */
.gimbot-verdict, .gimbot-gameinfo, .gimbot-toc { border-radius: var(--gimbot-radius-sm); }
.gimbot-toc { background: #fff; border-left: 4px solid var(--gimbot-accent); }

/* Share: modest icons, no counters */
.bb-post-share-box .count,
.bb-post-share-box .share-count,
.post-share-count,
.bb-post-share-box .bb-share-count,
.mashsb-count { display: none !important; }
.bb-post-share-box .social a,
.post-share-box .social a {
	width: 36px; height: 36px;
	border-radius: 50%;
	background: var(--gimbot-surface) !important;
	color: var(--gimbot-text) !important;
	box-shadow: none !important;
}
.bb-post-share-box .social a:hover { background: var(--gimbot-accent) !important; }

/* Author module: compact, ruled */
.single-post .bb-author-vcard {
	max-width: var(--gimbot-content-width);
	margin: 48px auto !important;
	padding: 24px 0 !important;
	background: none !important;
	border: 0 !important;
	border-top: 3px solid var(--gimbot-rule-strong) !important;
	border-bottom: 1px solid var(--gimbot-rule) !important;
	box-shadow: none !important;
	text-align: left;
}
.single-post .bb-author-vcard .author header,
.single-post .bb-author-vcard .author,
.single-post .bb-author-vcard .author-info { background: none !important; border: 0 !important; box-shadow: none !important; }
.single-post .bb-author-vcard .author { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 4px 20px; align-items: start; }
.single-post .bb-author-vcard .author header { display: contents; }
.single-post .bb-author-vcard .auth-avatar,
.single-post .bb-author-vcard .avatar { width: 72px !important; height: 72px !important; grid-row: 1 / span 2; }
.single-post .bb-author-vcard .auth-avatar img { width: 72px; height: 72px; border-radius: 50%; }
/* BoomBox prints its own "Posted by" label — restyle it as a kicker */
.single-post .bb-author-vcard .header-info .auth-byline,
.single-post .bb-author-vcard .header-info > span:first-child {
	font-family: var(--gimbot-font-display);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--gimbot-muted);
}
.single-post .bb-author-vcard .auth-name,
.single-post .bb-author-vcard .auth-title { font-family: var(--gimbot-font-display); font-size: 20px; font-weight: 800; }
.single-post .bb-author-vcard .auth-desc { font-size: 15.5px; line-height: 1.55; color: var(--gimbot-ink-2); }

/* Related: 3 cards desktop, stacked mobile */
.single-post .bb-posts-related,
.single-post .bb-other-posts {
	max-width: var(--gimbot-wide-width);
	margin: 56px auto !important;
}
.single-post .bb-posts-related .post-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 0; }
.single-post .bb-posts-related .post-item { width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; }
.single-post .bb-posts-related .post-item:nth-child(n+4) { display: none; }
.single-post .bb-posts-related .entry-title { font-size: 19px; line-height: 1.25; font-weight: 800; }
.single-post .bb-posts-related .entry-summary,
.single-post .bb-posts-related .post-author-meta { display: none; }

/* Comments: clearly separated */
#comments, .comments-area, #wpdcom {
	max-width: var(--gimbot-content-width);
	margin: 72px auto 0 !important;
	padding-top: 24px;
	border-top: 3px solid var(--gimbot-rule-strong);
}

/* 8 · ARCHIVES · SEARCH · PAGINATION ------------------------------------- */

.archive .page-header,
.search .page-header,
.bb-archive-header,
.archive .archive-header {
	max-width: var(--gimbot-wide-width);
	margin: 36px auto 32px;
	text-align: left !important;
	border-bottom: 3px solid var(--gimbot-rule-strong);
	padding-bottom: 18px;
}
.archive .page-title,
.search .page-title,
.archive .archive-header .title {
	font-family: var(--gimbot-font-display);
	font-size: clamp(36px, 1.5rem + 2.4vw, 64px);
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -.01em;
	color: var(--gimbot-ink);
	margin: 0;
}
.archive .taxonomy-description,
.archive .archive-description {
	font-size: 18px;
	line-height: 1.55;
	color: var(--gimbot-muted);
	max-width: 680px;
	margin-top: 12px;
}

/* Reviews / Opini archive: image-led grid */
.category-reviews .bb-post-collection.list article.bb-post,
.category-opini .bb-post-collection.list article.bb-post { grid-template-columns: minmax(0, 460px) minmax(0, 1fr); }
.category-opini .bb-post-collection.list .entry-title,
.category-reviews .bb-post-collection.list .entry-title { font-size: clamp(22px, 1rem + .9vw, 30px); line-height: 1.12; }

/* Search results + no-results */
.search .search-form,
.gimbot-noresults .search-form { display: flex; gap: 8px; max-width: 560px; }
.search .search-form input[type="search"] { flex: 1; min-height: 48px; font-size: 17px; padding: 0 14px; border: 2px solid var(--gimbot-ink); border-radius: var(--gimbot-radius-sm); }

/* Pagination */
.pagination .page-numbers,
.bb-wp-pagination .page-numbers,
.nav-links .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px; height: 44px;
	padding: 0 12px;
	font-family: var(--gimbot-font-display);
	font-weight: 700;
	font-size: 16px;
	color: var(--gimbot-ink);
	background: none !important;
	border: 1px solid var(--gimbot-rule);
	border-radius: var(--gimbot-radius-sm);
	box-shadow: none !important;
}
.pagination .page-numbers.current,
.bb-wp-pagination .page-numbers.current,
.nav-links .page-numbers.current { background: var(--gimbot-black) !important; color: #fff; border-color: var(--gimbot-black); }
.pagination a.page-numbers:hover,
.nav-links a.page-numbers:hover { border-color: var(--gimbot-black); background: var(--gimbot-accent) !important; }
.bb-load-more, .load-more { text-align: center; margin: 32px 0 56px; }

/* 9 · VIRAL UI DE-EMPHASIS ----------------------------------------------- */
/* Data stays (ranking, views, reactions are still recorded). We only stop
   showing gamification chrome on editorial surfaces. */
.bb-post-collection .bb-badge-list,
.bb-post-collection .post-badge-list,
.bb-featured-area .bb-badge-list,
.post-meta .post-meta-item.views,
.post-meta .post-meta-item.votes,
.post-meta .post-meta-item.comments,
.bb-post-collection .post-meta,
.bb-reactions, .reactions-box, .bb-reaction-box,
.single-post .bb-reactions-wrapper,
.post-vote-box, .bb-post-rating,
.mycred-my-balance-wrapper { display: none !important; }

/* 10 · SPONSORED CONTENT -------------------------------------------------- */
.sponsored-post .s-post-header::before,
.bb-sponsored-post .s-post-header::before,
.gimbot-sponsored-label {
	content: "Konten Bersponsor";
	display: inline-block;
	font-family: var(--gimbot-font-display);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--gimbot-ink);
	border: 1.5px solid var(--gimbot-ink);
	border-radius: 2px;
	padding: 3px 7px;
	margin-bottom: 12px;
}
.bb-sponsored, .sponsored-info, .bb-sponsor-area {
	background: var(--gimbot-surface) !important;
	border: 1px solid var(--gimbot-rule) !important;
	border-radius: var(--gimbot-radius-sm);
	box-shadow: none !important;
	font-size: 14px;
}

/* 11 · FOOTER ------------------------------------------------------------- */
#footer, .footer {
	background: var(--gimbot-black) !important;
	color: var(--gimbot-on-dark-muted);
	border-top: 3px solid var(--gimbot-accent);
}
#footer a, .footer a { color: var(--gimbot-on-dark) !important; text-decoration: none; }
#footer a:hover, .footer a:hover { color: var(--gimbot-accent) !important; }
.gimbot-footer {
	max-width: var(--gimbot-wide-width);
	margin: 0 auto;
	padding: 56px var(--gimbot-gutter) 24px;
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
	gap: 40px;
}
.gimbot-footer__brand img { max-height: 32px; width: auto; margin-bottom: 14px; }
.gimbot-footer__brand p { font-size: 15px; line-height: 1.6; color: var(--gimbot-on-dark-muted); max-width: 34ch; margin: 0; }
.gimbot-footer h2 {
	font-family: var(--gimbot-font-display);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 14px;
	padding-left: 10px;
	border-left: 4px solid var(--gimbot-accent);
}
.gimbot-footer ul { list-style: none; margin: 0; padding: 0; }
.gimbot-footer li { margin: 0 0 8px; }
.gimbot-footer li a { font-size: 15px; font-weight: 500; display: inline-block; padding: 3px 0; }
#footer .footer-bottom {
	background: transparent !important;
	border-top: 1px solid #222;
	padding: 18px 0;
}
#footer .copy-right { color: #8b8b90; font-size: 13px; }
#footer .social-footer a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; }

/* 12 · NIGHT MODE --------------------------------------------------------- */
/* BoomBox toggles night-mode.min.css + body.boombox-theme-night (verify).
   Charcoal + off-white for reading; yellow keeps its role. */
.boombox-theme-night,
body.night-mode {
	--gimbot-text: #e8e6e1;
	--gimbot-ink: #f1efe9;
	--gimbot-ink-2: #cfcdc8;
	--gimbot-muted: #a3a3a8;
	--gimbot-rule: #34363b;
	--gimbot-rule-strong: #e8e6e1;
	--gimbot-border: #34363b;
	--gimbot-background: #17181b;
	--gimbot-surface: #202226;
	--gimbot-accent-ink: #fae01e;
	--gimbot-focus: #fae01e;
}
.boombox-theme-night body,
body.boombox-theme-night { background: var(--gimbot-background); }
body.boombox-theme-night .bb-header .top-header,
body.boombox-theme-night .bb-header .bottom-header,
body.boombox-theme-night #footer,
body.boombox-theme-night .gimbot-sec--features,
body.boombox-theme-night .header-mobile { background: #0d0e10 !important; }
body.boombox-theme-night .gimbot-trending__label,
body.boombox-theme-night .gimbot-badge,
body.boombox-theme-night .gimbot-btn { color: #0a0a0a !important; }
body.boombox-theme-night .gimbot-rank li::before { box-shadow: inset 0 -10px 0 rgba(250,224,30,.45); }

/* 13 · RESPONSIVE --------------------------------------------------------- */
@media (max-width: 1023px) {
	.gimbot-split { grid-template-columns: minmax(0, 1fr); gap: 48px; }
	.gimbot-aside { position: static; }
	.gimbot-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gimbot-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bb-header .main-navigation > ul > li > a { padding: 0 10px; font-size: 14px; }
}
@media (max-width: 899px) {
	.bb-featured-area .featured-area-wrapper { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.bb-featured-area .f-col.col1,
	.bb-featured-area .f-col.col2,
	.bb-featured-area .f-col.col3 { grid-column: 1; grid-row: auto; }
	.bb-featured-area .f-col.col1 { border-bottom: 1px solid var(--gimbot-rule); padding-bottom: 24px !important; margin-bottom: 24px; }
	.bb-featured-area .f-col.col2 .featured-item,
	.bb-featured-area .f-col.col3 .featured-item { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 14px; align-items: start; }
	.bb-featured-area .f-col.col2 .featured-header,
	.bb-featured-area .f-col.col3 .featured-header { padding-top: 0 !important; }
	.bb-featured-area .f-col.col2 .featured-media,
	.bb-featured-area .f-col.col3 .featured-media { aspect-ratio: 4 / 3; }
	.bb-featured-area .col2 .bb-author-vcard-mini,
	.bb-featured-area .col3 .bb-author-vcard-mini { display: none; }
	.gimbot-grid-3 { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.gimbot-feature-lead,
	.gimbot-local { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.single-post .bb-posts-related .post-items { grid-template-columns: minmax(0, 1fr); }
	.category-reviews .bb-post-collection.list article.bb-post,
	.category-opini .bb-post-collection.list article.bb-post { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
	.bb-featured-area { margin-top: 16px; margin-bottom: 32px; padding: 0 16px; }
	.bb-featured-area .col1 .entry-title { font-size: clamp(26px, 6.6vw, 32px); }
	.bb-featured-area .col2 .entry-title,
	.bb-featured-area .col3 .entry-title { font-size: 17px; line-height: 1.25; }
	.bb-post-collection.list article.bb-post,
	.gimbot-row { grid-template-columns: 120px minmax(0, 1fr); gap: 14px; }
	.bb-post-collection.list .post-thumbnail,
	.gimbot-row .gimbot-media { aspect-ratio: 4 / 3; }
	.bb-post-collection.list .entry-title,
	.gimbot-row .gimbot-card__title { font-size: 17px; line-height: 1.25; }
	.bb-post-collection.list .entry-summary,
	.gimbot-row .gimbot-card__dek { display: none; }
	.gimbot-sec { margin-bottom: 44px; }
	.gimbot-sec__title, .bb-title-wrapper .title, .bb-posts-related > .title { font-size: 19px; }
	.gimbot-grid-4 { grid-template-columns: minmax(0, 1fr); }
	.gimbot-footer { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 40px; }
	.gimbot-trending { padding: 10px 16px; }
	.gimbot-home { padding: 0 16px; }
	.gimbot-sec--reviews, .gimbot-sec--features { margin-left: -16px; margin-right: -16px; padding: 32px 16px 36px; }
	.single-post .s-post-content { font-size: 17px; }
	.single-post .s-post-content blockquote { font-size: 20px; padding-left: 16px; }
	.single-post .bb-author-vcard .author { grid-template-columns: 56px minmax(0, 1fr); }
	.single-post .bb-author-vcard .auth-avatar, .single-post .bb-author-vcard .auth-avatar img { width: 56px !important; height: 56px !important; }
	/* No floating share rail covering text on mobile */
	.bb-fixed-share, .bb-sticky-share, .mobile-share-bar, .bb-mobile-share { display: none !important; }
}

/* 14 · QA FIXES (staging pass 1) ----------------------------------------- */
.single-post .s-post-header .entry-title { color: var(--gimbot-ink); }
/* author avatar: BoomBox positions it absolutely; our grid places it */
.single-post .bb-author-vcard .auth-avatar { position: static !important; }
@media (max-width: 899px) {
	.bb-featured-area .f-col.col2 .featured-item,
	.bb-featured-area .f-col.col3 .featured-item { display: grid !important; }
}
@media (max-width: 767px) {
	.bb-featured-area .featured-area-wrapper { margin: 0 !important; }
	.single-post .single-container { padding-left: 16px !important; padding-right: 16px !important; }
}

/* 15 · QA FIXES (staging pass 2) ----------------------------------------- */
/* Nav: text-only, no page icons or "Hot" labels (editorial, not viral) */
.bb-header .main-navigation > ul > li > a > .bb-icon:not(.dropdown-toggle),
.bb-header .main-navigation > ul > li > a > i.bb-icon,
.bb-header .main-navigation .label,
#offcanvas-wrapper .main-navigation .label { display: none !important; }

/* Lists: one divider per row (BoomBox li + article both had one) */
.bb-post-collection.list .post-item { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }

/* Archive / search / author page header */
.bb-page-header,
.bb-page-header .container-bg { background: none !important; box-shadow: none !important; border-radius: 0 !important; }
.bb-page-header .container-inner { padding-left: 0 !important; padding-right: 0 !important; }
.bb-page-header .header-content {
	border-bottom: 3px solid var(--gimbot-rule-strong);
	padding: 32px 0 16px;
	text-align: left !important;
}
.bb-page-header .page-title,
.bb-page-header h1 {
	font-family: var(--gimbot-font-display);
	font-size: clamp(34px, 1.4rem + 2.4vw, 60px);
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -.01em;
	text-transform: uppercase;
	color: var(--gimbot-ink);
	margin: 0;
}
.search .bb-page-header .page-title { text-transform: none; font-size: clamp(28px, 1.2rem + 1.6vw, 44px); }
.bb-page-header .page-subtitle,
.bb-page-header .taxonomy-description,
.bb-page-header p { font-size: 18px; line-height: 1.55; color: var(--gimbot-muted); max-width: 680px; margin-top: 10px; }
/* Archive featured: drop the meta/view counters row above the title */
.bb-featured-area .post-meta,
.bb-featured-area .bb-post-meta { display: none !important; }

/* Footer bottom: nav row + social + copyright */
#footer .footer-bottom .container { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; }
#footer .footer-nav { flex: 1 1 520px; }
#footer .footer-nav ul { display: flex; flex-wrap: wrap; gap: 4px 22px; margin: 0; padding: 0; list-style: none; }
#footer .footer-nav a {
	font-family: var(--gimbot-font-display);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 0;
}
#footer .copy-right { margin-left: auto; }

/* Next/Prev pagination: editorial buttons, not grey pills */
.bb-next-prev-pagination a,
.bb-next-prev-pagination .page-nav-btn,
.bb-next-prev-pagination span[class*="btn"] {
	font-family: var(--gimbot-font-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	border-radius: var(--gimbot-radius-sm) !important;
	background: #fff !important;
	color: var(--gimbot-ink) !important;
	border: 2px solid var(--gimbot-ink) !important;
	box-shadow: none !important;
}
.bb-next-prev-pagination a:hover { background: var(--gimbot-accent) !important; border-color: var(--gimbot-accent) !important; color: #0a0a0a !important; }

/* 16 · QA FIXES (staging pass 3) ----------------------------------------- */
/* Legacy "Baca juga" paragraphs are often fully wrapped in <strong>:
   keep them readable sentence-case, marked by a yellow rule. */
.single-post .s-post-content p.gimbot-bacajuga-legacy {
	border-left: 4px solid var(--gimbot-accent) !important;
	padding: 12px 0 12px 16px !important;
	font-family: var(--gimbot-font-body);
	font-size: 16px !important;
	font-weight: 600;
}
.single-post .s-post-content p.gimbot-bacajuga-legacy strong:first-child,
.single-post .s-post-content p.gimbot-bacajuga-legacy b:first-child {
	display: inline;
	font-size: inherit;
	letter-spacing: 0;
	text-transform: none;
	border-left: 0;
	padding-left: 0;
	margin-right: 0;
}
/* Archive titles: give them editorial scale */
.bb-page-header .page-title-block .page-title { font-size: clamp(34px, 1.4rem + 2.4vw, 60px) !important; line-height: 1.02 !important; }
.search .bb-page-header .page-title-block .page-title { font-size: clamp(28px, 1.2rem + 1.6vw, 44px) !important; }
/* Alignment: homepage sections share the container's gutter with the native listing */
.gimbot-home { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 767px) {
	.home .main-container { padding-left: 16px !important; padding-right: 16px !important; }
	.bb-featured-area .f-col.col2 .featured-item .entry-title,
	.bb-featured-area .f-col.col3 .featured-item .entry-title { font-size: 17px !important; line-height: 1.25 !important; }
}

/* ==========================================================================
   17 · HEADER ALTERNATIVE B — editorial masthead
   Scoped to body.gimbot-hb. Remove this section (and the PHP block) to
   drop B entirely; Header A styles above are untouched.
   ========================================================================== */

body.gimbot-hb {
	--hb-h: 72px;
	--hb-h-compact: 64px;
	--hb-ink: #111;
	--hb-rule: rgba(0, 0, 0, .08);
	--gimbot-sticky-offset: 88px; /* used by refresh.css for heading scroll-margin */
}
:root:has(body.gimbot-hb) { scroll-padding-top: 88px; }
/* BoomBox sets overflow-x:hidden on html/body, which turns them into scroll
   containers and silently disables position:sticky. clip = same visual
   result without creating a scroll container. (Unsupported browsers just
   get a non-sticky header.) */
:root:has(body.gimbot-hb),
body.gimbot-hb { overflow-x: clip !important; overflow-y: visible !important; }

/* Hide Header A (markup kept so BoomBox scripts — drawer, sticky — still bind) */
body.gimbot-hb .bb-header.header-desktop,
body.gimbot-hb .bb-show-mobile-header { display: none !important; }

/* Shell */
.gimbot-hb {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 1000;
	background: #fff;
	border-bottom: 1px solid var(--hb-rule);
	transition: box-shadow .2s ease;
}
.gimbot-hb.is-compact { box-shadow: 0 2px 12px rgba(0, 0, 0, .04); }
.gimbot-hb__inner {
	display: flex;
	align-items: center;
	gap: 0;
	max-width: 1440px;
	height: var(--hb-h);
	margin: 0 auto;
	padding-inline: 32px;
	transition: height .2s ease;
}
.gimbot-hb.is-compact .gimbot-hb__inner { height: var(--hb-h-compact); }

/* Brand */
.gimbot-hb__brand { flex: 0 0 auto; margin-right: 36px; }
.gimbot-hb__logo { margin: 0; line-height: 0; font-size: 0; }
.gimbot-hb__logo a { display: inline-block; line-height: 0; }
.gimbot-hb__logo img {
	display: block;
	height: 30px;
	width: auto;
	transition: height .2s ease;
}
.gimbot-hb.is-compact .gimbot-hb__logo img { height: 27px; }

/* Primary nav */
.gimbot-hb__nav { flex: 1 1 auto; min-width: 0; }
.gimbot-hb__menu {
	display: flex;
	align-items: center;
	gap: 26px;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
}
.gimbot-hb__menu > li { margin: 0; padding: 0; }
.gimbot-hb__menu > li > a {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 44px;
	font-family: var(--gimbot-font-body);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--hb-ink);
	text-decoration: none;
}
.gimbot-hb__menu > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 6px;
	width: 0;
	height: 2px;
	background: var(--gimbot-accent);
	transition: width .18s ease;
}
.gimbot-hb__menu > li > a:hover::after,
.gimbot-hb__menu > li > a:focus-visible::after { width: 18px; }
.gimbot-hb__menu > li.current-menu-item > a,
.gimbot-hb__menu > li.current-menu-ancestor > a,
.gimbot-hb__menu > li.current-post-ancestor > a,
.gimbot-hb__menu > li.current-category-ancestor > a { font-weight: 800; }
.gimbot-hb__menu > li.current-menu-item > a::after,
.gimbot-hb__menu > li.current-menu-ancestor > a::after,
.gimbot-hb__menu > li.current-post-ancestor > a::after,
.gimbot-hb__menu > li.current-category-ancestor > a::after { width: 18px; }

/* Utilities */
.gimbot-hb__actions {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 18px;
	margin-left: 24px;
}
.gimbot-hb__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0 -12px; /* visible icon aligns to the grid; hit area stays 44px */
	padding: 0;
	border: 0;
	background: none !important;
	color: var(--hb-ink);
	cursor: pointer;
	border-radius: 50%;
	box-shadow: none !important;
}
.gimbot-hb__icon:hover { color: #000; }
.gimbot-hb__icon:hover svg { transform: scale(1.06); }
.gimbot-hb__icon svg { transition: transform .15s ease; }
.gimbot-hb__search-toggle[aria-expanded="true"] { color: #000; }
.gimbot-hb__search-toggle[aria-expanded="true"]::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 2px;
	margin-top: 32px;
	background: var(--gimbot-accent);
}
.gimbot-hb__search-toggle { position: relative; }

.gimbot-hb__subscribe {
	display: inline-flex;
	align-items: center;
	height: 36px;
	padding: 0 18px;
	border-radius: 18px;
	background: var(--gimbot-accent);
	color: #111 !important;   /* 14.8:1 on #fae01e */
	font-family: var(--gimbot-font-body);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background-color .15s ease;
}
.gimbot-hb__subscribe:hover { background: #f0d400; }

/* Focus — visible on white (dark ring), never removed */
.gimbot-hb a:focus-visible,
.gimbot-hb button:focus-visible {
	outline: 2px solid #111;
	outline-offset: 2px;
	border-radius: 4px;
}
.gimbot-hb__subscribe:focus-visible { border-radius: 18px; }

/* Search panel (native WP search form) */
.gimbot-hb__search {
	border-top: 1px solid var(--hb-rule);
	background: #fff;
}
.gimbot-hb__search[hidden] { display: none; }
.gimbot-hb__search-inner { max-width: 720px; margin: 0 auto; padding: 16px 32px 20px; }
.gimbot-hb__search form { display: flex; gap: 8px; margin: 0; }
.gimbot-hb__search label { flex: 1; margin: 0; }
.gimbot-hb__search input[type="search"],
.gimbot-hb__search input[name="s"] {
	width: 100%;
	height: 44px;
	padding: 0 14px;
	font-size: 16px;
	color: #111;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	background: #fff;
}
.gimbot-hb__search input[type="submit"],
.gimbot-hb__search button[type="submit"] {
	height: 44px;
	padding: 0 18px;
	border-radius: 6px;
}

/* Content directly under the masthead: no doubled gap */
body.gimbot-hb .bb-featured-area { margin-top: 24px; }
body.gimbot-hb.single-post .s-post-header { padding-top: 24px; }
body.gimbot-hb #menu-close { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

/* Drawer (BoomBox off-canvas, reused) — light, editorial, only under B */
body.gimbot-hb #mobile-navigation,
body.gimbot-hb .bb-mobile-navigation { background: #fff !important; color: #111; z-index: 1002 !important; }
body.gimbot-hb #mobile-nav-bg { z-index: 1001 !important; } /* drawer + backdrop sit above the sticky masthead */
body.gimbot-hb #mobile-navigation a,
body.gimbot-hb .bb-mobile-navigation a { color: #111 !important; }
body.gimbot-hb #mobile-navigation .main-navigation > ul > li > a,
body.gimbot-hb #mobile-navigation .main-navigation > div > ul > li > a {
	font-family: var(--gimbot-font-display);
	font-size: 26px;
	font-weight: 700;
	line-height: 1.15;
	min-height: 52px;
	text-transform: none;
	letter-spacing: -.005em;
}
body.gimbot-hb #mobile-navigation .main-navigation li { border-bottom: 1px solid var(--hb-rule); }
body.gimbot-hb #mobile-navigation .current-menu-item > a { box-shadow: inset 4px 0 0 var(--gimbot-accent); padding-left: 12px !important; }
body.gimbot-hb #mobile-navigation a:hover { box-shadow: inset 4px 0 0 var(--gimbot-accent); }
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-subscribe { border-bottom: 0 !important; padding-top: 20px; }
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-subscribe > a {
	display: inline-flex !important;
	align-items: center;
	height: 44px !important;
	min-height: 44px !important;
	padding: 0 22px !important;
	border-radius: 22px;
	background: var(--gimbot-accent);
	font-family: var(--gimbot-font-body) !important;
	font-size: 13px !important;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase !important;
	box-shadow: none !important;
}
body.gimbot-hb #mobile-navigation .bb-icon,
body.gimbot-hb #mobile-navigation i,
body.gimbot-hb #menu-close { color: #111 !important; }

/* Responsive priorities: nav goes first, then Subscribe */
@media (max-width: 1180px) {
	.gimbot-hb__menu { gap: 22px; }
	.gimbot-hb__brand { margin-right: 30px; }
}
/* JS adds .nav-collapsed the moment the menu would not fit; < 900px always collapsed.
   visibility (not display) keeps it measurable and keeps the flex spacing. */
.gimbot-hb.nav-collapsed .gimbot-hb__menu { visibility: hidden; }
@media (max-width: 899px) {
	.gimbot-hb__menu { display: none; }
}
@media (max-width: 767px) {
	body.gimbot-hb { --hb-h: 60px; --hb-h-compact: 56px; --gimbot-sticky-offset: 72px; }
	:root:has(body.gimbot-hb) { scroll-padding-top: 72px; }
	.gimbot-hb__inner { padding-inline: 16px; }
	.gimbot-hb__logo img { height: 26px; }
	.gimbot-hb.is-compact .gimbot-hb__logo img { height: 24px; }
	.gimbot-hb__subscribe { display: none; }
	.gimbot-hb__actions { gap: 8px; margin-left: 12px; }
	.gimbot-hb__icon { margin: 0 -6px; }
	.gimbot-hb__search-inner { padding: 12px 16px 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.gimbot-hb, .gimbot-hb__inner, .gimbot-hb__logo img, .gimbot-hb__menu > li > a::after { transition: none; }
}

/* ==========================================================================
   18 · HEADER B · FEATURED HERO (front page, body.gimbot-hero-b)
   Lead Featured Area item → full-width cinematic hero; the two secondary
   featured stories sit beneath as compact cards. Scoped to Header B.
   ========================================================================== */

body.gimbot-hero-b .bb-featured-area { margin-top: 0; padding-top: 0; }
body.gimbot-hero-b .bb-featured-area .featured-area-wrapper {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: auto auto;
	gap: 28px 40px;
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 { grid-column: 1 / -1; grid-row: 1; }
body.gimbot-hero-b .bb-featured-area .f-col.col2 { grid-column: 1; grid-row: 2; border: 0; padding: 0 !important; margin: 0; }
body.gimbot-hero-b .bb-featured-area .f-col.col3 { grid-column: 2; grid-row: 2; }

/* --- Hero frame ------------------------------------------------------- */
body.gimbot-hero-b .f-col.col1 .featured-item {
	position: relative;
	display: block !important;
	isolation: isolate;
	overflow: hidden;
	border-radius: 0;
	background: #111 !important;
}
body.gimbot-hero-b .f-col.col1 .featured-media {
	aspect-ratio: auto;
	height: clamp(420px, 38vw, 560px) !important;
	border-radius: 0;
	background: #111;
}
body.gimbot-hero-b .f-col.col1 .featured-media img {
	object-fit: cover;
	object-position: var(--gimbot-hero-focus, 50% 40%); /* override per post later if a focal-point field is added */
	transform: none !important;
	transition: transform .6s var(--gimbot-ease);
}
body.gimbot-hero-b .f-col.col1 .featured-item:hover .featured-media img { transform: scale(1.02) !important; }

/* Readability overlay: strong on the left (text), clear on the right (image) */
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media::after {
	content: "" !important;
	display: block !important;
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.52) 30%, rgba(0,0,0,.2) 58%, rgba(0,0,0,0) 78%),
		linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 40%);
}

/* --- Text block --------------------------------------------------------- */
body.gimbot-hero-b .f-col.col1 .featured-header {
	position: absolute !important;
	inset: 0 auto 0 0;
	z-index: 2;
	display: flex;
	align-items: center;
	width: min(100%, 560px);
	padding: 40px 0 40px clamp(28px, 5vw, 72px) !important;
	pointer-events: none; /* the whole image stays clickable; links re-enable below */
}
body.gimbot-hero-b .f-col.col1 .featured-caption {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 440px;
}
body.gimbot-hero-b .f-col.col1 .featured-caption a { pointer-events: auto; }

body.gimbot-hero-b .gimbot-hero__kicker {
	order: 1;
	display: inline-block;
	margin: 0 0 14px;
	font-family: var(--gimbot-font-body);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--gimbot-accent) !important;   /* yellow on dark overlay: ≥ 8:1 */
	text-decoration: none;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.gimbot-hero-b .gimbot-hero__kicker:hover { text-decoration: underline; text-underline-offset: 4px; }

body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-item .entry-title {
	order: 2;
	margin: 0;
	font-family: var(--gimbot-font-display);
	font-size: clamp(40px, 4vw, 60px) !important;
	font-weight: 800;
	line-height: .98 !important;
	letter-spacing: -.03em;
	color: #fff !important;
	text-wrap: balance;
	hyphens: manual;
	text-shadow: 0 1px 24px rgba(0,0,0,.25) !important;
	/* very long titles: cap at 5 lines rather than overflow the frame */
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-item .entry-title a {
	color: #fff !important;
	background-image: none;
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-item .entry-title a:hover,
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-item .entry-title a:focus-visible {
	text-decoration: underline;
	text-decoration-color: var(--gimbot-accent);
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
}
body.gimbot-hero-b .f-col.col1 .featured-caption a:focus-visible { outline: 2px solid var(--gimbot-accent); outline-offset: 4px; }

body.gimbot-hero-b .gimbot-hero__dek {
	order: 3;
	margin: 18px 0 0;
	max-width: 400px;
	font-family: var(--gimbot-font-body);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: rgba(255,255,255,.9);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
body.gimbot-hero-b .gimbot-hero__rule {
	order: 4;
	display: block;
	width: 44px;
	height: 4px;
	margin-top: 22px;
	background: var(--gimbot-accent);
}
/* Clean like the reference: no author/date/meta inside the hero */
body.gimbot-hero-b .f-col.col1 .bb-author-vcard-mini,
body.gimbot-hero-b .f-col.col1 .post-meta,
body.gimbot-hero-b .f-col.col1 .featured-badge-list { display: none !important; }

/* --- Secondary featured stories under the hero ---------------------------- */
body.gimbot-hero-b .f-col.col2 .featured-item,
body.gimbot-hero-b .f-col.col3 .featured-item {
	display: grid !important;
	grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
	gap: 20px;
	align-items: center;
}
body.gimbot-hero-b .f-col.col2 .featured-header,
body.gimbot-hero-b .f-col.col3 .featured-header { padding: 0 !important; }

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1023px) {
	body.gimbot-hero-b .f-col.col1 .featured-media { height: clamp(380px, 52vw, 480px) !important; }
	body.gimbot-hero-b .f-col.col2 .featured-item,
	body.gimbot-hero-b .f-col.col3 .featured-item { grid-template-columns: minmax(0, 160px) minmax(0, 1fr); }
}
@media (max-width: 767px) {
	body.gimbot-hero-b .bb-featured-area { padding: 0 !important; }
	body.gimbot-hero-b .bb-featured-area .featured-area-wrapper { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	body.gimbot-hero-b .bb-featured-area .f-col.col2,
	body.gimbot-hero-b .bb-featured-area .f-col.col3 { grid-column: 1; grid-row: auto; padding: 0 16px !important; }
	body.gimbot-hero-b .f-col.col1 .featured-media { height: auto !important; aspect-ratio: 4 / 5; max-height: 72vh; }
	body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media::after {
		background: linear-gradient(0deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.55) 38%, rgba(0,0,0,.08) 66%, rgba(0,0,0,0) 80%);
	}
	body.gimbot-hero-b .f-col.col1 .featured-header {
		inset: auto 0 0 0;
		align-items: flex-end;
		width: 100%;
		padding: 0 20px 26px !important;
	}
	body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-item .entry-title { font-size: clamp(30px, 8.4vw, 38px) !important; line-height: 1.02 !important; }
	body.gimbot-hero-b .gimbot-hero__dek { font-size: 15px; margin-top: 12px; }
	body.gimbot-hero-b .gimbot-hero__rule { margin-top: 16px; }
	body.gimbot-hero-b .f-col.col2 .featured-item,
	body.gimbot-hero-b .f-col.col3 .featured-item { grid-template-columns: 132px minmax(0, 1fr); gap: 14px; }
}
/* Hero headline scales with real title length (bucket set server-side on
   .gimbot-hero__rule[data-len]); never truncated. */
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-item .entry-title {
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
}
body.gimbot-hero-b .f-col.col1 .featured-header { width: min(100%, 680px); }
body.gimbot-hero-b .f-col.col1 .featured-caption:has([data-len="s"]) { max-width: 420px; }
body.gimbot-hero-b .f-col.col1 .featured-caption:has([data-len="m"]) { max-width: 500px; }
body.gimbot-hero-b .f-col.col1 .featured-caption:has([data-len="l"]) { max-width: 580px; }
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-caption:has([data-len="s"]) .entry-title { font-size: clamp(44px, 4.4vw, 64px) !important; line-height: .96 !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-caption:has([data-len="m"]) .entry-title { font-size: clamp(38px, 3.5vw, 52px) !important; line-height: .99 !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-caption:has([data-len="l"]) .entry-title { font-size: clamp(32px, 2.9vw, 44px) !important; line-height: 1.02 !important; letter-spacing: -.02em; }
@media (max-width: 767px) {
	body.gimbot-hero-b .f-col.col1 .featured-caption { max-width: none !important; }
	body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-caption:has([data-len="s"]) .entry-title { font-size: clamp(34px, 9.6vw, 42px) !important; }
	body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-caption:has([data-len="m"]) .entry-title { font-size: clamp(30px, 8.2vw, 36px) !important; }
	body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-caption:has([data-len="l"]) .entry-title { font-size: clamp(26px, 7vw, 31px) !important; line-height: 1.06 !important; }
}

/* Pin the text column to the full hero height (BoomBox positions .featured-header at the bottom) */
body.gimbot-hero-b .f-col.col1 .featured-header { top: 0 !important; bottom: 0 !important; left: 0 !important; right: auto !important; height: auto !important; }
@media (max-width: 767px) {
	body.gimbot-hero-b .f-col.col1 .featured-header { top: auto !important; right: 0 !important; }
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 { border: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }

/* ==========================================================================
   19 · HEADER B · FULL-BLEED HERO + 3 FEATURED BENEATH (type-1-3)
   ========================================================================== */

/* Grid: hero across, three equal cards beneath */
body.gimbot-hero-b .bb-featured-area .featured-area-wrapper {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	grid-template-rows: auto auto !important;
	gap: 32px 32px !important;
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 { grid-column: 1 / -1 !important; grid-row: 1 !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col2 { grid-column: 1 !important; grid-row: 2 !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col3 { grid-column: 2 !important; grid-row: 2 !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col4 { grid-column: 3 !important; grid-row: 2 !important; }
body.gimbot-hero-b .bb-featured-area .f-col { display: block !important; width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; height: auto !important; }

/* Hero breaks out of the container to the viewport edges.
   Only the picture breaks out; the text stays on the content grid. */
body.gimbot-hero-b .f-col.col1 .featured-item { overflow: visible !important; background: none !important; }
body.gimbot-hero-b .f-col.col1 .featured-media {
	position: relative !important;
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	height: clamp(460px, 36vw, 640px) !important;
	overflow: hidden;
	background: #111;
}
/* Ambient fill (blurred small rendition) behind the sharp image */
body.gimbot-hero-b .f-col.col1 .featured-media::before {
	content: "";
	position: absolute;
	inset: -40px;
	z-index: 0;
	background: var(--gimbot-hero-fill, none) center / cover no-repeat;
	filter: blur(36px) saturate(1.1) brightness(.7);
}
/* Sharp image: never wider than its real pixels (no upscaling) */
body.gimbot-hero-b .f-col.col1 .featured-media .featured-link {
	position: absolute !important;
	inset: 0 auto 0 50% !important;
	z-index: 0;
	width: min(100%, var(--gimbot-hero-w, 100%)) !important;
	transform: translateX(-50%);
	display: block;
}
body.gimbot-hero-b .f-col.col1 .featured-media img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	/* soften the seam where a narrower image meets the ambient fill */
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}
/* When the image is at least as wide as the screen, no fade is needed */
@media (max-width: 1100px) {
	body.gimbot-hero-b .f-col.col1 .featured-media img { -webkit-mask-image: none; mask-image: none; }
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media::after { z-index: 1; }
body.gimbot-hero-b .f-col.col1 .featured-header { z-index: 2; padding-left: 0 !important; }

/* Three cards beneath: image on top, kicker-free, editorial */
body.gimbot-hero-b .f-col.col2 .featured-item,
body.gimbot-hero-b .f-col.col3 .featured-item,
body.gimbot-hero-b .f-col.col4 .featured-item {
	display: block !important;
	background: none !important;
}
body.gimbot-hero-b .f-col.col2 .featured-media,
body.gimbot-hero-b .f-col.col3 .featured-media,
body.gimbot-hero-b .f-col.col4 .featured-media { aspect-ratio: 16 / 9; height: auto !important; }
body.gimbot-hero-b .f-col.col2 .featured-header,
body.gimbot-hero-b .f-col.col3 .featured-header,
body.gimbot-hero-b .f-col.col4 .featured-header { position: static !important; padding: 14px 0 0 !important; background: none !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col2 .featured-item .entry-title,
body.gimbot-hero-b .bb-featured-area .f-col.col3 .featured-item .entry-title,
body.gimbot-hero-b .bb-featured-area .f-col.col4 .featured-item .entry-title {
	font-size: clamp(18px, 1rem + .4vw, 22px) !important;
	line-height: 1.2 !important;
	color: var(--gimbot-ink) !important;
	text-shadow: none !important;
	margin: 0;
}
body.gimbot-hero-b .bb-featured-area .f-col.col2 .entry-title a,
body.gimbot-hero-b .bb-featured-area .f-col.col3 .entry-title a,
body.gimbot-hero-b .bb-featured-area .f-col.col4 .entry-title a { color: var(--gimbot-ink) !important; }
body.gimbot-hero-b .f-col.col2 .bb-author-vcard-mini,
body.gimbot-hero-b .f-col.col3 .bb-author-vcard-mini,
body.gimbot-hero-b .f-col.col4 .bb-author-vcard-mini { display: block !important; margin-top: 8px; }
body.gimbot-hero-b .f-col.col2 .featured-badge-list,
body.gimbot-hero-b .f-col.col3 .featured-badge-list,
body.gimbot-hero-b .f-col.col4 .featured-badge-list,
body.gimbot-hero-b .f-col.col4 .post-meta { display: none !important; }
body.gimbot-hero-b .f-col.col4 .featured-media img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; display: block !important; }
body.gimbot-hero-b .f-col.col4 .featured-media::after,
body.gimbot-hero-b .f-col.col4 .featured-media::before { display: none !important; }

@media (max-width: 1023px) {
	body.gimbot-hero-b .bb-featured-area .featured-area-wrapper { gap: 24px 20px !important; }
}
@media (max-width: 767px) {
	body.gimbot-hero-b .bb-featured-area .featured-area-wrapper { grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; }
	body.gimbot-hero-b .bb-featured-area .f-col.col2,
	body.gimbot-hero-b .bb-featured-area .f-col.col3,
	body.gimbot-hero-b .bb-featured-area .f-col.col4 { grid-column: 1 !important; grid-row: auto !important; padding: 0 16px !important; }
	body.gimbot-hero-b .f-col.col1 .featured-media { height: auto !important; aspect-ratio: 4 / 5; max-height: 72vh; }
	body.gimbot-hero-b .f-col.col1 .featured-header { padding: 0 20px 26px !important; }
	body.gimbot-hero-b .f-col.col2 .featured-item,
	body.gimbot-hero-b .f-col.col3 .featured-item,
	body.gimbot-hero-b .f-col.col4 .featured-item { display: grid !important; grid-template-columns: 132px minmax(0, 1fr); gap: 14px; align-items: start; }
	body.gimbot-hero-b .f-col.col2 .featured-media,
	body.gimbot-hero-b .f-col.col3 .featured-media,
	body.gimbot-hero-b .f-col.col4 .featured-media { aspect-ratio: 4 / 3; }
	body.gimbot-hero-b .f-col.col2 .featured-header,
	body.gimbot-hero-b .f-col.col3 .featured-header,
	body.gimbot-hero-b .f-col.col4 .featured-header { padding: 0 !important; }
	body.gimbot-hero-b .f-col.col2 .bb-author-vcard-mini,
	body.gimbot-hero-b .f-col.col3 .bb-author-vcard-mini,
	body.gimbot-hero-b .f-col.col4 .bb-author-vcard-mini { display: none !important; }
}

/* Hero fixes: ambient fill must beat the global "no overlay pseudo" rule; width = visible width (minus scrollbar) */
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media::before { display: block !important; content: "" !important; filter: blur(32px) saturate(1.15) brightness(.88); }
body.gimbot-hero-b .f-col.col1 .featured-media {
	width: calc(100vw - var(--gimbot-sbw, 0px)) !important;
	margin-left: calc(50% - 50vw + var(--gimbot-sbw, 0px) / 2) !important;
}

/* ==========================================================================
   20 · ARTICLE HERO (Header B) — matches the homepage hero
   Full-bleed picture (never upscaled; ambient blurred fill at the edges),
   kicker + H1 + dek over a bottom/left gradient, aligned to the 720px
   reading column. Meta row (author · date · read time · share) below.
   ========================================================================== */
body.gimbot-article-hero .s-post-main {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}
body.gimbot-article-hero .s-post-main > * { grid-column: 1; min-width: 0; }
body.gimbot-article-hero .s-post-main > .s-post-header { grid-row: 1; }
body.gimbot-article-hero .s-post-main > .s-post-thumbnail { grid-row: 1; }
body.gimbot-article-hero .s-post-main > .s-post-meta-block { grid-row: 2; }

/* Picture */
body.gimbot-article-hero .s-post-main > .s-post-thumbnail {
	position: relative;
	z-index: 0;
	align-self: stretch;
	width: calc(100vw - var(--gimbot-sbw, 0px)) !important;
	max-width: none !important;
	margin: 0 0 32px calc(50% - 50vw + var(--gimbot-sbw, 0px) / 2) !important;
	min-height: clamp(440px, 40vw, 620px);
	overflow: hidden;
	background: #111;
	border-radius: 0;
}
body.gimbot-article-hero .s-post-thumbnail::before {
	content: "";
	position: absolute;
	inset: -40px;
	z-index: 0;
	background: var(--gimbot-hero-fill, none) center / cover no-repeat;
	filter: blur(32px) saturate(1.15) brightness(.85);
}
body.gimbot-article-hero .s-post-thumbnail .bb-media-placeholder {
	position: absolute !important;
	inset: 0 auto 0 50% !important;
	z-index: 0;
	width: min(100%, var(--gimbot-hero-w, 100%)) !important;
	height: 100% !important;
	padding: 0 !important;
	transform: translateX(-50%);
	border-radius: 0 !important;
}
body.gimbot-article-hero .s-post-thumbnail .bb-media-placeholder::before { display: none !important; }
body.gimbot-article-hero .s-post-thumbnail img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: var(--gimbot-hero-focus, 50% 35%);
	border-radius: 0 !important;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}
body.gimbot-article-hero .s-post-thumbnail::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(0deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.62) 30%, rgba(0,0,0,.18) 60%, rgba(0,0,0,0) 78%),
		linear-gradient(90deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 55%);
}
body.gimbot-article-hero .s-post-thumbnail figcaption,
body.gimbot-article-hero .s-post-thumbnail .wp-caption-text { display: none; }

/* Text over the picture, on the reading column */
body.gimbot-article-hero .s-post-main > .s-post-header {
	position: relative;
	z-index: 2;
	align-self: end;
	max-width: var(--gimbot-content-width) !important;
	width: 100%;
	margin: 0 auto 32px !important;
	padding: 120px 0 44px !important;
	color: #fff;
}
body.gimbot-article-hero .s-post-header .entry-title {
	color: #fff !important;
	font-size: clamp(34px, 1.2rem + 2.4vw, 54px) !important;
	line-height: 1.04 !important;
	letter-spacing: -.025em;
	text-shadow: 0 1px 24px rgba(0,0,0,.25);
	margin-bottom: 14px !important;
}
body.gimbot-article-hero .s-post-header .entry-sub-title,
body.gimbot-article-hero .s-post-header .gimbot-dek,
body.gimbot-article-hero .s-post-header > p {
	color: rgba(255,255,255,.9) !important;
	margin-bottom: 0 !important;
	max-width: 620px;
}
body.gimbot-article-hero .s-post-header .gimbot-kicker { margin-bottom: 16px; }
body.gimbot-article-hero .s-post-header::after {
	content: "";
	display: block;
	width: 44px;
	height: 4px;
	margin-top: 22px;
	background: var(--gimbot-accent);
}
body.gimbot-article-hero .s-post-header a:focus-visible { outline-color: var(--gimbot-accent); }

/* Meta row sits on white directly below the picture */
body.gimbot-article-hero .s-post-main > .s-post-meta-block { margin-top: 0 !important; }

@media (max-width: 1100px) {
	body.gimbot-article-hero .s-post-thumbnail img { -webkit-mask-image: none; mask-image: none; }
}
@media (max-width: 767px) {
	body.gimbot-article-hero .s-post-main > .s-post-thumbnail { min-height: min(118vw, 74vh); margin-bottom: 20px !important; }
	body.gimbot-article-hero .s-post-main > .s-post-header { padding: 96px 20px 28px !important; margin-bottom: 20px !important; }
	body.gimbot-article-hero .s-post-header .entry-title { font-size: clamp(28px, 7.6vw, 36px) !important; line-height: 1.08 !important; }
	body.gimbot-article-hero .s-post-header::after { margin-top: 16px; }
}

/* ==========================================================================
   21 · SHARE BUTTONS (all articles)
   Top: quiet icons at the end of the meta row. End: labelled row after the
   body. No floating/sticky bar — nothing covers the text.
   ========================================================================== */
.gimbot-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.gimbot-share__btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--gimbot-rule);
	border-radius: 50%;
	background: #fff !important;
	color: var(--gimbot-ink) !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease;
}
.gimbot-share__btn:hover,
.gimbot-share__btn:focus-visible { background: var(--gimbot-accent) !important; border-color: var(--gimbot-accent); color: #0a0a0a !important; }
.gimbot-share__btn:focus-visible { outline: 2px solid #111; outline-offset: 2px; }
.gimbot-share__btn.is-done { background: var(--gimbot-accent) !important; border-color: var(--gimbot-accent); }
.gimbot-share__btn[hidden] { display: none; }
.gimbot-share__toast {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background: #111;
	border-radius: 4px;
	padding: 0;
	pointer-events: none;
}
.gimbot-share__toast:not(:empty) { padding: 4px 8px; }

/* Top: inside the meta row, pushed to the right */
.single-post .s-post-meta-block .post-meta-content,
.single-post .s-post-meta-block .d-table-center-sm { width: 100%; }
.single-post .s-post-meta-block .d-table-center-sm { display: flex !important; align-items: center; flex-wrap: wrap; gap: 12px 16px; }
.gimbot-share--top { margin-left: auto; gap: 6px; }
.gimbot-share--top .gimbot-share__btn { width: 36px; height: 36px; }
.gimbot-share--top .gimbot-share__btn svg { width: 16px; height: 16px; }

/* End: after the article body */
.single-post .s-post-content .gimbot-share--end {
	max-width: var(--gimbot-content-width);
	margin: 40px auto 8px !important;
	padding: 18px 0;
	border-top: 1px solid var(--gimbot-rule);
	border-bottom: 1px solid var(--gimbot-rule);
	gap: 10px;
}
.gimbot-share__label {
	font-family: var(--gimbot-font-display);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--gimbot-ink);
	margin-right: auto;
	padding-left: 10px;
	border-left: 4px solid var(--gimbot-accent);
}
@media (max-width: 767px) {
	.gimbot-share--top { margin-left: 0; width: 100%; }
	.gimbot-share--top .gimbot-share__btn { width: 40px; height: 40px; } /* 40px + 6px gap ≈ 44px targets */
	.single-post .s-post-content .gimbot-share--end .gimbot-share__label { width: 100%; margin-bottom: 4px; }
	.gimbot-share--end .gimbot-share__btn { width: 44px; height: 44px; }
}
/* Night mode */
body.boombox-theme-night .gimbot-share__btn { background: transparent !important; color: var(--gimbot-text) !important; }

/* Article hero QA: no gap under the masthead; meta row spans the reading column */
body.gimbot-article-hero .single-container,
body.gimbot-article-hero .single-top-container { margin-top: 0 !important; padding-top: 0 !important; }
body.gimbot-article-hero .single-top-container:empty { display: none; }
.single-post .s-post-main > .s-post-meta-block { width: 100%; box-sizing: border-box; }
.single-post .s-post-meta-block .bb-author-vcard-mini { flex: 0 1 auto; min-width: 0; }

/* Meta row: author info left, share icons right (one line on desktop) */
.single-post .s-post-meta-block .col-l { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px 16px; width: 100% !important; max-width: none !important; float: none !important; }
.single-post .s-post-meta-block .col-r:empty { display: none !important; }

/* ==========================================================================
   22 · AUTO "BACA JUGA" (mid-article) + HEADER CTA TEASER
   ========================================================================== */
.single-post .s-post-content .gimbot-rj {
	max-width: var(--gimbot-content-width);
	margin: 2.2em auto !important;
	padding: 16px 0 18px;
	border-top: 2px solid var(--gimbot-rule-strong);
	border-bottom: 1px solid var(--gimbot-rule);
	background: none;
}
.gimbot-rj__label {
	margin: 0 0 12px !important;
	padding-left: 10px;
	border-left: 4px solid var(--gimbot-accent);
	font-family: var(--gimbot-font-display);
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--gimbot-ink);
}
.gimbot-rj__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.gimbot-rj__item { margin: 0 !important; padding: 0 !important; }
.gimbot-rj__item::before { content: none !important; }
.single-post .s-post-content .gimbot-rj__link {
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: var(--gimbot-ink) !important;
	text-decoration: none !important;
	background: none !important;
	font-weight: 700 !important;
}
.gimbot-rj__thumb {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--gimbot-radius-sm);
	background: #ececec;
}
.single-post .s-post-content .gimbot-rj__thumb img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	margin: 0 !important;
	border-radius: 0 !important;
	transition: transform .3s ease;
}
.gimbot-rj__link:hover .gimbot-rj__thumb img { transform: scale(1.03); }
.gimbot-rj__title {
	font-family: var(--gimbot-font-display);
	font-size: 15.5px;
	line-height: 1.3;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.gimbot-rj__link:hover .gimbot-rj__title,
.gimbot-rj__link:focus-visible .gimbot-rj__title { text-decoration: underline; text-decoration-color: var(--gimbot-accent); text-decoration-thickness: 2px; text-underline-offset: 3px; }
@media (max-width: 767px) {
	.gimbot-rj__list { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.single-post .s-post-content .gimbot-rj__link { flex-direction: row; align-items: center; gap: 12px; }
	.gimbot-rj__thumb { flex: 0 0 104px; aspect-ratio: 4 / 3; }
	.gimbot-rj__title { font-size: 15px; }
}

/* Header CTA teaser: "Store" + Soon chip, no dead navigation */
.gimbot-hb__subscribe.is-soon {
	position: relative;
	gap: 8px;
	border: 0;
	cursor: pointer;
	font-family: var(--gimbot-font-body);
}
.gimbot-hb__soon {
	display: inline-block;
	padding: 3px 6px;
	border-radius: 999px;
	background: #111;
	color: var(--gimbot-accent);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1;
}
.gimbot-hb__soon-tip {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	white-space: nowrap;
	padding: 0;
	border-radius: 4px;
	background: #111;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	opacity: 0;
	transition: opacity .15s ease;
	pointer-events: none;
}
.gimbot-hb__subscribe.show-tip .gimbot-hb__soon-tip { opacity: 1; padding: 7px 10px; }

body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-subscribe > .gimbot-hb__subscribe { height: 44px; padding: 0 22px; border-radius: 22px; font-size: 13px; }

/* "Artikel Terkait" (end of article) uses the Baca Juga component; BoomBox's grid is retired on posts */
.single-post .bb-posts-related { display: none !important; }
.single-post .s-post-content .gimbot-rj--end { margin-top: 32px !important; margin-bottom: 8px !important; }

/* Header B search panel — clean field with the submit button inside it */
.gimbot-hb__search-inner { max-width: 760px; padding: 18px 32px 22px; }
.gimbot-hb__search form.search-form { position: relative !important; display: block !important; width: 100%; margin: 0 !important; }
.gimbot-hb__search form.search-form label { display: block !important; width: 100% !important; margin: 0 !important; float: none !important; }
.gimbot-hb__search input.search-field {
	width: 100% !important;
	height: 52px !important;
	margin: 0 !important;
	padding: 0 60px 0 18px !important;
	font-family: var(--gimbot-font-body);
	font-size: 17px !important;
	color: #111 !important;
	background: #fff !important;
	border: 1.5px solid #111 !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	float: none !important;
	-webkit-appearance: none;
}
.gimbot-hb__search input.search-field::placeholder { color: #6b6e73; opacity: 1; }
.gimbot-hb__search input.search-field:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(250, 224, 30, .7) !important; }
.gimbot-hb__search button.search-submit {
	position: absolute !important;
	top: 4px !important;
	right: 4px !important;
	bottom: auto !important;
	left: auto !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: var(--gimbot-accent) !important;
	color: #111 !important;
	border: 0 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	transform: none !important;
	line-height: 1 !important;
	font-size: 0 !important;
	text-indent: 0 !important;
}
.gimbot-hb__search button.search-submit i,
.gimbot-hb__search button.search-submit .bb-icon { font-size: 18px !important; line-height: 1 !important; color: #111 !important; margin: 0 !important; }
.gimbot-hb__search button.search-submit:hover { background: #f0d400 !important; }
.gimbot-hb__search button.search-submit:focus-visible { outline: 2px solid #111 !important; outline-offset: 2px; }
@media (max-width: 767px) {
	.gimbot-hb__search-inner { padding: 12px 16px 16px; }
	.gimbot-hb__search input.search-field { height: 48px !important; font-size: 16px !important; }
	.gimbot-hb__search button.search-submit { width: 40px !important; height: 40px !important; }
}

/* ==========================================================================
   23 · READING PAGES — About Us, Kebijakan Privasi, Syarat dan Ketentuan
   body.gimbot-reading (functions.php, by slug). Narrow editorial column,
   title in the same column, quiet dividers between legal sections.
   ========================================================================== */
body.gimbot-reading { --gr-w: 740px; }

body.gimbot-reading .bb-page-header { margin-bottom: 0 !important; }
body.gimbot-reading .bb-page-header .container-bg { border: 0 !important; background: none !important; }
body.gimbot-reading .bb-page-header .container-inner { padding: 0 !important; }
body.gimbot-reading .bb-page-header .header-content {
	max-width: var(--gr-w);
	margin: 0 auto;
	padding: 64px 0 0 !important;
	border: 0 !important;
}
body.gimbot-reading .page-title-block .page-title {
	font-family: var(--gimbot-font-display);
	font-size: clamp(34px, 1.4rem + 2.2vw, 50px) !important;
	line-height: 1.06 !important;
	font-weight: 800;
	letter-spacing: -.025em;
	text-transform: none !important;
	color: #0a0a0a;
	margin: 0 !important;
	overflow-wrap: break-word;
}
body.gimbot-reading .page-title-block::after {
	content: "";
	display: block;
	width: 48px;
	height: 4px;
	margin-top: 22px;
	background: var(--gimbot-accent, #fae01e);
}
body.gimbot-reading .main-container { margin-top: 36px !important; }

body.gimbot-reading .site-main > article {
	max-width: var(--gr-w);
	margin: 0 auto 72px;
	box-shadow: none !important;
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
}
body.gimbot-reading .entry-content .section-box { padding: 0 !important; }

body.gimbot-reading .entry-content p,
body.gimbot-reading .entry-content li {
	font-size: 18px;
	line-height: 1.7;
	color: #1c1c1e;
}
body.gimbot-reading .entry-content p { margin: 0 0 1.15em; }
body.gimbot-reading .entry-content a {
	color: #0a0a0a;
	text-decoration: underline;
	text-decoration-color: var(--gimbot-accent, #fae01e);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	transition: text-decoration-color .15s ease;
}
body.gimbot-reading .entry-content a:hover { text-decoration-color: #0a0a0a; }
body.gimbot-reading .entry-content a:focus-visible { outline: 2px solid #0a0a0a; outline-offset: 2px; border-radius: 2px; }

body.gimbot-reading .entry-content .gimbot-lead {
	font-size: 21px;
	line-height: 1.55;
	font-weight: 500;
	color: #0a0a0a;
	margin-bottom: 1.1em;
}
body.gimbot-reading .entry-content .gimbot-updated {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: .02em;
	color: #555;
	margin-bottom: 24px;
}

body.gimbot-reading .entry-content h2 {
	font-family: var(--gimbot-font-display);
	font-size: 24px;
	line-height: 1.25;
	font-weight: 800;
	letter-spacing: -.01em;
	text-transform: none;
	color: #0a0a0a;
	margin: 44px 0 14px;
	padding-top: 28px;
	border-top: 1px solid var(--gimbot-rule, #e6e6e6);
	scroll-margin-top: 96px;
}
body.gimbot-reading .entry-content h2::before {
	content: "";
	display: block;
	width: 24px;
	height: 3px;
	margin-bottom: 14px;
	background: var(--gimbot-accent, #fae01e);
}

body.gimbot-reading .entry-content ul {
	list-style: disc outside !important;
	margin: 0 0 1.25em !important;
	padding: 0 0 0 1.4em !important;
}
body.gimbot-reading .entry-content ul li {
	list-style: inherit !important;
	margin: 0 0 .45em;
	padding-left: .2em;
}
body.gimbot-reading .entry-content ul li::before { content: none !important; display: none !important; }
body.gimbot-reading .entry-content ul li::marker { color: #0a0a0a; }

body.gimbot-reading.page-about .entry-content p { margin-bottom: 1.4em; }
body.gimbot-reading .entry-content .gimbot-origin {
	position: relative;
	font-size: 21px;
	line-height: 1.6;
	color: #0a0a0a;
	margin: 2.2em 0 !important;
	padding: 30px 0 28px;
	border-top: 1px solid #0a0a0a;
	border-bottom: 1px solid var(--gimbot-rule, #e6e6e6);
}
body.gimbot-reading .entry-content .gimbot-origin::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 48px;
	height: 4px;
	background: var(--gimbot-accent, #fae01e);
}
body.gimbot-reading .entry-content .gimbot-signoff {
	font-family: var(--gimbot-font-display);
	font-size: 28px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: -.015em;
	color: #0a0a0a;
	margin: 2em 0 0 !important;
}
body.gimbot-reading .entry-content .gimbot-signoff::before {
	content: "";
	display: block;
	width: 32px;
	height: 4px;
	margin-bottom: 18px;
	background: var(--gimbot-accent, #fae01e);
}
body.gimbot-reading .entry-content .gimbot-note {
	font-size: 15px;
	line-height: 1.6;
	color: #555;
	margin: 48px 0 0 !important;
	padding-top: 18px;
	border-top: 1px solid var(--gimbot-rule, #e6e6e6);
}

@media (max-width: 767px) {
	body.gimbot-reading .bb-page-header .header-content { padding-top: 36px !important; }
	body.gimbot-reading .page-title-block::after { margin-top: 16px; }
	body.gimbot-reading .main-container { margin-top: 24px !important; }
	body.gimbot-reading .entry-content p,
	body.gimbot-reading .entry-content li { font-size: 17px; }
	body.gimbot-reading .entry-content .gimbot-lead { font-size: 19px; }
	body.gimbot-reading .entry-content h2 { font-size: 21px; margin-top: 36px; padding-top: 24px; scroll-margin-top: 72px; }
	body.gimbot-reading .entry-content .gimbot-origin { font-size: 19px; padding: 24px 0 22px; }
	body.gimbot-reading .entry-content .gimbot-signoff { font-size: 24px; }
	body.gimbot-reading .site-main > article { margin-bottom: 48px; }
}

body.boombox-theme-night.gimbot-reading .page-title-block .page-title,
body.boombox-theme-night.gimbot-reading .entry-content h2,
body.boombox-theme-night.gimbot-reading .entry-content .gimbot-lead,
body.boombox-theme-night.gimbot-reading .entry-content .gimbot-origin,
body.boombox-theme-night.gimbot-reading .entry-content .gimbot-signoff,
body.boombox-theme-night.gimbot-reading .entry-content p,
body.boombox-theme-night.gimbot-reading .entry-content li,
body.boombox-theme-night.gimbot-reading .entry-content a { color: #f2f2f2; }
body.boombox-theme-night.gimbot-reading .entry-content .gimbot-origin { border-top-color: #f2f2f2; }
body.boombox-theme-night.gimbot-reading .entry-content .gimbot-updated,
body.boombox-theme-night.gimbot-reading .entry-content .gimbot-note { color: #b5b5b5; }

/* Reading pages — mobile gutters (title + text share one 18px gutter) */
@media (max-width: 767px) {
	body.gimbot-reading .bb-page-header { padding-left: 0 !important; padding-right: 0 !important; }
	body.gimbot-reading .bb-page-header .header-content { padding-left: 18px !important; padding-right: 18px !important; }
	body.gimbot-reading .main-container { padding-left: 18px !important; padding-right: 18px !important; }
}

/* ==========================================================================
   24 · FOOTER B — brand · Rubrik · Gimbot, then a thin © / social bar
   ========================================================================== */
body.gimbot-hb #footer .footer-top { padding: 56px 0 8px; background: none; }
body.gimbot-hb #footer .footer-top .pattern { display: none; }
body.gimbot-hb #footer .footer-top .row {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);
	gap: 40px;
	margin: 0;
}
body.gimbot-hb #footer .footer-top .row::before,
body.gimbot-hb #footer .footer-top .row::after { content: none; display: none; }
body.gimbot-hb #footer .footer-top .row > [class*="col-"] { width: auto; float: none; padding: 0; margin: 0; min-width: 0; }
body.gimbot-hb #footer .footer-top .widget { margin: 0; padding: 0; border: 0; background: none; }
body.gimbot-hb #footer .footer-top .widget::before,
body.gimbot-hb #footer .footer-top .widget::after { content: none; display: none; }
body.gimbot-hb #footer .footer-top .widget_block > p:empty { display: none; }

body.gimbot-hb #footer .gimbot-ft-brand__logo img { display: block; width: auto; height: 34px; max-width: 100%; }
body.gimbot-hb #footer .gimbot-ft-brand__text {
	margin: 18px 0 0;
	max-width: 340px;
	font-size: 15px;
	line-height: 1.6;
	color: #c9c9c9;
}

body.gimbot-hb #footer .footer-top .widget-title {
	margin: 4px 0 16px;
	padding: 0;
	border: 0;
	font-family: var(--gimbot-font-display);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--gimbot-accent, #fae01e);
	background: none;
}
body.gimbot-hb #footer .footer-top .widget-title::before,
body.gimbot-hb #footer .footer-top .widget-title::after { content: none; display: none; }
body.gimbot-hb #footer .footer-top .menu { list-style: none; margin: 0; padding: 0; }
body.gimbot-hb #footer .footer-top .menu li { margin: 0; padding: 0; border: 0; list-style: none; }
body.gimbot-hb #footer .footer-top .menu li::before { content: none; display: none; }
body.gimbot-hb #footer .footer-top .menu a {
	display: inline-block;
	padding: 6px 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	overflow-wrap: anywhere;
}
body.gimbot-hb #footer .footer-top .menu a:hover { color: var(--gimbot-accent, #fae01e); }
body.gimbot-hb #footer a:focus-visible { outline: 2px solid var(--gimbot-accent, #fae01e); outline-offset: 2px; }

/* Bottom bar: © left, social right; info links now live in the top row */
body.gimbot-hb #footer .footer-bottom .footer-nav { display: none; }
body.gimbot-hb #footer .footer-bottom { padding: 0; background: none; }
body.gimbot-hb #footer .footer-bottom .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px 24px;
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 24px;
	border-top: 1px solid #2a2a2a;
}
body.gimbot-hb #footer .footer-bottom .social-footer { order: 2; margin: 0; }
body.gimbot-hb #footer .footer-bottom .copy-right { order: 1; margin: 0; padding: 0; font-size: 13px; color: #a8a8a8; }
body.gimbot-hb #footer .footer-bottom .social-footer ul { display: flex; gap: 8px; margin: 0; padding: 0; }
body.gimbot-hb #footer .footer-bottom .social-footer a { color: #fff; }
body.gimbot-hb #footer .footer-bottom .social-footer a:hover { color: var(--gimbot-accent, #fae01e); }

@media (max-width: 767px) {
	body.gimbot-hb #footer .footer-top { padding-top: 40px; }
	body.gimbot-hb #footer .footer-top .row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 20px; }
	body.gimbot-hb #footer .footer-top .row > [class*="col-"]:first-child { grid-column: 1 / -1; }
	body.gimbot-hb #footer .footer-bottom .container { margin-top: 32px; }
}

/* Footer B fixes: single-column menus, © bar alignment */
body.gimbot-hb #footer .footer-top .menu { column-count: 1 !important; columns: auto !important; }
body.gimbot-hb #footer .footer-top .menu li { width: auto !important; float: none !important; }
body.gimbot-hb #footer .footer-bottom .copy-right { margin-right: auto !important; text-align: left !important; }
body.gimbot-hb #footer .footer-bottom { border-top: 0 !important; }
body.gimbot-hb #footer .footer-bottom .container::before,
body.gimbot-hb #footer .footer-bottom .container::after { content: none !important; display: none !important; }
@media (max-width: 767px) {
	body.gimbot-hb #footer .footer-top .container,
	body.gimbot-hb #footer .footer-bottom .container { padding-left: 18px !important; padding-right: 18px !important; }
	body.gimbot-hb #footer .footer-bottom .container { margin-left: 0; margin-right: 0; }
}

/* ==========================================================================
   25 · QA & AUDIT FIXES (v1.9.0)
   ========================================================================== */

/* Skip link: hidden until keyboard focus */
.gimbot-skip {
	position: fixed;
	left: 12px;
	top: -80px;
	z-index: 100001;
	padding: 12px 18px;
	background: #0a0a0a;
	color: #fff !important;
	font-weight: 700;
	font-size: 15px;
	border-radius: 4px;
	text-decoration: none !important;
	transition: top .12s ease;
}
.gimbot-skip:focus,
.gimbot-skip:focus-visible {
	top: 12px;
	outline: 3px solid var(--gimbot-accent, #fae01e);
	outline-offset: 2px;
}
#main:focus { outline: none; }

/* Clear focus indicators everywhere (dark surfaces get yellow) */
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body [tabindex]:focus-visible {
	outline: 2px solid #0a0a0a;
	outline-offset: 2px;
}
#footer a:focus-visible,
#footer button:focus-visible,
.gimbot-hero-b .featured-area a:focus-visible,
body.gimbot-article-hero .s-post-header a:focus-visible,
.bb-mobile-navigation a:focus-visible,
.bb-mobile-navigation button:focus-visible {
	outline-color: var(--gimbot-accent, #fae01e);
}

/* Closed drawer never shows (inert handles focus; this handles paint) */
#mobile-navigation[inert] { visibility: hidden; }
html.main-menu-open #mobile-navigation,
body.main-menu-open #mobile-navigation { visibility: visible; }

/* Desktop: the drawer only repeats the main nav → hide its trigger while
   the nav fits. It returns automatically when the nav collapses (tablet,
   long menus) and on mobile. */
@media (min-width: 900px) {
	.gimbot-hb:not(.nav-collapsed) .gimbot-hb__menu-toggle { display: none !important; }
}

/* Dates: one visible publish date; "Diperbarui" only when really updated */
time.entry-date.updated.gimbot-updated {
	position: static !important;
	clip: auto !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	display: inline !important;
}
time.entry-date.updated.gimbot-updated::before { content: " · Diperbarui "; }

/* Article dek is now a <p>; keep its look */
.single .s-post-header p.entry-sub-title {
	font-size: clamp(17px, .9rem + .5vw, 20px);
	line-height: 1.5;
	font-weight: 500;
	margin: 0 0 12px;
}

/* Article hero: shorter so the story starts sooner (homepage hero unchanged) */
body.gimbot-article-hero .s-post-main > .s-post-thumbnail { min-height: clamp(340px, 30vw, 500px); }
body.gimbot-article-hero .s-post-main > .s-post-header { padding: 80px 0 32px !important; margin-bottom: 24px !important; }
body.gimbot-article-hero .s-post-header .entry-title { overflow-wrap: break-word; hyphens: auto; }
@media (max-width: 767px) {
	body.gimbot-article-hero .s-post-main > .s-post-thumbnail { min-height: min(88vw, 62vh); margin-bottom: 16px !important; }
	body.gimbot-article-hero .s-post-main > .s-post-header { padding: 72px 18px 22px !important; margin-bottom: 16px !important; }
}

/* Card headlines: show the full title (no 3-line truncation) */
.bb-post-collection .entry-title {
	display: block !important;
	-webkit-line-clamp: unset !important;
	overflow: visible !important;
	overflow-wrap: break-word;
}

/* Crawlable pagination under "Muat lainnya" */
.gimbot-pager {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 24px 0 8px;
	padding: 14px 0;
	border-top: 1px solid var(--gimbot-rule, #dedede);
	font-size: 15px;
	font-weight: 600;
}
.gimbot-pager a {
	color: #0a0a0a;
	text-decoration: underline;
	text-decoration-color: var(--gimbot-accent, #fae01e);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.gimbot-pager a:hover { text-decoration-color: #0a0a0a; }
.gimbot-pager__current { color: #5f6368; font-size: 14px; font-weight: 500; }
#load-more-button[aria-busy="true"] { opacity: .7; cursor: progress; }
@media (max-width: 480px) {
	.gimbot-pager { flex-wrap: wrap; }
	.gimbot-pager__current { order: -1; width: 100%; text-align: center; }
}

/* Search: search again + empty state */
.gimbot-search-again { max-width: 640px; margin: 20px 0 6px; }
.gimbot-search-count { margin: 4px 0 24px; font-size: 14px; color: #5f6368; }
.search .gimbot-noresults { font-size: 24px; line-height: 1.3; margin: 8px 0 8px; }
.gimbot-nextsteps { margin: 24px 0 8px; }
.gimbot-nextsteps__label {
	margin: 24px 0 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #0a0a0a;
}
.gimbot-nextsteps__rubrics { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.gimbot-nextsteps__rubrics li { margin: 0; list-style: none; }
.gimbot-nextsteps__rubrics li::before { content: none; }
.gimbot-nextsteps__rubrics a {
	display: inline-block;
	padding: 9px 16px;
	border: 1.5px solid #0a0a0a;
	border-radius: 999px;
	color: #0a0a0a;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}
.gimbot-nextsteps__rubrics a:hover { background: var(--gimbot-accent, #fae01e); }
.gimbot-nextsteps__title { margin: 28px 0 10px; font-size: 20px; line-height: 1.3; }
.gimbot-nextsteps__list { margin: 0; padding-left: 1.2em; }
.gimbot-nextsteps__list li { margin: 0 0 .55em; line-height: 1.45; }
.gimbot-nextsteps__list a { color: #0a0a0a; }
.gimbot-nextsteps--404 { max-width: 560px; }
.error-404 .gimbot-nextsteps .search-form { max-width: 520px; }

/* Optional review box (only rendered when editors fill it) */
.gimbot-review-box {
	max-width: var(--gimbot-content-width, 720px);
	margin: 40px auto;
	padding: 22px 0 18px;
	border-top: 3px solid #0a0a0a;
	border-bottom: 1px solid var(--gimbot-rule, #dedede);
}
.gimbot-review-box__title {
	margin: 0 0 14px !important;
	padding-left: 10px;
	border-left: 4px solid var(--gimbot-accent, #fae01e);
	font-size: 13px !important;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.gimbot-review-box__verdict { font-size: 20px; line-height: 1.5; font-weight: 600; color: #0a0a0a; margin: 0 0 18px; }
.gimbot-review-box__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.gimbot-review-box__cols h3 { font-size: 16px !important; margin: 0 0 8px !important; }
.gimbot-review-box__cols ul { margin: 0; padding-left: 1.2em; }
.gimbot-review-box__cols li { margin: 0 0 .4em; font-size: 16px; line-height: 1.5; }
.gimbot-review-box__facts { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 18px 0 0; }
.gimbot-review-box__facts dt { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #5f6368; }
.gimbot-review-box__facts dd { margin: 2px 0 0; font-size: 16px; font-weight: 600; }
.gimbot-review-box__disclosure { margin: 16px 0 0; font-size: 14px; color: #5f6368; }
@media (max-width: 600px) { .gimbot-review-box__cols { grid-template-columns: 1fr; } }

/* Author archive */
.author h1.auth-name { font-size: clamp(26px, 1rem + 2vw, 36px); line-height: 1.15; margin: 0 0 8px; }
.gimbot-author-extra { margin: 0 0 24px; font-size: 15px; }
.gimbot-author-extra__beat span { font-weight: 800; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; margin-right: 6px; }
.gimbot-author-extra__links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 8px 0 0; padding: 0; list-style: none; }
.gimbot-author-extra__links a { color: #0a0a0a; text-decoration: underline; text-decoration-color: var(--gimbot-accent, #fae01e); text-decoration-thickness: 2px; }

/* Tablet: header nav never collides with actions */
@media (min-width: 768px) and (max-width: 1100px) {
	.gimbot-hb__menu { gap: 2px 14px; }
	.gimbot-hb__menu a { font-size: 12px; letter-spacing: .06em; }
}

/* QA contrast + outline follow-ups */
.auth-name .auth-byline, .bb-author-vcard-mini .auth-byline { color: #5f6368 !important; }
.bb-wp-pagination .prev-page-link .text, .bb-wp-pagination .next-page-link .text,
.prev-page-link > .big-text.text, .next-page-link > .big-text.text { color: #5f6368; }
.prev-page-link:not([href]) > .big-text.text, span.prev-page-link > .big-text.text { color: #6b6e73; }
body.gimbot-hb #footer .footer-top h2.widget-title { font-size: 12px !important; line-height: 1.4; }

/* In-content search forms (search results, 404) — same clean field as the header */
.gimbot-search-again .search-form,
.gimbot-nextsteps .search-form { position: relative; display: block; max-width: 640px; margin: 0; }
.gimbot-search-again .search-form label,
.gimbot-nextsteps .search-form label { display: block; margin: 0; }
.gimbot-search-again .search-field,
.gimbot-nextsteps .search-field {
	width: 100% !important; height: 52px !important; margin: 0 !important;
	padding: 0 60px 0 16px !important; border: 1.5px solid #111 !important; border-radius: 6px !important;
	background: #fff !important; font-size: 16px !important; color: #0a0a0a !important; box-shadow: none !important;
}
.gimbot-search-again .search-field::placeholder,
.gimbot-nextsteps .search-field::placeholder { color: #6b6e73; }
.gimbot-search-again .search-submit,
.gimbot-nextsteps .search-submit {
	position: absolute !important; top: 4px !important; right: 4px !important; left: auto !important;
	width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important;
	border: 0 !important; border-radius: 4px !important; background: var(--gimbot-accent, #fae01e) !important; color: #0a0a0a !important;
	outline: 0; box-shadow: none !important;
}
.gimbot-search-again .search-submit:focus-visible,
.gimbot-nextsteps .search-submit:focus-visible { outline: 2px solid #0a0a0a !important; outline-offset: 2px; }
.search .no-results .page-title.gimbot-noresults { text-transform: none; }
.search .no-results .gimbot-nextsteps { margin-top: 20px; }

/* Mobile: page titles (search, archives, author, reading pages) share one 18px gutter */
@media (max-width: 767px) {
	body.gimbot-hb .bb-page-header { padding-left: 0 !important; padding-right: 0 !important; }
	body.gimbot-hb .bb-page-header .header-content { padding-left: 18px !important; padding-right: 18px !important; }
	.gimbot-search-again .search-field, .gimbot-nextsteps .search-field { height: 48px !important; }
	.gimbot-search-again .search-submit, .gimbot-nextsteps .search-submit { width: 40px !important; height: 40px !important; }
}

/* Mobile: one 16–20px content gutter site-wide (BoomBox default is 10px) */
@media (max-width: 767px) {
	body.gimbot-hb .main-container { padding-left: 18px !important; padding-right: 18px !important; }
}

/* 404: calmer title + sentence-case copy */
.error-404 .bb-page-header .page-title { font-size: clamp(32px, 1.2rem + 2.6vw, 52px) !important; line-height: 1.08 !important; letter-spacing: -.02em; }
.error-404 .page-content .text { text-transform: none !important; font-size: 17px !important; line-height: 1.6 !important; letter-spacing: 0 !important; }

/* ==========================================================================
   26 · BLACK HEADER (all pages) + AUTHOR BOX (v1.9.1)
   ========================================================================== */
#gimbot-hb,
#gimbot-hb.is-compact,
#gimbot-hb .gimbot-hb__inner {
	background: #0a0a0a !important;
	color: #fff;
}
#gimbot-hb { border-bottom: 1px solid #1e1e1e !important; box-shadow: none !important; }
#gimbot-hb .gimbot-hb__menu > li > a { color: #fff !important; }
#gimbot-hb .gimbot-hb__menu > li > a:hover,
#gimbot-hb .gimbot-hb__menu > li > a:focus-visible,
#gimbot-hb .gimbot-hb__menu > li.current-menu-item > a,
#gimbot-hb .gimbot-hb__menu > li.current-menu-ancestor > a,
#gimbot-hb .gimbot-hb__menu > li.current-post-ancestor > a,
#gimbot-hb .gimbot-hb__menu > li.current-category-ancestor > a { color: var(--gimbot-accent, #fae01e) !important; }
#gimbot-hb .gimbot-hb__icon { color: #fff !important; }
#gimbot-hb .gimbot-hb__icon:hover,
#gimbot-hb .gimbot-hb__icon[aria-expanded="true"] { color: var(--gimbot-accent, #fae01e) !important; background: rgba(255,255,255,.08) !important; border-radius: 50%; }
#gimbot-hb .gimbot-hb__subscribe { background: var(--gimbot-accent, #fae01e) !important; color: #0a0a0a !important; }
#gimbot-hb .gimbot-hb__subscribe:hover { background: #fff !important; color: #0a0a0a !important; }
#gimbot-hb a:focus-visible,
#gimbot-hb button:focus-visible { outline: 2px solid var(--gimbot-accent, #fae01e) !important; outline-offset: 2px; }
#gimbot-hb .gimbot-hb__search { border-top: 1px solid #1e1e1e; }
#gimbot-hb .gimbot-hb__subscribe:focus-visible { outline-color: #fff !important; }

/* Author box at the end of articles: avatar centred on the text, larger */
.single .bb-author-vcard .author {
	display: grid !important;
	grid-template-columns: 112px minmax(0, 1fr) !important;
	column-gap: 28px !important;
	row-gap: 4px !important;
	align-items: center !important;
	padding: 28px 0 !important;
}
.single .bb-author-vcard .author > header { display: contents !important; }
.single .bb-author-vcard .auth-avatar {
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	align-self: center !important;
	justify-self: center !important;
	width: 112px !important;
	height: 112px !important;
	margin: 0 !important;
	float: none !important;
}
.single .bb-author-vcard .auth-avatar a,
.single .bb-author-vcard .auth-avatar img {
	display: block;
	width: 112px !important;
	height: 112px !important;
	max-width: none !important;
	border-radius: 50% !important;
	object-fit: cover;
}
.single .bb-author-vcard .header-info { grid-column: 2 !important; grid-row: 1 !important; align-self: end !important; margin: 0 !important; padding: 0 !important; width: auto !important; }
.single .bb-author-vcard .author-info { grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; margin: 0 !important; padding: 0 !important; width: auto !important; }
.single .bb-author-vcard .auth-desc { max-width: 520px; width: auto !important; margin-top: 8px; }
@media (max-width: 600px) {
	.single .bb-author-vcard .author { grid-template-columns: 80px minmax(0, 1fr) !important; column-gap: 18px !important; padding: 22px 0 !important; }
	.single .bb-author-vcard .auth-avatar,
	.single .bb-author-vcard .auth-avatar a,
	.single .bb-author-vcard .auth-avatar img { width: 80px !important; height: 80px !important; }
}

/* Homepage hero sits flush under the black header */
body.gimbot-hero-b .bb-featured-area { margin-top: 0 !important; }

/* Rubric listings: one visible control ("Artikel berikutnya"). The page links
   stay in the HTML for search engines and screen readers, visually hidden. */
.gimbot-pager {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.gimbot-pager a:focus { position: static; }

/* "Artikel berikutnya" = same button as the homepage "Next" */
.more-load-button { text-align: center !important; margin: 32px 0 8px !important; }
#load-more-button {
	position: relative !important;
	display: inline-block !important;
	width: 270px !important;
	max-width: 100% !important;
	height: auto !important;
	padding: 16px 44px 16px 15px !important;
	border: 2px solid #0a0a0a !important;
	border-radius: 4px !important;
	background: #fff !important;
	color: #0a0a0a !important;
	font-family: Barlow, Inter, system-ui, sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	letter-spacing: .04em !important;
	line-height: 20px !important;
	text-transform: uppercase !important;
	text-align: center !important;
	box-shadow: none !important;
	transition: background-color .15s ease;
}
#load-more-button .text { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; }
#load-more-button .spinner-pulse { display: none !important; }
#load-more-button::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%230a0a0a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
#load-more-button:hover,
#load-more-button:focus-visible { background: var(--gimbot-accent, #fae01e) !important; }
#load-more-button:focus-visible { outline: 2px solid #0a0a0a !important; outline-offset: 3px; }
@media (max-width: 480px) { #load-more-button { width: 100% !important; } }

/* ==========================================================================
   BRAND LAYER v2.0 + POLISH v2.2/v2.3 — merged from staging assets/css/brand.css
   (live: appended here because the WP theme editor cannot create new files;
   refresh.css is inlined in <head> by inc/assets.php, so this keeps the same
   cascade order: tokens → refresh → brand). Roll back: delete from here down.
   ========================================================================== */
/* ==========================================================================
Gimbot 2026 — BRAND LAYER v2.0 (Gimbot × Gimbot Store)
Loaded after tokens.css + refresh.css (inc/assets.php). Adapts the visual
language of Gimbot Store (store.gimbot.com): ink outlines, hard offset
shadows, speech-bubble labels, cream/paper surfaces, yellow accent.
Presentation only — no data, query, URL or SEO changes. Body copy untouched.
Roll back: remove the 'gimbot-brand' enqueue in inc/assets.php.

Contents
  a Tokens            e Section heads         i Archives & pagination
  b Primitives        f Homepage sections     j Article
  c Header & drawer   g Listings (light)      k Footer
  d Homepage hero     h Buttons               l Responsive · motion
========================================================================== */

/* a · TOKENS ------------------------------------------------------------- */
:root {
  --gb-ink: #141414;            /* = Store --gs-ink */
  --gb-yellow: #fae01e;         /* = Store --gs-yellow (same as --gimbot-accent) */
  --gb-yellow-hover: #ffe94f;
  --gb-yellow-soft: #fff4b0;
  --gb-cream: #fbf3e3;          /* bands, header */
  --gb-paper: #fffdf7;          /* cards, page */
  --gb-line-soft: #e2d4b8;      /* hairlines on cream/paper */
  --gb-muted: #5f594f;          /* 6.6:1 on paper */
  --gb-on-ink: #f6ecd8;
  --gb-on-ink-muted: #cdc2ab;

  --gb-bw: 2px;
  --gb-outline: var(--gb-bw) solid var(--gb-ink);
  --gb-shadow-sm: 2px 2px 0 var(--gb-ink);
  --gb-shadow: 3px 3px 0 var(--gb-ink);
  --gb-shadow-lg: 4px 4px 0 var(--gb-ink);
  --gb-shadow-xl: 5px 5px 0 var(--gb-ink);
  --gb-r-sm: 6px;
  --gb-r-md: 10px;
  --gb-r-lg: 16px;
  --gb-r-bubble: 24px;
  --gb-ease: cubic-bezier(.2, .7, .3, 1);

  /* Speech-bubble mark (Store .gs-bubble-mark) as one image: outline, fill, shadow, tail */
  --gb-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 26'%3E%3Crect x='4' y='4' width='26' height='16' rx='8' fill='%23141414'/%3E%3Crect x='2' y='2' width='26' height='16' rx='8' fill='%23fae01e' stroke='%23141414' stroke-width='2'/%3E%3Cpath d='M6 17h8l-8 7z' fill='%23141414'/%3E%3C/svg%3E");
  --gb-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --gb-ext: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --gb-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 8h14l-1 12H6L5 8zM9 8V6a3 3 0 0 1 6 0v2' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E");

  --gimbot-accent: var(--gb-yellow);
  --gimbot-black: var(--gb-ink);
  --gimbot-background: var(--gb-paper);
  --gimbot-surface: var(--gb-cream);
  --gimbot-header-h: 72px;
}

body.gimbot-hb,
body.gimbot-hb #mainContainer,
body.gimbot-hb .bb-page-header .container-bg { background: var(--gb-paper) !important; }

/* b · PRIMITIVES --------------------------------------------------------- */

/* Speech bubble (Store .gs-bubble): outline + offset shadow + tail bottom-left */
.gb-bubble,
body.gimbot-hero-b .gimbot-hero__kicker,
.gimbot-feature-lead .gimbot-cat,
.gimbot-local__lead .gimbot-cat,
.single-post .gimbot-kicker .gimbot-badge {
  --gb-fill: var(--gb-yellow);
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 0 0 18px;
  padding: 5px 12px;
  border: var(--gb-outline);
  border-left-width: var(--gb-bw);
  border-radius: var(--gb-r-bubble);
  background: var(--gb-fill) !important;
  color: var(--gb-ink) !important;
  box-shadow: var(--gb-shadow-sm);
  font-family: var(--gimbot-font-body);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: visible;
}
.gb-bubble::before,
body.gimbot-hero-b .gimbot-hero__kicker::before,
.gimbot-feature-lead .gimbot-cat::before,
.gimbot-local__lead .gimbot-cat::before,
.single-post .gimbot-kicker .gimbot-badge::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 100%;
  width: 14px;
  height: 10px;
  background: var(--gb-ink);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  pointer-events: none;
}
.gb-bubble::after,
body.gimbot-hero-b .gimbot-hero__kicker::after,
.gimbot-feature-lead .gimbot-cat::after,
.gimbot-local__lead .gimbot-cat::after,
.single-post .gimbot-kicker .gimbot-badge::after {
  content: "";
  position: absolute;
  left: 18px;
  top: calc(100% - 2px);
  width: 9px;
  height: 6px;
  background: var(--gb-fill);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  pointer-events: none;
}
body.gimbot-hero-b .gimbot-hero__kicker:hover,
.gimbot-feature-lead a.gimbot-cat:hover,
.gimbot-local__lead a.gimbot-cat:hover,
.single-post .gimbot-kicker a.gimbot-badge:hover { --gb-fill: var(--gb-yellow-hover); text-decoration: none !important; }

/* Light kicker for dense lists: ink caps + mini bubble mark (no yellow bar) */
.gimbot-cat {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border-left: 0;
  margin-bottom: 8px;
  font-family: var(--gimbot-font-body);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1.2;
  color: var(--gb-ink);
}
.gimbot-cat::before {
  content: "";
  flex: none;
  width: 15px;
  height: 12px;
  background: var(--gb-mark) no-repeat center / contain;
}
a.gimbot-cat:hover { background: none; color: var(--gb-ink); text-decoration: underline; text-decoration-color: var(--gb-yellow); text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* Outlined media: one treatment for every thumbnail on editorial surfaces */
.gimbot-media,
.gimbot-rj__thumb,
.bb-post-collection .post-thumbnail,
body:not(.gimbot-hero-b) .bb-featured-area .featured-media {
  border: var(--gb-outline) !important;
  border-radius: var(--gb-r-md) !important;
  background: #efe7d6 !important;
  box-sizing: border-box;
}
.gimbot-row .gimbot-media,
.gimbot-rj__thumb { border-radius: var(--gb-r-sm) !important; }

/* Focus: dark ring on light, yellow on ink */
body.gimbot-hb a:focus-visible,
body.gimbot-hb button:focus-visible,
body.gimbot-hb input:focus-visible { outline: 3px solid var(--gb-ink); outline-offset: 2px; }

/* c · HEADER & DRAWER ---------------------------------------------------- */
/* Black masthead (v2.1): ink bar, yellow logo, light pills, yellow CTA */
#gimbot-hb,
#gimbot-hb.is-compact,
#gimbot-hb .gimbot-hb__inner { background: var(--gb-ink) !important; color: var(--gb-on-ink); }
#gimbot-hb { border-bottom: var(--gb-bw) solid #000 !important; box-shadow: none !important; }
#gimbot-hb .gimbot-hb__inner { max-width: 1280px; padding-inline: 32px; }

/* Logo sits straight on the ink bar (it is the Store's ink plate, full width) */
#gimbot-hb .gimbot-hb__brand { margin-right: 28px; }
#gimbot-hb .gimbot-hb__logo a { display: inline-flex; align-items: center; padding: 4px 0; background: none; border-radius: var(--gb-r-sm); }
#gimbot-hb .gimbot-hb__logo img { height: 26px; }
#gimbot-hb.is-compact .gimbot-hb__logo img { height: 24px; }

/* Nav: Store pills, inverted for the ink bar */
#gimbot-hb .gimbot-hb__menu { gap: 4px; }
#gimbot-hb .gimbot-hb__menu > li > a {
  height: 40px;
  padding: 0 14px;
  border: var(--gb-bw) solid transparent;
  border-radius: 999px;
  font-family: var(--gimbot-font-body);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
  color: var(--gb-on-ink) !important;
  transition: background-color .14s var(--gb-ease), border-color .14s var(--gb-ease), color .14s var(--gb-ease);
}
#gimbot-hb .gimbot-hb__menu > li > a::after { display: none; }
#gimbot-hb .gimbot-hb__menu > li > a:hover,
#gimbot-hb .gimbot-hb__menu > li > a:focus-visible { background: rgba(255, 255, 255, .08); border-color: var(--gb-on-ink-muted); color: #fff !important; }
#gimbot-hb .gimbot-hb__menu > li.current-menu-item > a,
#gimbot-hb .gimbot-hb__menu > li.current-menu-ancestor > a,
#gimbot-hb .gimbot-hb__menu > li.current-post-ancestor > a,
#gimbot-hb .gimbot-hb__menu > li.current-category-ancestor > a {
  background: var(--gb-yellow);
  border-color: var(--gb-yellow);
  box-shadow: none;
  color: var(--gb-ink) !important;
  font-weight: 700;
}

/* Utilities */
#gimbot-hb .gimbot-hb__actions { gap: 10px; }
#gimbot-hb .gimbot-hb__icon { margin: 0; width: 44px; height: 44px; color: var(--gb-on-ink) !important; border: var(--gb-bw) solid transparent; border-radius: 50%; }
#gimbot-hb .gimbot-hb__icon:hover,
#gimbot-hb .gimbot-hb__icon[aria-expanded="true"] { color: var(--gb-yellow) !important; background: rgba(255, 255, 255, .08) !important; border-color: var(--gb-on-ink-muted); }
#gimbot-hb .gimbot-hb__search-toggle[aria-expanded="true"]::after { display: none; }

/* CTA (Follow us) = Store primary button; yellow edge replaces the ink outline on black */
#gimbot-hb .gimbot-hb__subscribe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 40px;
  padding: 0 16px;
  border: var(--gb-bw) solid var(--gb-yellow);
  border-radius: var(--gb-r-sm);
  background: var(--gb-yellow) !important;
  box-shadow: none;
  font-family: var(--gimbot-font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none !important;
  white-space: nowrap;
  color: var(--gb-ink) !important;
  transition: background-color .14s var(--gb-ease), border-color .14s var(--gb-ease);
}
#gimbot-hb .gimbot-hb__subscribe:hover { background: var(--gb-yellow-hover) !important; border-color: #fff; }
#gimbot-hb a:focus-visible,
#gimbot-hb button:focus-visible { outline: 3px solid var(--gb-yellow) !important; outline-offset: 2px; }
#gimbot-hb .gimbot-hb__subscribe:focus-visible { outline-color: #fff !important; }

/* Search panel: ink band, Store pill field */
#gimbot-hb .gimbot-hb__search { background: var(--gb-ink); border-top: 1px solid #2e2b26; }
#gimbot-hb .gimbot-hb__search input.search-field {
  height: 50px !important;
  padding: 0 60px 0 20px !important;
  border: var(--gb-bw) solid var(--gb-paper) !important;
  border-radius: 999px !important;
  background: var(--gb-paper) !important;
  color: var(--gb-ink) !important;
}
#gimbot-hb .gimbot-hb__search input.search-field:focus { box-shadow: 0 0 0 3px var(--gb-yellow) !important; }
#gimbot-hb .gimbot-hb__search button.search-submit {
  top: 5px !important;
  right: 5px !important;
  width: 40px !important;
  height: 40px !important;
  border: var(--gb-outline) !important;
  border-radius: 999px !important;
  background: var(--gb-yellow) !important;
}

/* Drawer */
body.gimbot-hb #mobile-navigation,
body.gimbot-hb .bb-mobile-navigation { background: var(--gb-cream) !important; border-left: var(--gb-outline); }
body.gimbot-hb #mobile-navigation .main-navigation li { border-bottom: 1px solid var(--gb-line-soft); }
body.gimbot-hb #mobile-navigation .main-navigation > ul > li > a,
body.gimbot-hb #mobile-navigation .main-navigation > div > ul > li > a { font-size: 24px; color: var(--gb-ink) !important; }
body.gimbot-hb #mobile-navigation .current-menu-item > a,
body.gimbot-hb #mobile-navigation a:hover { box-shadow: inset 5px 0 0 var(--gb-yellow); }
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-subscribe > a,
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-store > a {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  border: var(--gb-outline);
  border-radius: var(--gb-r-sm) !important;
  font-family: var(--gimbot-font-body) !important;
  font-size: 15px !important;
  font-weight: 700;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-subscribe > a { background: var(--gb-yellow); box-shadow: var(--gb-shadow) !important; }
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-store { border-bottom: 0 !important; padding-top: 14px; }
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-store > a { background: var(--gb-paper); box-shadow: var(--gb-shadow-sm) !important; }
body.gimbot-hb #mobile-navigation .bb-community .logo { display: inline-flex; padding: 5px 9px; background: var(--gb-ink); border-radius: var(--gb-r-sm); }

/* d · HOMEPAGE HERO ------------------------------------------------------ */
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media { border-bottom: var(--gb-outline); box-sizing: border-box; }
body.gimbot-hero-b .gimbot-hero__kicker { margin-bottom: 22px; letter-spacing: .08em; text-overflow: clip; }
body.gimbot-hero-b .gimbot-hero__rule { display: none; }
body.gimbot-hero-b .gimbot-hero__dek { margin-top: 16px; }

/* Three stories under the hero: Store cards (outline, paper, inner image) */
body.gimbot-hero-b .bb-featured-area .featured-area-wrapper { align-items: stretch !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col2,
body.gimbot-hero-b .bb-featured-area .f-col.col3,
body.gimbot-hero-b .bb-featured-area .f-col.col4 { display: flex !important; align-self: stretch !important; }
body.gimbot-hero-b .f-col.col2 .featured-item,
body.gimbot-hero-b .f-col.col3 .featured-item,
body.gimbot-hero-b .f-col.col4 .featured-item {
  flex: 1 1 auto;
  padding: 10px 10px 14px !important;
  border: var(--gb-outline);
  border-radius: var(--gb-r-md);
  background: var(--gb-paper) !important;
  transition: box-shadow .14s var(--gb-ease);
}
body.gimbot-hero-b .f-col.col2 .featured-item:hover,
body.gimbot-hero-b .f-col.col3 .featured-item:hover,
body.gimbot-hero-b .f-col.col4 .featured-item:hover { box-shadow: var(--gb-shadow-lg); }
body.gimbot-hero-b .f-col.col2 .featured-media,
body.gimbot-hero-b .f-col.col3 .featured-media,
body.gimbot-hero-b .f-col.col4 .featured-media { border-radius: var(--gb-r-sm) !important; background: #efe7d6 !important; }
body.gimbot-hero-b .f-col.col2 .featured-header,
body.gimbot-hero-b .f-col.col3 .featured-header,
body.gimbot-hero-b .f-col.col4 .featured-header { display: block !important; height: auto !important; padding: 12px 4px 0 !important; }
body.gimbot-hero-b .f-col.col2 .featured-caption,
body.gimbot-hero-b .f-col.col3 .featured-caption,
body.gimbot-hero-b .f-col.col4 .featured-caption { margin: 0 !important; }
/* BoomBox lifts the caption 10px on hover; keep text still (no layout jump) */
.bb-featured-area .featured-item:hover .featured-caption { transform: none !important; }

/* e · SECTION HEADS: bubble mark + title ··· Lihat semua → ---------------- */
.gimbot-sec__head,
.bb-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  min-height: 44px;
  border-top: 0;
  padding-top: 0;
  margin: 0 0 22px;
}
.gimbot-sec__title,
.bb-title-wrapper .title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-left: 0;
  font-family: var(--gimbot-font-display);
  font-size: clamp(24px, 1rem + .9vw, 32px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--gb-ink);
}
.gimbot-sec__title::before,
.bb-title-wrapper .title::before {
  content: "";
  position: static;
  flex: none;
  width: 30px;
  height: 24px;
  background: var(--gb-mark) no-repeat center / contain !important;
  transform: translateY(2px);
}
.gimbot-sec--local .gimbot-sec__title::after {
  margin-left: 0;
  padding: 3px 6px;
  border: var(--gb-outline);
  border-radius: var(--gb-r-sm);
  font-family: var(--gimbot-font-body);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}
.gimbot-sec__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0;
  border: 0;
  font-family: var(--gimbot-font-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
  color: var(--gb-ink);
  white-space: nowrap;
}
.gimbot-sec__more > span { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.gimbot-sec__more::after {
  content: "";
  flex: none;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--gb-arrow) no-repeat center / contain;
  mask: var(--gb-arrow) no-repeat center / contain;
  transition: transform .14s var(--gb-ease);
}
.gimbot-sec__more:hover { background: none; }
.gimbot-sec__more:hover > span { text-decoration-color: var(--gb-yellow); }
.gimbot-sec__more:hover::after { transform: translateX(2px); }

/* "Berita Lainnya" head above the native BoomBox list */
.gimbot-more-head { margin: 0 auto 22px !important; padding: 0 !important; border: 0 !important; }

/* f · HOMEPAGE SECTIONS -------------------------------------------------- */
.gimbot-card__title { font-weight: 700; }
.gimbot-card:hover .gimbot-card__title a,
.gimbot-card__title a:focus-visible { text-decoration-color: var(--gb-yellow); }

/* Terbaru rows: light */
.gimbot-row { border-bottom: 1px solid var(--gb-line-soft); }

/* Lagi Ramai: rank numbers in small outlined bubbles */
.gimbot-rank li { grid-template-columns: 52px minmax(0, 1fr); border-bottom: 1px solid var(--gb-line-soft); }
.gimbot-rank li::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 34px;
  padding: 0;
  border: var(--gb-outline);
  border-radius: var(--gb-r-md);
  background: var(--gb-yellow);
  box-shadow: var(--gb-shadow-sm);
  font-size: 17px;
  line-height: 1;
}
.gimbot-rank li:nth-child(n+4)::before { background: var(--gb-paper); }

/* Our Picks: the strongest panel — cream comic panel, lead card with big shadow */
.gimbot-sec--features {
  margin-left: 0;
  margin-right: 0;
  padding: 36px clamp(16px, 3vw, 40px) 40px;
  background: var(--gb-cream);
  color: var(--gb-ink);
  border: var(--gb-outline);
  border-radius: var(--gb-r-lg);
  box-shadow: var(--gb-shadow-lg);
}
.gimbot-sec--features .gimbot-sec__head { border-top: 0; }
.gimbot-sec--features .gimbot-sec__title,
.gimbot-sec--features .gimbot-card__title,
.gimbot-sec--features .gimbot-sec__more,
.gimbot-sec--features a.gimbot-cat { color: var(--gb-ink); }
.gimbot-sec--features .gimbot-card__dek,
.gimbot-sec--features .gimbot-time { color: var(--gb-muted); }
.gimbot-sec--features .gimbot-sec__more:hover,
.gimbot-sec--features a.gimbot-cat:hover { color: var(--gb-ink); }
.gimbot-feature-lead {
  padding: 12px;
  gap: 32px;
  border: var(--gb-outline);
  border-radius: var(--gb-r-md);
  background: var(--gb-paper);
  box-shadow: var(--gb-shadow-xl);
}
.gimbot-feature-lead .gimbot-media { border-radius: var(--gb-r-sm) !important; }
.gimbot-feature-lead > div { padding: 8px 12px 8px 0; }
.gimbot-sec--features .gimbot-grid-3 .gimbot-card,
.gimbot-sec--reviews .gimbot-grid-3 .gimbot-card {
  padding: 10px 10px 16px;
  border: var(--gb-outline);
  border-radius: var(--gb-r-md);
  background: var(--gb-paper);
  transition: box-shadow .14s var(--gb-ease);
}
.gimbot-sec--features .gimbot-grid-3 .gimbot-card:hover,
.gimbot-sec--reviews .gimbot-grid-3 .gimbot-card:hover { box-shadow: var(--gb-shadow-lg); }
.gimbot-grid-3 .gimbot-card .gimbot-media { border-radius: var(--gb-r-sm) !important; }
.gimbot-grid-3 .gimbot-card > :not(.gimbot-media) { margin-left: 4px; margin-right: 4px; }

/* Review: medium emphasis — outlined cards on plain paper */
.gimbot-sec--reviews { background: transparent; padding: 0; margin-left: 0; margin-right: 0; }

/* Indonesia: lead image outlined, bubble kicker */
.gimbot-local__lead .gimbot-media { margin-bottom: 18px; }

/* g · LISTINGS (light) --------------------------------------------------- */
.bb-post-collection.list .post-item,
.bb-post-collection.list article.bb-post { border-bottom-color: var(--gb-line-soft); }
.bb-post-collection .post-thumbnail { overflow: hidden; }
.bb-post-collection .post-item-grid .entry-title,
.bb-post-collection.grid .entry-title,
.bb-post-collection.list .entry-title { font-weight: 700; color: var(--gb-ink); }
.bb-post-collection .post-author-meta,
.bb-post-collection .post-author-meta a,
.bb-post-collection .post-author-meta span { color: var(--gb-muted) !important; }
.bb-post-collection .post-author-meta .auth-url { color: var(--gb-ink) !important; }

/* h · BUTTONS (Store .button) ------------------------------------------- */
.gimbot-btn,
#load-more-button,
.bb-next-prev-pagination .prev-page-link,
.bb-next-prev-pagination .next-page-link,
.wp-block-button__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 18px !important;
  border: var(--gb-outline) !important;
  border-radius: var(--gb-r-sm) !important;
  background: var(--gb-paper) !important;
  color: var(--gb-ink) !important;
  box-shadow: var(--gb-shadow-sm) !important;
  font-family: var(--gimbot-font-body) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: background-color .14s var(--gb-ease), box-shadow .14s var(--gb-ease);
}
.gimbot-btn:hover,
#load-more-button:hover,
#load-more-button:focus-visible,
.bb-next-prev-pagination a.prev-page-link:hover,
.bb-next-prev-pagination a.next-page-link:hover,
.wp-block-button__link:hover { background: var(--gb-yellow) !important; box-shadow: var(--gb-shadow) !important; }
.gimbot-btn--primary { background: var(--gb-yellow) !important; box-shadow: var(--gb-shadow-lg) !important; }

#load-more-button { position: relative !important; width: auto !important; min-width: 240px; padding: 12px 22px !important; }
#load-more-button::after {
  position: static;
  transform: none;
  flex: none;
  width: 16px;
  height: 16px;
  background: var(--gb-ink);
  -webkit-mask: var(--gb-arrow) no-repeat center / contain;
  mask: var(--gb-arrow) no-repeat center / contain;
}
#load-more-button .text { font-weight: 700 !important; }
.bb-next-prev-pagination .page-link { position: relative !important; min-width: 168px; }
.bb-next-prev-pagination .page-link .bb-icon { position: static !important; transform: none !important; margin: 0 !important; font-size: 13px !important; line-height: 1 !important; color: inherit !important; }
.bb-next-prev-pagination .next-page-link .bb-icon { order: 2; }
.bb-next-prev-pagination .page-link .text { text-transform: none !important; }

/* i · ARCHIVES & PAGINATION ---------------------------------------------- */
body.gimbot-hb .bb-page-header .container-bg { border: 0 !important; }
body.gimbot-hb .bb-page-header .header-content { border-bottom: var(--gb-outline) !important; }
body.gimbot-hb .bb-page-header .page-title-block .page-title,
.archive .page-title,
.search .page-title {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--gimbot-font-display);
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: -.015em;
  color: var(--gb-ink);
}
body.gimbot-hb:not(.gimbot-reading):not(.error404) .bb-page-header .page-title-block .page-title::before {
  content: "";
  flex: none;
  width: 44px;
  height: 36px;
  background: var(--gb-mark) no-repeat center / contain;
}
body.gimbot-hb .bb-page-header .page-subtitle { color: var(--gb-muted); }

/* Archive lead (BoomBox featured area on rubric pages) */
body:not(.gimbot-hero-b) .bb-featured-area .featured-media { overflow: hidden; }
body:not(.gimbot-hero-b) .bb-featured-area .f-col.col1 .featured-media { box-shadow: var(--gb-shadow-lg); }

/* Prev / next on the homepage list */
.bb-next-prev-pagination .prev-page-link .text,
.bb-next-prev-pagination .next-page-link .text { color: inherit !important; font: inherit !important; letter-spacing: 0 !important; }
.bb-next-prev-pagination span.prev-page-link,
.bb-next-prev-pagination .prev-page-link:not([href]) { opacity: .45; box-shadow: none !important; }

/* Numbered pagination (search etc.) */
.pagination .page-numbers,
.nav-links .page-numbers { border: var(--gb-outline); border-radius: var(--gb-r-sm); }
.pagination .page-numbers.current,
.nav-links .page-numbers.current { background: var(--gb-yellow) !important; color: var(--gb-ink); border-color: var(--gb-ink); box-shadow: var(--gb-shadow-sm) !important; }

/* j · ARTICLE ------------------------------------------------------------ */
/* Opening: bubble kicker, outlined hero edge. Body copy is untouched. */
body.gimbot-article-hero .s-post-main > .s-post-thumbnail { border-bottom: var(--gb-outline); box-sizing: border-box; }
body.gimbot-article-hero .s-post-header::after { display: none; }
.single-post .gimbot-kicker { gap: 10px; margin-bottom: 18px; }
.single-post .gimbot-kicker .gimbot-badge { margin: 0 0 6px; font-size: 12px; letter-spacing: .07em; }
.single-post .s-post-meta-block { border-top-color: var(--gb-line-soft) !important; border-bottom-color: var(--gb-line-soft) !important; }
.single-post .s-post-meta-block .auth-avatar img,
.single-post .s-post-meta-block .bb-author-vcard-mini img { border: var(--gb-outline); border-radius: 50%; box-sizing: border-box; }

/* Share */
.gimbot-share__btn { border: var(--gb-outline) !important; background: var(--gb-paper) !important; color: var(--gb-ink) !important; }
.gimbot-share__btn:hover,
.gimbot-share__btn:focus-visible,
.gimbot-share__btn.is-done { background: var(--gb-yellow) !important; border-color: var(--gb-ink) !important; box-shadow: var(--gb-shadow-sm) !important; }
.gimbot-share__label,
.gimbot-rj__label,
.gimbot-review-box__title {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding-left: 0 !important;
  border-left: 0 !important;
  font-family: var(--gimbot-font-display);
  color: var(--gb-ink);
}
.gimbot-share__label::before,
.gimbot-rj__label::before,
.gimbot-review-box__title::before {
  content: "";
  flex: none;
  width: 22px;
  height: 18px;
  background: var(--gb-mark) no-repeat center / contain;
}
.single-post .s-post-content .gimbot-share--end { border-top-color: var(--gb-line-soft); border-bottom-color: var(--gb-line-soft); }

/* Baca juga */
.single-post .s-post-content .gimbot-rj { border-top: var(--gb-outline); border-bottom-color: var(--gb-line-soft); }
.single-post .s-post-content .gimbot-rj__thumb img { border-radius: 0 !important; }
.gimbot-rj__link:hover .gimbot-rj__title { text-decoration-color: var(--gb-yellow); }
.gimbot-bacajuga,
.single-post .s-post-content p.gimbot-bacajuga-legacy { border-top-color: var(--gb-line-soft) !important; border-bottom-color: var(--gb-line-soft) !important; }
.single-post .s-post-content p.gimbot-bacajuga-legacy strong:first-child,
.single-post .s-post-content p.gimbot-bacajuga-legacy b:first-child,
.gimbot-bacajuga__label { border-left: 0; padding: 3px 9px; border: var(--gb-outline); border-radius: var(--gb-r-bubble); background: var(--gb-yellow); }

/* Pull quote = speech bubble (sits between paragraphs, never behind them) */
.single-post .s-post-content blockquote,
.single-post .s-post-content .wp-block-quote {
  position: relative;
  margin: 2.2em auto 2.6em;
  padding: 20px 24px;
  border: var(--gb-outline);
  border-radius: var(--gb-r-lg);
  background: var(--gb-cream);
  box-shadow: var(--gb-shadow);
}
.single-post .s-post-content blockquote::before,
.single-post .s-post-content .wp-block-quote::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 100%;
  width: 20px;
  height: 14px;
  background: var(--gb-ink);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.single-post .s-post-content blockquote::after,
.single-post .s-post-content .wp-block-quote::after {
  content: "";
  position: absolute;
  left: 30px;
  top: calc(100% - 2px);
  width: 14px;
  height: 9px;
  background: var(--gb-cream);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.single-post .s-post-content blockquote p:last-of-type { margin-bottom: 0; }

/* Review summary / verdict / game info: outlined panels */
.gimbot-review-box,
.gimbot-verdict,
.gimbot-gameinfo,
.gimbot-toc {
  padding: 22px 24px !important;
  border: var(--gb-outline) !important;
  border-radius: var(--gb-r-md) !important;
  background: var(--gb-paper) !important;
}
.gimbot-review-box,
.gimbot-verdict { box-shadow: var(--gb-shadow-lg); }
.gimbot-verdict { border-top: var(--gb-outline) !important; }
.gimbot-toc { border-left: var(--gb-outline) !important; }
.gimbot-verdict__fit { border-top-color: var(--gb-line-soft); }

/* Author box */
.single-post .bb-author-vcard { border-top: var(--gb-outline) !important; border-bottom-color: var(--gb-line-soft) !important; }
.single .bb-author-vcard .auth-avatar img { border: var(--gb-outline); box-sizing: border-box; }

/* k · FOOTER ------------------------------------------------------------- */
#footer, .footer { background: var(--gb-ink) !important; border-top: var(--gb-outline); color: var(--gb-on-ink-muted); }
body.gimbot-hb #footer .gimbot-ft-brand__text { color: var(--gb-on-ink-muted); }
body.gimbot-hb #footer .footer-top .menu a { color: var(--gb-on-ink); }
body.gimbot-hb #footer .gimbot-ft-store {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  margin-top: 20px;
  padding: 0 14px;
  border: var(--gb-bw) solid var(--gb-on-ink);
  border-radius: var(--gb-r-sm);
  color: var(--gb-on-ink) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  transition: background-color .14s var(--gb-ease), color .14s var(--gb-ease), border-color .14s var(--gb-ease);
}
body.gimbot-hb #footer .gimbot-ft-store::before,
body.gimbot-hb #footer .gimbot-ft-store::after {
  content: "";
  flex: none;
  background: currentColor;
}
body.gimbot-hb #footer .gimbot-ft-store::before { width: 16px; height: 16px; -webkit-mask: var(--gb-bag) no-repeat center / contain; mask: var(--gb-bag) no-repeat center / contain; }
body.gimbot-hb #footer .gimbot-ft-store::after { width: 12px; height: 12px; -webkit-mask: var(--gb-ext) no-repeat center / contain; mask: var(--gb-ext) no-repeat center / contain; }
body.gimbot-hb #footer .gimbot-ft-store:hover { background: var(--gb-yellow); border-color: var(--gb-yellow); color: var(--gb-ink) !important; }
body.gimbot-hb #footer .gimbot-ft-bubble {
  --gb-fill: var(--gb-yellow);
  display: inline-block;
  margin: 20px 0 14px;
  padding: 6px 14px;
  border-color: #000;
  box-shadow: 3px 3px 0 #000;
  font-family: var(--gimbot-font-display);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
body.gimbot-hb #footer .gimbot-ft-bubble::before { background: #000; }
body.gimbot-hb #footer .footer-bottom .container { border-top-color: #2e2b26; }
body.gimbot-hb #footer .footer-bottom .copy-right { color: var(--gb-on-ink-muted); }

/* l · RESPONSIVE · MOTION ------------------------------------------------ */
@media (max-width: 1100px) {
  #gimbot-hb .gimbot-hb__inner { padding-inline: 24px; }
  #gimbot-hb .gimbot-hb__menu > li > a { padding: 0 10px; font-size: 14px; }
}
@media (max-width: 1023px) {
  .gimbot-feature-lead > div { padding: 4px 6px 8px; }
}
@media (max-width: 767px) {
  #gimbot-hb .gimbot-hb__inner { padding-inline: 16px; }
  #gimbot-hb .gimbot-hb__logo img,
  #gimbot-hb.is-compact .gimbot-hb__logo img { height: 22px; }
  #gimbot-hb .gimbot-hb__actions { gap: 4px; margin-left: auto; }
  #gimbot-hb .gimbot-hb__subscribe { display: none; }
  #gimbot-hb .gimbot-hb__icon { width: 42px; height: 42px; }

  .gimbot-sec__head { margin-bottom: 16px; }
  .gimbot-sec__title,
  .bb-title-wrapper .title { font-size: 24px; gap: 10px; }
  .gimbot-sec__title::before { width: 26px; height: 21px; }

  .gimbot-sec--features { padding: 24px 14px 28px; border-radius: var(--gb-r-md); box-shadow: var(--gb-shadow); }
  .gimbot-feature-lead { padding: 10px; gap: 14px; box-shadow: var(--gb-shadow-lg); }
  .gimbot-feature-lead > div { padding: 4px 4px 6px; }

  body.gimbot-hero-b .f-col.col2 .featured-item,
  body.gimbot-hero-b .f-col.col3 .featured-item,
  body.gimbot-hero-b .f-col.col4 .featured-item { padding: 8px !important; }
  body.gimbot-hero-b .f-col.col2 .featured-header,
  body.gimbot-hero-b .f-col.col3 .featured-header,
  body.gimbot-hero-b .f-col.col4 .featured-header { padding: 2px 4px 0 0 !important; }

  body.gimbot-hb:not(.gimbot-reading):not(.error404) .bb-page-header .page-title-block .page-title::before { width: 34px; height: 28px; }

  .single-post .s-post-content blockquote,
  .single-post .s-post-content .wp-block-quote { padding: 16px 18px; }
  #load-more-button { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  #gimbot-hb .gimbot-hb__menu > li > a,
  #gimbot-hb .gimbot-hb__subscribe,
  .gimbot-sec__more::after,
  .gimbot-card,
  .featured-item { transition: none !important; }
  .gimbot-sec__more:hover::after { transform: none; }
}

/* Night mode (BoomBox toggle): keep ink outlines legible on dark */
body.boombox-theme-night { --gb-paper: #1b1a18; --gb-cream: #232120; --gb-line-soft: #3a3631; --gb-muted: #cdc2ab; }
body.boombox-theme-night #gimbot-hb .gimbot-hb__menu > li > a,
body.boombox-theme-night .gimbot-sec__title,
body.boombox-theme-night .gimbot-sec__more,
body.boombox-theme-night .gimbot-cat { color: #f6ecd8 !important; }

/* ==========================================================================
m · POLISH v2.2 (Oct 2026) — proportions, spacing, consistency
Same language (yellow · ink · paper/cream · bubbles); fewer stacked frames.
Roll back: delete this section.
========================================================================== */

/* m1 · OUR PICKS: cream panel without its own frame ----------------------- */
.gimbot-sec--features {
padding: 32px clamp(16px, 3vw, 32px);
border: 0;
border-radius: var(--gb-r-lg);
box-shadow: none;
}
.gimbot-sec--features .gimbot-sec__head { margin-bottom: 20px; }

/* Lead card: outline + thin shadow; text column gets more room */
.gimbot-feature-lead {
gap: 28px;
align-items: center;
margin-bottom: 24px;
padding: 12px;
box-shadow: var(--gb-shadow);
}
.gimbot-feature-lead > div { min-width: 0; }
@media (min-width: 900px) {
.gimbot-feature-lead { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.gimbot-feature-lead > div { padding: 8px 16px 8px 0; }
}
@media (max-width: 480px) {
.gimbot-feature-lead .gimbot-card__title { font-size: 24px; }
}
@media (max-width: 899px) {
.gimbot-feature-lead { gap: 16px; }
.gimbot-feature-lead > div { padding: 4px 6px 8px; }
}
.gimbot-feature-lead .gimbot-card__title {
font-size: clamp(26px, 14px + 1.55vw, 34px); /* was 28→40px; about -12% on desktop */
line-height: 1.1;
letter-spacing: -.01em;
overflow-wrap: break-word;
text-wrap: pretty;
}
.gimbot-feature-lead .gimbot-card__dek { margin-bottom: 12px; font-size: 17px; }

/* Three companion cards: light outline, no heavy shadow, same rhythm */
.gimbot-sec--features .gimbot-grid-3 { gap: 24px; }
.gimbot-sec--features .gimbot-grid-3 .gimbot-card {
padding: 12px 12px 16px;
border: 1px solid rgba(20, 20, 20, .28);
box-shadow: none;
transition: border-color .14s var(--gb-ease);
}
.gimbot-sec--features .gimbot-grid-3 .gimbot-card:hover { border-color: var(--gb-ink); box-shadow: none; }
.gimbot-sec--features .gimbot-grid-3 .gimbot-media { border-width: 1px !important; }
.gimbot-sec--features .gimbot-grid-3 .gimbot-card__title { font-size: 20px; line-height: 1.2; }

/* m2 · BUBBLES ONLY WHERE THEY MEAN SOMETHING ----------------------------- */
/* Rubric heads + lead labels keep the bubble; lists/cards get a plain label */
.gimbot-cat::before { content: none; }
.gimbot-cat {
gap: 0;
font-size: 11.5px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--gb-muted);
}
a.gimbot-cat:hover { color: var(--gb-ink); }
.gimbot-sec--features a.gimbot-cat { color: var(--gb-muted); }
.gimbot-rank .gimbot-cat { margin-bottom: 4px; font-size: 11px; }

/* m3 · HOMEPAGE FEATURED: contained card, same frame as the lead card ---- */
body.gimbot-hero-b .bb-featured-area { margin-top: 28px !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-item {
overflow: hidden !important;
border: var(--gb-outline);
border-radius: var(--gb-r-md);
background: var(--gb-ink) !important;
box-shadow: var(--gb-shadow);
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media {
width: 100% !important;
margin-left: 0 !important;
height: clamp(340px, 32vw, 480px) !important;
border: 0 !important;
border-radius: 0 !important;
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media .featured-link {
inset: 0 !important;
width: 100% !important;
transform: none;
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media img {
object-position: var(--gimbot-hero-focus, 50% 35%);
-webkit-mask-image: none;
mask-image: none;
}
/* Readability: dark only behind the text, the picture stays bright */
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media::after {
background:
linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.5) 30%, rgba(0,0,0,.12) 56%, rgba(0,0,0,0) 70%),
linear-gradient(0deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 34%);
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-header {
width: min(100%, 640px);
padding: 32px 24px 32px clamp(24px, 4vw, 48px) !important;
}

@media (max-width: 1023px) {
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media { height: clamp(320px, 44vw, 420px) !important; }
}
@media (max-width: 767px) {
body.gimbot-hero-b .bb-featured-area { margin-top: 16px !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col1 { padding: 0 16px !important; }
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media { height: auto !important; aspect-ratio: 4 / 4.4; max-height: 64vh; }
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-media::after {
background: linear-gradient(0deg, rgba(0,0,0,.84) 0%, rgba(0,0,0,.55) 40%, rgba(0,0,0,.06) 68%, rgba(0,0,0,0) 80%);
}
body.gimbot-hero-b .bb-featured-area .f-col.col1 .featured-header { width: 100%; padding: 0 18px 22px !important; }
}

/* m4 · HEADER: Store link + lighter Follow Us ----------------------------- */
#gimbot-hb .gimbot-hb__menu > li.gimbot-hb__store-item {
position: relative;
margin-left: 13px;
padding-left: 14px;
}
#gimbot-hb .gimbot-hb__menu > li.gimbot-hb__store-item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 20px;
background: rgba(246, 236, 216, .3);
transform: translateY(-50%);
}
#gimbot-hb .gimbot-hb__menu > li.gimbot-hb__store-item > a { gap: 6px; }
#gimbot-hb .gimbot-hb__menu > li.gimbot-hb__store-item > a::after {
content: "";
display: block !important;
position: static;
flex: none;
width: 11px;
height: 11px;
background: currentColor;
opacity: .75;
-webkit-mask: var(--gb-ext) no-repeat center / contain;
mask: var(--gb-ext) no-repeat center / contain;
transition: none;
}

#gimbot-hb .gimbot-hb__actions .gimbot-hb__subscribe {
height: 36px;
padding: 0 14px;
border: 1.5px solid rgba(246, 236, 216, .55);
border-radius: var(--gb-r-sm);
background: transparent !important;
color: var(--gb-on-ink) !important;
font-size: 14px;
font-weight: 600;
}
#gimbot-hb .gimbot-hb__actions .gimbot-hb__subscribe:hover,
#gimbot-hb .gimbot-hb__actions .gimbot-hb__subscribe:focus-visible {
border-color: var(--gb-yellow);
background: transparent !important;
color: var(--gb-yellow) !important;
}

/* Drawer: Follow Us + Store as quiet outline buttons */
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-subscribe > a,
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-store > a {
height: 44px !important;
min-height: 44px !important;
border: var(--gb-outline);
background: var(--gb-paper);
box-shadow: none !important;
color: var(--gb-ink) !important;
}
body.gimbot-hb #mobile-navigation .gimbot-hb-drawer-store > a::after {
content: "";
flex: none;
width: 11px;
height: 11px;
background: currentColor;
-webkit-mask: var(--gb-ext) no-repeat center / contain;
mask: var(--gb-ext) no-repeat center / contain;
}

/* m5 · AUTHOR AVATAR: no empty circles ----------------------------------- */
.bb-author-vcard-mini .author-avatar:not(:has(img)),
.bb-author-vcard .auth-avatar:not(:has(img)) { display: none !important; }
.single .bb-author-vcard .author:not(:has(.auth-avatar img)) { grid-template-columns: minmax(0, 1fr) !important; }
.single .bb-author-vcard .author:not(:has(.auth-avatar img)) .header-info,
.single .bb-author-vcard .author:not(:has(.auth-avatar img)) .author-info { grid-column: 1 !important; }
/* Meta row (avatar · name · date · reading time · share) flush with the text column */
.single-post .s-post-meta-block .post-meta-content .col-l { padding-left: 0; padding-right: 0; }
.single-post .s-post-meta-block .bb-author-vcard-mini { align-items: center; gap: 10px; }

/* m6 · LAGI RAMAI: period note ------------------------------------------- */
.gimbot-aside .gimbot-sec__head { margin-bottom: 6px; }
.gimbot-aside__note {
margin: 0 0 18px;
font-family: var(--gimbot-font-body);
font-size: 13px;
font-weight: 500;
line-height: 1.4;
color: var(--gb-muted);
}
.gimbot-aside .gimbot-rank { margin: 0; padding: 0; list-style: none; }
.gimbot-aside__empty { margin: 0; font-size: 15px; color: var(--gb-muted); }

/* ==========================================================================
n · HOMEPAGE v2.3 (Oct 2026) — "Terbaru" rows
========================================================================== */
/* Image left, text right; 16:9 thumb centred on the whole text block */
.gimbot-split .gimbot-row {
grid-template-columns: clamp(200px, 36%, 256px) minmax(0, 1fr);
gap: 22px;
align-items: center;
padding: 20px 0;
margin: 0;
border-bottom: 1px solid var(--gb-line-soft);
}
.gimbot-split .gimbot-row:first-child { padding-top: 0; }
.gimbot-split .gimbot-row:last-child { padding-bottom: 0; border-bottom: 0; }
.gimbot-split .gimbot-row .gimbot-media {
width: 100%;
aspect-ratio: 16 / 9;
align-self: center;
margin: 0;
}
.gimbot-split .gimbot-row .gimbot-media img { object-fit: cover; object-position: center; }
.gimbot-split .gimbot-row > div { min-width: 0; text-align: left; }
/* One compact text block: kicker · title · dek · date */
.gimbot-split .gimbot-row .gimbot-cat { display: flex; width: max-content; margin: 0 0 6px; }
.gimbot-split .gimbot-row .gimbot-card__title { margin: 0 0 6px; font-size: 21px; line-height: 1.22; }
.gimbot-split .gimbot-row .gimbot-card__dek {
display: block;
margin: 0 0 8px;
font-size: 15px;
line-height: 1.5;
-webkit-line-clamp: unset;
overflow: visible;
}
.gimbot-split .gimbot-row .gimbot-time { display: block; margin: 0; line-height: 1.3; }

@media (max-width: 767px) {
.gimbot-split .gimbot-row { grid-template-columns: 168px minmax(0, 1fr); gap: 16px; padding: 18px 0; }
.gimbot-split .gimbot-row .gimbot-media { aspect-ratio: 16 / 9; }
.gimbot-split .gimbot-row .gimbot-card__title { font-size: 18px; line-height: 1.25; }
.gimbot-split .gimbot-row .gimbot-card__dek { display: none; }
}
/* Narrow phones: stack (image on top, full width) so long titles keep room */
@media (max-width: 520px) {
.gimbot-split .gimbot-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.gimbot-split .gimbot-row .gimbot-card__title { font-size: 19px; }
}

/* Our Picks lead title on small phones (moved here so it follows the base size rule) */
@media (max-width: 480px) {
.gimbot-feature-lead .gimbot-card__title { font-size: 24px; }
}

/* ==========================================================================
o · v2.5 (Oct 2026) — mobile prev/next row · compact "Terbaru" option
========================================================================== */
/* Homepage / rubric list "Previous · Next": one row, two equal buttons on phones
(BoomBox floats them with fixed min-widths, so they wrapped onto two rows). */
@media (max-width: 767px) {
.bb-next-prev-pagination .pg-list {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.bb-next-prev-pagination .pg-list::before,
.bb-next-prev-pagination .pg-list::after { content: none !important; display: none !important; }
.bb-next-prev-pagination .pg-item { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.bb-next-prev-pagination .pg-item.prev-page { grid-column: 1; }
.bb-next-prev-pagination .pg-item.next-page { grid-column: 2; }
.bb-next-prev-pagination .page-link { width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
.bb-next-prev-pagination .page-link .text.big-text { display: none !important; }
.bb-next-prev-pagination .page-link .text.small-text { display: inline !important; }
}

/* Option: compact "Terbaru" rows on phones — small 16:9 thumb left, text right
(body.gimbot-terbaru-compact; preview with ?terbaru=compact). */
@media (max-width: 767px) {
body.gimbot-terbaru-compact .gimbot-split .gimbot-row {
grid-template-columns: 120px minmax(0, 1fr) !important;
gap: 14px;
align-items: center;
padding: 14px 0;
}
body.gimbot-terbaru-compact .gimbot-split .gimbot-row:first-child { padding-top: 0; }
body.gimbot-terbaru-compact .gimbot-split .gimbot-row .gimbot-media { aspect-ratio: 16 / 9; border-radius: var(--gb-r-sm) !important; }
body.gimbot-terbaru-compact .gimbot-split .gimbot-row .gimbot-cat { margin-bottom: 4px; font-size: 10.5px; }
body.gimbot-terbaru-compact .gimbot-split .gimbot-row .gimbot-card__title { margin-bottom: 4px; font-size: 16px; line-height: 1.25; }
body.gimbot-terbaru-compact .gimbot-split .gimbot-row .gimbot-card__dek { display: none; }
body.gimbot-terbaru-compact .gimbot-split .gimbot-row .gimbot-time { font-size: 12px; }
}