/* ════════ NUCLEAR WHITE KILL ════════ */
/* Target every possible container Astra 4.13.4 might use */

/* Site content wrappers */
.site-content,
.site-content .ast-container,
.site-content > .ast-container,
#content,
#content .ast-container,
#content.site-content,
.ast-container,
div.ast-container,
.single .ast-container,
.page .ast-container,
.blog .ast-container,
.archive .ast-container,
.ast-container .content-area,
.content-area,
.content-area.primary,
#primary.content-area,
.site-main,
main.site-main,
#main,
[id="primary"],
[class*="content-area"],
#content.site-content .ast-container,
.site-content .ast-container .content-area,
.site-content > .ast-container > .content-area,
.site-content > .ast-container > #primary,
.site-content > .ast-container > .content-area.primary {
  background: #0a0e17 !important;
}

/* Astra row/column wrappers */
.ast-row,
.ast-container .ast-row,
.site-content .ast-row,
[class*="ast-container"] [class*="ast-row"] {
  background: #0a0e17 !important;
}

/* Astra separator container */
.ast-separate-container,
.ast-separate-container #primary,
.ast-separate-container .site-main,
.ast-separate-container .ast-container,
.ast-separate-container .site-content,
.ast-separate-container #content {
  background: #0a0e17 !important;
}

/* Single post wrappers */
.single .site-content,
.single .ast-container,
.single .content-area,
.single #primary,
.single .site-main,
.single #main,
.single-post .site-content,
.single-post .ast-container,
.single-post .content-area,
.single-post #primary,
.post-template-default .site-content,
.post-template-default .ast-container {
  background: #0a0e17 !important;
}

/* Page wrappers */
.page .site-content,
.page .ast-container,
.page .content-area,
.page #primary,
.page .site-main,
.page-template-default .site-content,
.page-template-default .ast-container {
  background: #0a0e17 !important;
}

/* Blog/Archive wrappers */
.blog .site-content,
.archive .site-content,
.category .site-content,
.tag .site-content,
.search .site-content,
.blog .ast-container,
.archive .ast-container {
  background: #0a0e17 !important;
}

/* Astra 4.x specific — flex containers */
.ast-flex,
[class*="ast-flex"] {
  background: transparent !important;
}

/* The main inner wrapper that holds article */
.ast-container .site-main article,
.site-main .post,
.site-main .page,
.site-main > article,
#primary > main > article,
.content-area > main > article {
  background: transparent !important;
}

/* ═══════════════════════════════════════════════
   PERCAYA CUAN — Final Global Theme
   No white. Clean. Matches homepage style.
   ═══════════════════════════════════════════════ */

/* ════════ KILL ALL WHITE ════════ */
body,.ast-separate-container,#page,.site,.site-content,
.ast-container,.ast-row,.content-area,.main-content,
#primary,#secondary,#main,.entry,.post,.page,
.hentry,.ast-article-post,.ast-article-single,
.ast-archive-article,.ast-author-article,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .comments-area,
.ast-separate-container .ast-archive-article,
.ast-separate-container .ast-author-article,
.single .ast-container,.page .ast-container,
.blog .ast-container,.archive .ast-container,
.ast-plain-container,.ast-box-layout,
.ast-page-builder-template .site-content,
.search .ast-container,
.site-header,.site-footer,
.ast-primary-header-bar,.ast-below-header-bar,
.ast-above-header-bar,.main-header-bar,
.ast-header-break-point .main-header-bar,
.ast-mobile-header-wrap,.ast-mobile-header-content,
.ast-desktop-header-content,
.comments-area,.comment-respond,
.sidebar-main,.widget-area,.widget,
.ast-pagination,.pagination,
.entry-header,.entry-content,.entry-meta,
.entry-summary,.post-thumbnail,
.nav-links,.post-navigation,
.ast-related-posts-wrapper,
.ast-single-related-posts-container,
.ast-small-footer,.ast-footer-overlay,
footer .ast-container,
.ast-builder-grid-row,
.site-below-footer-wrap,
.site-above-footer-wrap,
.site-primary-footer-wrap {
  background: #0a0e17 !important;
  color: #e2e8f0 !important;
}

/* ════════ EXCEPTIONS: cards should be slightly lighter ════════ */
.single .entry-content,
.page .entry-content,
.blog .post,.archive .post,.search .post,
.widget {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

/* ════════ SITE-WIDE TYPOGRAPHY ════════ */
body,p,li,td,th,div,span,a,blockquote,label,input,textarea,select,button {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
pre,code,kbd,samp,.monospace {
  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', 'Cascadia Code', monospace;
}

/* ════════ HEADER ════════ */
.ast-primary-header-bar, .site-header, .main-header-bar,
.ast-mobile-header-wrap, .ast-desktop-header-content,
.ast-header-break-point .main-header-bar {
  background: rgba(10,14,23,0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.main-header-menu a, .main-header-menu .menu-link,
.ast-builder-menu .menu-link, .site-navigation a {
  color: #e2e8f0 !important;
  font-weight: 500 !important;
}
.main-header-menu a:hover, .main-header-menu .current-menu-item > a,
.menu-link:hover, .current-menu-item .menu-link {
  color: #3b82f6 !important;
}
.site-title a, .site-title, .custom-logo-link {
  color: #f1f5f9 !important;
}
/* Mobile menu toggle */
.ast-mobile-menu-buttons .ast-button-wrap .menu-toggle,
.ast-button-wrap .menu-toggle .menu-toggle-icon {
  color: #e2e8f0 !important;
}

/* ════════ FOOTER ════════ */
.site-footer, .ast-footer, footer,
.ast-small-footer, .site-below-footer-wrap,
.site-above-footer-wrap, .site-primary-footer-wrap,
.ast-footer-overlay, .ast-builder-footer-grid-columns {
  background: #0a0e17 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  color: #94a3b8 !important;
}
.site-footer a, .ast-footer a, footer a { color: #60a5fa !important; }

/* ════════ SINGLE POST ════════ */
.single .entry-header, .single-post .entry-header {
  text-align: center;
  padding: 60px 24px 24px !important;
  margin: 0 !important;
  border: none !important;
}
.single .entry-title, .single-post .entry-title,
.single h1.entry-title, .single-post h1.entry-title {
  font-size: clamp(28px, 4vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #f1f5f9 !important;
  line-height: 1.15 !important;
  margin-bottom: 16px !important;
}
.single .entry-meta, .single-post .entry-meta {
  color: #64748b !important;
  font-size: 14px;
}
.single .entry-meta a { color: #60a5fa !important; }

/* Post content card */
.single .entry-content, .single-post .entry-content,
.post .entry-content {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  margin: 0 auto 48px !important;
  max-width: 780px !important;
  font-size: 17px;
  line-height: 1.85;
  color: #cbd5e1;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.single .entry-content h2 { font-size: 26px !important; font-weight: 700 !important; color: #f1f5f9 !important; margin: 48px 0 16px !important; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.08); letter-spacing: -0.01em; }
.single .entry-content h3 { font-size: 20px !important; font-weight: 600 !important; color: #f1f5f9 !important; margin: 36px 0 12px !important; }
.single .entry-content h4 { font-size: 17px !important; font-weight: 600 !important; color: #e2e8f0 !important; margin: 24px 0 8px !important; }
.single .entry-content p { margin-bottom: 20px; color: #cbd5e1; }
.single .entry-content a { color: #60a5fa !important; text-decoration: none; border-bottom: 1px solid rgba(96,165,250,0.25); }
.single .entry-content a:hover { color: #93c5fd !important; border-bottom-color: #93c5fd; }
.single .entry-content strong, .single .entry-content b { color: #f1f5f9; font-weight: 600; }
.single .entry-content ul, .single .entry-content ol { margin: 16px 0 24px 24px; color: #cbd5e1; }
.single .entry-content li { margin-bottom: 8px; padding-left: 4px; }
.single .entry-content blockquote {
  border-left: 3px solid #3b82f6;
  background: rgba(59,130,246,0.05);
  padding: 20px 24px;
  border-radius: 0 12px 12px 0;
  margin: 28px 0;
  color: #94a3b8;
  font-style: italic;
}
.single .entry-content code {
  background: rgba(255,255,255,0.08);
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.9em;
  color: #22d3ee;
}
.single .entry-content pre {
  background: #0a0e17;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 24px;
  overflow-x: auto;
  margin: 24px 0;
  color: #e2e8f0;
}
.single .entry-content table { width: 100%; border-collapse: collapse; margin: 24px 0; border-radius: 12px; overflow: hidden; }
.single .entry-content th { background: rgba(59,130,246,0.1); padding: 14px 16px; text-align: left; font-weight: 600; color: #f1f5f9; border-bottom: 1px solid rgba(255,255,255,0.08); font-size: 14px; }
.single .entry-content td { padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,0.04); color: #cbd5e1; font-size: 14px; }
.single .entry-content img { border-radius: 12px; max-width: 100%; height: auto; margin: 16px 0; }
.single .entry-content figure { margin: 24px 0; }
.single .entry-content figcaption { color: #64748b; font-size: 13px; text-align: center; margin-top: 8px; }

/* Post navigation */
.post-navigation, .nav-links, .navigation.post-navigation,
.ast-post-navigation {
  max-width: 780px;
  margin: 0 auto 32px;
  padding: 0 24px;
}
.post-navigation a, .nav-links a, .nav-previous a, .nav-next a {
  color: #60a5fa !important;
  font-weight: 500;
}

/* ════════ PAGES ════════ */
.page .entry-header {
  text-align: center;
  padding: 60px 24px 24px !important;
}
.page .entry-title, .page h1.entry-title {
  font-size: clamp(28px, 4vw, 40px) !important;
  font-weight: 800 !important;
  color: #f1f5f9 !important;
  letter-spacing: -0.03em !important;
}
.page .entry-content {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  margin: 0 auto 48px !important;
  max-width: 780px !important;
  font-size: 17px;
  line-height: 1.85;
  color: #cbd5e1;
}
.page .entry-content p { color: #cbd5e1; margin-bottom: 20px; }
.page .entry-content h2 { font-size: 26px; font-weight: 700; color: #f1f5f9; margin: 48px 0 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.page .entry-content a { color: #60a5fa !important; }

/* ════════ BLOG / ARCHIVE ════════ */
.archive .page-title, .ast-archive-title,
.blog .page-title, .category .page-title {
  text-align: center;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #f1f5f9 !important;
  margin: 48px 0 8px !important;
  letter-spacing: -0.02em !important;
}
.archive .ast-archive-description, .archive .taxonomy-description,
.category .archive-description, .tag .archive-description {
  text-align: center;
  color: #94a3b8;
  font-size: 16px;
  margin: 0 auto 32px;
}
.blog .ast-row, .archive .ast-row, .search .ast-row {
  max-width: 780px !important;
  margin: 0 auto 48px !important;
}
.blog .post, .archive .post, .search .post,
.blog article, .archive article, .search article {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 28px !important;
  margin-bottom: 16px !important;
  transition: border-color 0.2s, transform 0.2s;
}
.blog .post:hover, .archive .post:hover {
  border-color: rgba(59,130,246,0.2) !important;
  transform: translateY(-2px);
}
.blog .entry-title, .archive .entry-title { margin-bottom: 8px !important; }
.blog .entry-title a, .archive .entry-title a {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  text-decoration: none;
  letter-spacing: -0.01em;
}
.blog .entry-title a:hover, .archive .entry-title a:hover { color: #60a5fa !important; }
.blog .entry-meta, .archive .entry-meta {
  color: #64748b !important;
  font-size: 13px;
  margin-bottom: 12px;
}
.blog .entry-content p, .archive .entry-content p {
  color: #94a3b8;
  font-size: 15px;
  line-height: 1.7;
}
.blog .read-more a, .archive .read-more a, .more-link {
  display: inline-flex; align-items: center; gap: 6px;
  color: #60a5fa !important; font-weight: 600; font-size: 14px;
  text-decoration: none;
}

/* ════════ PAGINATION ════════ */
.ast-pagination, .pagination, nav.navigation.pagination,
.nav-links.navigation {
  text-align: center;
  padding: 32px 0;
}
.ast-pagination .page-numbers, .pagination .page-numbers,
.nav-links .page-numbers, .page-numbers {
  display: inline-block;
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #94a3b8 !important;
  padding: 8px 16px;
  border-radius: 10px;
  margin: 0 4px;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
}
.ast-pagination .page-numbers.current, .page-numbers.current,
.nav-links .current {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
  color: #fff !important;
}

/* ════════ COMMENTS ════════ */
.comments-area, #comments, .comment-respond {
  max-width: 780px;
  margin: 0 auto 48px;
  padding: 0 24px;
  color: #cbd5e1;
}
.comment-reply-title, .comments-title {
  color: #f1f5f9 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}
.comment-body, .comment-list li, .comment {
  color: #cbd5e1;
}
.comment-author, .comment-author cite, .fn {
  color: #f1f5f9 !important;
  font-style: normal;
}
.comment-metadata, .comment-metadata a {
  color: #64748b !important;
  font-size: 13px;
}
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  color: #e2e8f0 !important;
  padding: 12px 16px !important;
  font-size: 15px;
}
.comment-form .submit, #submit, input#submit {
  background: #3b82f6 !important;
  border: none !important;
  color: #fff !important;
  padding: 12px 28px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer;
}
.comment-form .submit:hover, #submit:hover { background: #2563eb !important; }

/* ════════ WIDGETS / SIDEBAR ════════ */
.widget {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 16px !important;
  color: #cbd5e1;
}
.widget-title {
  color: #f1f5f9 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 16px !important;
}
.widget a { color: #60a5fa !important; text-decoration: none; }
.widget a:hover { color: #93c5fd !important; }
.widget ul { list-style: none; padding: 0; margin: 0; }
.widget ul li {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  color: #94a3b8;
  font-size: 14px;
}
.widget ul li:last-child { border-bottom: none; }

/* ════════ SEARCH ════════ */
.search-form, .search-form label { display: flex; gap: 8px; }
.search-form input[type="search"], .search-field, input.search-field {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  color: #e2e8f0 !important;
  padding: 10px 16px !important;
  font-size: 15px;
}
.search-form button, .search-submit, input.search-submit {
  background: #3b82f6 !important;
  border: none !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  cursor: pointer;
}

/* ════════ SCROLLBAR ════════ */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0e17; }
::-webkit-scrollbar-thumb { background: rgba(59,130,246,0.25); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(59,130,246,0.45); }

/* ════════ ASTRA UTILITY OVERRIDES ════════ */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
  border: none !important;
  padding: 0 !important;
}
.ast-plain-container, .ast-box-layout { background: #0a0e17 !important; }
.ast-separate-container #primary, .ast-separate-container #secondary {
  background: transparent !important;
}
.ast-separate-container.ast-two-container #secondary .widget {
  background: #111827 !important;
}

/* Category/tag links in post meta */
.cat-links a, .tags-links a, .post-categories a {
  background: rgba(59,130,246,0.1) !important;
  color: #60a5fa !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* Breadcrumbs */
.ast-breadcrumbs-wrapper, .ast-breadcrumbs, .breadcrumbs,
.rank-math-breadcrumb, .yoast-breadcrumbs {
  color: #64748b !important;
  font-size: 13px;
}
.ast-breadcrumbs-wrapper a, .breadcrumbs a {
  color: #60a5fa !important;
}

/* Author box */
.ast-author-box, .author-box, .author-info {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  color: #cbd5e1 !important;
}

/* Related posts */
.ast-related-posts-wrapper, .related-posts {
  background: transparent !important;
}
.ast-related-post, .related-post {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
}

/* ════════ MOBILE ════════ */
@media (max-width: 768px) {
  .single .entry-content, .page .entry-content {
    padding: 24px !important;
    margin: 0 12px 32px !important;
    border-radius: 12px !important;
    font-size: 16px;
  }
  .single .entry-title, .page .entry-title { font-size: 24px !important; }
  .single .entry-content h2 { font-size: 22px !important; }
  .single .entry-content h3 { font-size: 18px !important; }
  .blog .post, .archive .post { padding: 20px !important; }
  .blog .entry-title a, .archive .entry-title a { font-size: 18px !important; }
}

/* ════════ HIDE ALL CLUTTER — match homepage cleanliness ════════ */

/* Breadcrumbs */
.ast-breadcrumbs-wrapper, .ast-breadcrumbs, .breadcrumbs,
.rank-math-breadcrumb, .yoast-breadcrumbs,
.ast-breadcrumb, .breadcrumb-trail, .breadcrumb,
nav.woocommerce-breadcrumb, .aioseo-breadcrumbs,
[class*="breadcrumb"] {
  display: none !important;
}

/* Sidebar — hide completely on single posts & pages */
.single #secondary, .page #secondary,
.single .sidebar-main, .page .sidebar-main,
.single .widget-area, .page .widget-area,
.single aside, .page aside,
.single #sidebar, .page #sidebar {
  display: none !important;
}

/* Make primary content full-width when sidebar hidden */
.single #primary, .page #primary,
.single .content-area, .page .content-area {
  width: 100% !important;
  max-width: 100% !important;
}

/* Author box */
.ast-author-box, .author-box, .author-info,
.ast-author-meta, .author-bio,
.single .post-author, .single .author-description,
[class*="author-box"], [class*="author-bio"] {
  display: none !important;
}

/* Related posts */
.ast-related-posts-wrapper, .ast-related-posts,
.related-posts, .yarpp-related, .crp_related,
.jetpack-related-posts, .rp4wp-related-posts,
[class*="related-posts"] {
  display: none !important;
}

/* Featured image in post header (leave inline images in content) */
.single .post-thumbnail, .single .ast-blog-featured-section,
.single .wp-post-image:first-child,
.single-post .post-thumbnail {
  display: none !important;
}

/* Post navigation ("Previous / Next") — keep but make minimal */
.post-navigation .nav-previous,
.post-navigation .nav-next {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.post-navigation {
  max-width: 780px;
  margin: 0 auto 32px;
  padding: 0 24px;
  border: none !important;
  background: transparent !important;
}

/* Entry meta — keep minimal, just author + date */
.single .entry-meta {
  text-align: center;
  color: #64748b !important;
  font-size: 14px;
}
.single .entry-meta .posted-on,
.single .entry-meta .byline {
  display: inline !important;
}
.single .entry-meta .cat-links,
.single .entry-meta .tags-links,
.single .entry-meta .comments-link,
.single .entry-meta .edit-link,
.single .entry-meta > span:not(.posted-on):not(.byline) {
  display: none !important;
}

/* Also hide category/tag list below post content */
.single .cat-links, .single .tags-links,
.single-post .cat-links, .single-post .tags-links,
.single .post-categories, .single .post-tags {
  display: none !important;
}

/* Hide extra Astra separators / dividers */
.ast-separator, .ast-post-separator,
.ast-article-separator, hr.ast-article-separator {
  display: none !important;
}

/* Clean up archive pages — no sidebar */
.archive #secondary, .blog #secondary,
.archive .sidebar-main, .blog .sidebar-main {
  display: none !important;
}
.archive #primary, .blog #primary {
  width: 100% !important;
  max-width: 100% !important;
}

/* Remove entry-header padding on singular if no breadcrumbs */
.single .entry-header, .page .entry-header {
  padding-top: 40px !important;
}

/* ════════ HEADER CLEANUP — Akademi Crypto Style ════════ */

/* Hide skip-to-content link visually (keep for accessibility) */
.ast-theme-transparent-header .skip-to-content,
a.skip-link, a.skip-main, .skip-to-content {
  position: absolute !important;
  left: -9999px !important;
}

/* Hide duplicate site title text — keep logo image only */
.site-branding .ast-site-title-wrap,
.ast-site-title-wrap {
  display: block !important;
}
/* If there's a text title next to logo, hide it */
.site-title, .ast-site-title {
  font-size: 0 !important;
  text-indent: -9999px !important;
  display: inline-block !important;
  width: auto !important;
}
/* But keep the logo visible */
.site-branding .custom-logo-link,
.site-branding img.custom-logo,
.ast-site-identity img {
  display: inline-block !important;
  max-height: 40px !important;
  width: auto !important;
}

/* Header bar — clean, minimal, centered vertically */
.ast-primary-header-bar, .site-header {
  padding: 8px 0 !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
}
.site-header-primary-section-left,
.site-header-primary-section-right {
  align-items: center !important;
}

/* Navigation — clean links */
.main-header-menu {
  gap: 4px !important;
}
.main-header-menu .menu-link,
.main-navigation .menu-link {
  padding: 6px 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #e2e8f0 !important;
  border-radius: 8px !important;
  transition: background 0.2s, color 0.2s !important;
}
.main-header-menu .menu-link:hover {
  background: rgba(59,130,246,0.1) !important;
  color: #60a5fa !important;
}
.main-header-menu .current-menu-item > .menu-link {
  background: rgba(59,130,246,0.15) !important;
  color: #60a5fa !important;
  font-weight: 600 !important;
}

/* Hide the mobile hamburger on desktop */
@media (min-width: 922px) {
  .ast-mobile-menu-buttons,
  .ast-button-wrap .menu-toggle,
  .ast-mobile-header-wrap,
  .ast-mobile-header-content,
  .ast-desktop-header-content {
    display: none !important;
  }
}

/* Container max-width for header */
.ast-primary-header-bar .ast-container,
.site-header .ast-container {
  max-width: 1280px !important;
}

/* Remove bottom border from header items */
.ast-primary-header-bar {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* Header on scroll — more opaque */
.ast-sticky-active .ast-primary-header-bar,
.ast-primary-header-bar.ast-sticky-active {
  background: rgba(10,14,23,0.98) !important;
}

/* ════════ SIMPLIFY NAVIGATION ════════ */

/* On desktop, hide these menu items to match akademikrypto.com minimalism */
/* Keep: Beranda, Investasi, Budgeting, Saham, Crypto, Tips Keuangan, Tentang */

@media (min-width: 922px) {
  /* Hide less essential nav items */
  .main-header-menu .menu-item:nth-child(5),  /* Reksadana — merged into Investasi */
  .main-header-menu .menu-item:nth-child(7),  /* Utang & Kredit */
  .main-header-menu .menu-item:nth-child(8),  /* Dana Darurat */
  .main-header-menu .menu-item:nth-child(10), /* Berita Keuangan */
  .main-header-menu .menu-item:nth-child(12)  /* Kontak */
  {
    display: none !important;
  }
}

/* Navigation spacing — tighter */
.main-header-menu {
  gap: 0 !important;
}
.main-header-menu .menu-link {
  padding: 6px 12px !important;
  font-size: 13.5px !important;
  letter-spacing: 0.01em;
}

/* Logo spacing */
.site-branding {
  padding: 0 !important;
  margin-right: 24px !important;
}
.site-branding img.custom-logo {
  max-height: 34px !important;
}

/* Active nav item indicator */
.main-header-menu .current-menu-item > .menu-link {
  background: rgba(59,130,246,0.12) !important;
}

/* ════════ AMP HEADER & BODY ════════ */

/* AMP body — full dark */
html[amp] body,
body.amp,
.ast-amp,
body[class*="amp"] {
  background: #0a0e17 !important;
  color: #e2e8f0 !important;
}

/* AMP header bar */
html[amp] .ast-primary-header-bar,
html[amp] .site-header,
html[amp] header,
body.amp .site-header,
body.amp header {
  background: rgba(10,14,23,0.95) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding: 8px 20px !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
}

/* AMP logo max size */
html[amp] .custom-logo,
html[amp] amp-img.custom-logo,
html[amp] .site-branding img,
body.amp .custom-logo,
body.amp amp-img.custom-logo {
  max-height: 36px !important;
  width: auto !important;
}

/* AMP hide duplicate title text */
html[amp] .site-title,
html[amp] .site-description,
body.amp .site-title {
  display: none !important;
}

/* AMP nav links */
html[amp] .main-header-menu a,
html[amp] .main-navigation a,
body.amp .main-header-menu a {
  color: #e2e8f0 !important;
  font-size: 14px !important;
}

/* AMP content area */
html[amp] .entry-content,
html[amp] article,
html[amp] .site-content,
body.amp .entry-content {
  background: #0a0e17 !important;
}

/* AMP content card */
html[amp] .entry-content {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  max-width: 780px !important;
  margin: 0 auto 48px !important;
  color: #cbd5e1 !important;
}

/* AMP footer */
html[amp] footer,
html[amp] .site-footer,
body.amp footer {
  background: #0a0e17 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  color: #94a3b8 !important;
}

/* ════════ BIGGER LOGO ════════ */

/* Desktop logo — bigger and bolder */
.site-branding img.custom-logo,
.site-branding img,
.ast-site-identity img,
.custom-logo-link img {
  max-height: 52px !important;
  width: auto !important;
}

/* AMP logo */
html[amp] .custom-logo,
html[amp] amp-img.custom-logo,
html[amp] .site-branding img,
body.amp .custom-logo {
  max-height: 52px !important;
  width: auto !important;
}

/* Header height adjust for bigger logo */
.ast-primary-header-bar, .site-header {
  min-height: 64px !important;
  padding: 8px 0 !important;
}

/* Logo spacing */
.site-branding {
  margin-right: 32px !important;
}

/* ════════ LOGONSLOT-STYLE HEADER ════════ */
/* Top bar + main header with akademikrypto colors */

/* ════════ TOP BAR ════════ */
.pc-topbar {
  background: linear-gradient(135deg, #111827, #1a2332);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 0;
}
.pc-topbar-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pc-topbar-badge {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #60a5fa;
  display: flex;
  align-items: center;
  gap: 6px;
}
.pc-topbar-badge::before {
  content: '';
  width: 6px; height: 6px;
  background: #22c55e;
  border-radius: 50%;
  display: inline-block;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%,100% { opacity:0.5; }
  50% { opacity:1; }
}
.pc-topbar-btn {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  padding: 5px 16px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s;
}
.pc-topbar-btn:hover {
  background: linear-gradient(135deg, #60a5fa, #3b82f6);
  box-shadow: 0 2px 12px rgba(59,130,246,0.3);
  color: #fff;
}

/* ════════ MAIN HEADER BAR ════════ */
.ast-primary-header-bar {
  background: rgba(10,14,23,0.97) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding: 10px 0 !important;
  min-height: 60px !important;
}
.site-header-primary-section-left {
  gap: 8px !important;
}

/* Logo — prominent */
.site-branding img.custom-logo,
.ast-site-identity img {
  max-height: 44px !important;
  width: auto !important;
}

/* Site title now visible */


/* Navigation — logonslot style: clean, uppercase-ish */
.main-header-menu .menu-link {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  padding: 8px 14px !important;
  color: #94a3b8 !important;
  border-radius: 8px !important;
  transition: all 0.2s !important;
}
.main-header-menu .menu-link:hover {
  color: #e2e8f0 !important;
  background: rgba(255,255,255,0.05) !important;
}
.main-header-menu .current-menu-item > .menu-link {
  color: #60a5fa !important;
  background: rgba(59,130,246,0.12) !important;
  font-weight: 600 !important;
}

/* Container max-width */
.ast-primary-header-bar .ast-container {
  max-width: 1280px !important;
}

/* ════════ MOBILE ════════ */
@media (max-width: 921px) {
  .pc-topbar-inner {
    justify-content: center;
    padding: 5px 16px;
  }
  .pc-topbar-actions {
    display: none;
  }
  .pc-topbar-badge {
    font-size: 11px;
  }
  .site-branding img.custom-logo {
    max-height: 36px !important;
  }
}

/* ════════ CATEGORY / ARCHIVE — Homepage-Level Clean ════════ */

/* Category header area */
.archive .ast-archive-description,
.category .ast-archive-description,
.tag .ast-archive-description,
.archive .page-header,
.category .page-header {
  text-align: center !important;
  padding: 60px 24px 40px !important;
  margin: 0 !important;
  background: #0a0e17 !important;
  border: none !important;
}
.archive .page-title,
.category .page-title,
.tag .page-title,
.ast-archive-title {
  font-size: clamp(32px, 5vw, 44px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #f1f5f9 !important;
  margin-bottom: 12px !important;
  background: linear-gradient(135deg, #fff 20%, #60a5fa 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.archive .ast-archive-description p,
.category .archive-description p,
.archive .taxonomy-description p {
  color: #94a3b8 !important;
  font-size: 17px !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  line-height: 1.7 !important;
}

/* Category meta bar — article count */
.archive .ast-archive-description::after,
.category .page-header::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: #3b82f6;
  border-radius: 2px;
  margin: 20px auto 0;
}

/* Article list container */
.archive .ast-row,
.category .ast-row,
.blog .ast-row {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 0 24px 48px !important;
}

/* Each article card */
.archive article.post,
.archive article,
.category article.post,
.category article,
.blog article.post {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 28px !important;
  margin-bottom: 16px !important;
  transition: all 0.25s ease !important;
}
.archive article:hover,
.category article:hover,
.blog article:hover {
  border-color: rgba(59,130,246,0.2) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important;
}

/* Article title */
.archive .entry-title,
.category .entry-title,
.blog .entry-title {
  margin-bottom: 8px !important;
}
.archive .entry-title a,
.category .entry-title a,
.blog .entry-title a {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  text-decoration: none !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
  transition: color 0.2s !important;
}
.archive .entry-title a:hover,
.category .entry-title a:hover,
.blog .entry-title a:hover {
  color: #60a5fa !important;
}

/* Article meta — author + date */
.archive .entry-meta,
.category .entry-meta,
.blog .entry-meta {
  color: #64748b !important;
  font-size: 13px !important;
  margin-bottom: 12px !important;
}
.archive .entry-meta a,
.category .entry-meta a {
  color: #60a5fa !important;
}

/* Category labels on articles — styled pills */
.archive .cat-links,
.category .cat-links,
.blog .cat-links {
  margin-bottom: 10px !important;
}
.archive .cat-links a,
.category .cat-links a,
.blog .cat-links a {
  display: inline-block !important;
  background: rgba(59,130,246,0.1) !important;
  color: #60a5fa !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin-right: 6px !important;
  transition: all 0.2s !important;
}
.archive .cat-links a:hover,
.category .cat-links a:hover {
  background: rgba(59,130,246,0.2) !important;
  color: #93c5fd !important;
}

/* Article excerpt */
.archive .entry-content p,
.category .entry-content p,
.archive .entry-summary p,
.category .entry-summary p {
  color: #94a3b8 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
}

/* Read more link */
.archive .read-more,
.category .read-more,
.archive .more-link,
.category .more-link {
  margin-top: 12px !important;
}
.archive .read-more a,
.category .read-more a,
.archive .more-link,
.category .more-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #60a5fa !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: gap 0.2s !important;
}
.archive .read-more a:hover,
.category .read-more a:hover {
  gap: 10px !important;
  color: #93c5fd !important;
}

/* Separator between articles */
.archive article + article,
.category article + article {
  border-top: none !important;
}

/* No posts message */
.archive .no-results,
.category .no-results,
.search .no-results {
  text-align: center;
  color: #94a3b8;
  padding: 60px 24px;
}
.archive .no-results .page-title,
.category .no-results .page-title {
  -webkit-text-fill-color: #f1f5f9 !important;
}

/* Pagination at bottom */
.archive .ast-pagination,
.category .ast-pagination {
  text-align: center;
  padding: 0 24px 48px;
}

/* Mobile */
@media (max-width: 768px) {
  .archive .ast-archive-description,
  .category .page-header {
    padding: 40px 20px 32px !important;
  }
  .archive .page-title,
  .category .page-title {
    font-size: 28px !important;
  }
  .archive article,
  .category article {
    padding: 20px !important;
  }
  .archive .entry-title a,
  .category .entry-title a {
    font-size: 18px !important;
  }
}

/* ════════ FIX CATEGORY CARDS ════════ */

/* Target ALL article elements in archive listings */
body[class*="archive"] article.post,
body[class*="category"] article.post,
body[class*="blog"] article.post,
.archive article[class*="post"],
.category article[class*="post"],
.blog article[class*="post"],
body[class*="archive"] article,
body[class*="category"] article,
.ast-row article,
main article.post,
main article[class*="post-"] {
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 28px !important;
  margin-bottom: 16px !important;
  transition: all 0.25s ease !important;
}
body[class*="archive"] article:hover,
body[class*="category"] article:hover,
.ast-row article:hover {
  border-color: rgba(59,130,246,0.2) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important;
}

/* Also cover Astra's inner div */
.ast-article-inner,
.ast-post-format- {
  background: transparent !important;
}

/* Article content typography */
.archive article .entry-title a,
.category article .entry-title a,
.blog article .entry-title a {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  text-decoration: none !important;
}
.archive article .entry-title a:hover,
.category article .entry-title a:hover {
  color: #60a5fa !important;
}

/* ════════ PROMINENT LOGO ════════ */

/* Show site title text alongside logo */
.site-branding, .ast-site-identity {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.site-title, .ast-site-title {
  display: block !important;
  font-size: 0 !important; /* reset the hide */
}
.site-title a, .ast-site-title a {
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #f1f5f9 !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  line-height: 1.2 !important;
}

/* Bigger logo image */
.site-branding img.custom-logo,
.ast-site-identity img,
.custom-logo-link img,
.site-branding img {
  max-height: 52px !important;
  width: auto !important;
  border-radius: 12px !important;
}

/* Header bar — taller for bigger logo */
.ast-primary-header-bar {
  min-height: 68px !important;
  padding: 10px 0 !important;
}

/* Logo + title link as one unit */
.site-branding a.custom-logo-link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}

/* Mobile */
@media (max-width: 921px) {
  .site-branding img.custom-logo {
    max-height: 40px !important;
  }
  .site-title a {
    font-size: 18px !important;
  }
}

/* ════════ LOGO + TITLE VISIBLE ════════ */
.site-title, .ast-site-title, .site-title a, .ast-site-title a {
  display: block !important;
  font-size: 20px !important;
  text-indent: 0 !important;
  visibility: visible !important;
}
.site-title a, .ast-site-title a {
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #f1f5f9 !important;
  text-decoration: none !important;
}
.site-branding, .ast-site-identity {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
img.custom-logo, .custom-logo-link img {
  max-height: 52px !important;
  width: auto !important;
  border-radius: 12px !important;
}