/*
Theme Name: Javanews
Theme URI: https://javadev.my.id
Author: PT Labudda
Author URI: https://javadev.my.id
Description: Tema Wordpress Berbasis Bootstrap
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: javanews
*/

/* Responsive content area overrides */
main img,
main video,
main iframe,
main embed,
main object {
  max-width: 100%;
  height: auto;
}

.post-content iframe,
.post-content video,
.post-content embed,
.post-content object {
  width: 100%;
}

/* WordPress editor image blocks and captions */
.post-content .wp-block-image img,
.post-content .wp-caption img,
.post-content .aligncenter,
.post-content .alignleft,
.post-content .alignright,
.post-content img[class*="wp-image-"] {
  max-width: 100%;
  height: auto;
}

.post-content .wp-caption,
.post-content figure,
.post-content .wp-block-image {
  max-width: 100%;
}

.post-content .alignleft,
.post-content .alignright {
  float: none;
  margin-left: 0;
  margin-right: 0;
}

.post-content table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Prevent card/media overflow on mobile */
.card img,
.rounded-3,
.rounded {
  max-width: 100%;
  height: auto;
}

/* Header — desktop & mobile */
.site-header {
  position: relative;
  z-index: 1030;
}

/*
 * Rel konten satu rel dengan logo (header .container).
 * Sama di widescreen: tidak melebar ke tepi layar kecuali baris PB «lebar penuh».
 */
.site-header .header-top > .container,
.site-navbar-gradient .navbar > .container,
main .container,
footer > .container,
.jav-page-builder-wrap-inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x, 1.875rem) * 0.5);
  padding-right: calc(var(--bs-gutter-x, 1.875rem) * 0.5);
}

@media (min-width: 576px) {
  .site-header .header-top > .container,
  .site-navbar-gradient .navbar > .container,
  main .container,
  footer > .container,
  .jav-page-builder-wrap-inner {
    max-width: 96%;
  }
}

@media (min-width: 768px) {
  .site-header .header-top > .container,
  .site-navbar-gradient .navbar > .container,
  main .container,
  footer > .container,
  .jav-page-builder-wrap-inner {
    max-width: 94%;
  }
}

@media (min-width: 1200px) {
  .site-header .header-top > .container,
  .site-navbar-gradient .navbar > .container,
  main .container,
  footer > .container,
  .jav-page-builder-wrap-inner {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .site-header .header-top > .container,
  .site-navbar-gradient .navbar > .container,
  main .container,
  footer > .container,
  .jav-page-builder-wrap-inner {
    max-width: 1200px;
  }
}

.header-top {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: none;
}

.header-top .top-header-bar {
  padding-block: var(--javanews-header-bar-pad-y, 12px);
  gap: var(--javanews-header-bar-gap, 12px);
}

.header-logo-wrap {
  box-sizing: border-box;
  flex: 0 1 auto;
  max-width: min(var(--javanews-logo-wrap-max-w, 240px), 100%);
  padding-inline: var(--javanews-logo-pad-x, 0px);
  padding-block: var(--javanews-logo-pad-y, 0px);
  margin-inline-start: var(--javanews-logo-margin-inline-start, 0px);
  margin-inline-end: var(--javanews-logo-margin-inline-end, 0px);
}

.header-brand-split {
  gap: var(--javanews-header-brand-gap, 12px);
  max-width: 100%;
}

.header-brand-split__title,
.header-logo-wrap .header-site-title {
  font-size: clamp(1rem, 2.2vw, 1.35rem);
  font-weight: 700;
  line-height: 1.15;
  color: inherit;
  letter-spacing: 0.01em;
}

.header-brand-split .header-logo-img,
.header-brand-split .navbar-brand-item {
  flex-shrink: 0;
}

.header-logo-wrap:has(.header-brand-split) {
  max-width: min(max(var(--javanews-logo-wrap-max-w, 240px), 320px), 100%);
}

.header-logo-wrap .header-logo-link,
.header-logo-wrap .custom-logo-link {
  display: inline-block;
  line-height: 0;
  max-width: 100%;
}

/* Timpa aturan tema Bootstrap (.navbar-brand .navbar-brand-item { height: 30px }) */
.header-top .header-logo-wrap .navbar-brand-item,
.header-top .header-logo-wrap .header-logo-img,
.header-top .header-logo-wrap .custom-logo {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(var(--javanews-logo-wrap-max-w, 240px), 100%);
  max-height: var(--javanews-logo-max-h-sm, 42px);
  object-fit: contain;
}

@media (min-width: 992px) {
  .header-top .header-logo-wrap .navbar-brand-item,
  .header-top .header-logo-wrap .header-logo-img,
  .header-top .header-logo-wrap .custom-logo {
    max-height: var(--javanews-logo-max-h-lg, 54px);
  }
}

.header-site-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  max-width: min(260px, 72vw);
}

@media (min-width: 992px) {
  .header-site-title {
    font-size: 1.125rem;
    max-width: none;
  }
}

.header-theme-switch .modeswitch {
  transform: none;
}

.header-theme-switch .dropdown-menu {
  z-index: 1060;
}

.header-search-field {
  font-size: 0.9375rem;
  min-height: 2.5rem;
  border-radius: 50rem;
}

@media (min-width: 992px) {
  .header-search-field {
    min-height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
  }
}

@media (max-width: 767.98px) {
  .display-5 {
    font-size: 2rem;
  }

  .card h4,
  .card h5 {
    font-size: 1rem;
  }
}

/* Mobile layout polish */
@media (max-width: 991.98px) {
  body {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  }

  .navbar .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .navbar-collapse {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #f4f6f9;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 0.75rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  }

  [data-bs-theme="dark"] .navbar-collapse {
    background: #1c2028;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.4);
  }

  .navbar-dark .navbar-nav .nav-link {
    padding: 0.55rem 0.65rem;
    border-radius: 0.35rem;
  }

  .navbar-dark .navbar-nav .nav-link:hover,
  .navbar-dark .navbar-nav .nav-link:focus {
    background: rgba(255, 255, 255, 0.1);
  }

  .navbar-dark .dropdown-menu {
    border-radius: 0.45rem;
  }

  .tiny-slider .card h4,
  .tiny-slider .card h5 {
    font-size: 1rem;
    line-height: 1.35;
  }

  .container {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .card .row.g-3 > [class^="col-"] {
    width: 100%;
  }

  .card .row.g-3 .col-4 {
    margin-bottom: 0.5rem;
  }

  .card .row.g-3 .col-4 img {
    width: 100%;
    max-height: 180px;
    object-fit: cover;
  }

  .card .row.g-3 .col-8 {
    width: 100%;
  }

  .display-5 {
    font-size: 1.6rem;
    line-height: 1.25;
  }

  .breadcrumb {
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 0.25rem;
  }
}

@media (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: 1.55rem;
    line-height: 1.3;
  }

  h2,
  .h2 {
    font-size: 1.35rem;
  }

  h3,
  .h3 {
    font-size: 1.15rem;
  }

  h4,
  .h4 {
    font-size: 1rem;
  }

  .pt-5,
  .py-5 {
    padding-top: 1.5rem !important;
  }

  .mt-5 {
    margin-top: 1.5rem !important;
  }

  .post-content {
    font-size: 0.97rem;
    line-height: 1.75;
  }

  .post-content p {
    margin-bottom: 1rem;
  }
}

.mobile-bottom-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 60px;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: rgba(255, 255, 255, 0.62);
  border-top: 1px solid rgba(255, 255, 255, 0.42);
  box-shadow: 0 -6px 26px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.45);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  z-index: 1040;
}

.mobile-bottom-nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  min-height: 60px;
  color: #4f5b67;
  font-size: 0.72rem;
  font-weight: 500;
  text-decoration: none;
}

.mobile-bottom-nav-link i {
  font-size: 1.05rem;
}

[data-bs-theme="dark"] .mobile-bottom-nav {
  background: rgba(20, 23, 31, 0.55);
  border-top-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 -10px 34px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(20px) saturate(118%);
  backdrop-filter: blur(20px) saturate(118%);
}

[data-bs-theme="dark"] .mobile-bottom-nav-link {
  color: var(--bs-secondary-color);
}

.mobile-bottom-nav-link:hover,
.mobile-bottom-nav-link:focus {
  color: var(--bs-primary);
}

@media (min-width: 992px) {
  .mobile-bottom-nav {
    display: none;
  }
}

/* ---------- Palet Golkar: emas lebih lembut + kanvas abu-abu halus ---------- */
/*
 * Mengurangi silau neon; emas lebih matte; konten kartu lebih terang di atas latar grey
 * untuk kontras tetap mengenalkan identitas tanpa mencolok.
 */
html[data-bs-theme="light"] {
  --javanews-accent-green: #1e7343;
  --bs-primary: #b30000;
  --bs-yellow: #b30000;
  --bs-warning: #c9a63a;
  --bs-primary-rgb: 179, 0, 0;
  --bs-warning-rgb: 201, 166, 58;
  --bs-primary-text-emphasis: #720000;
  --bs-body-bg: #e9ecef;
  --bs-body-bg-rgb: 233, 236, 239;
  --bs-body-color: #3f454d;
  --bs-body-color-rgb: 63, 69, 77;
  --bs-secondary-bg: #dfe3e8;
  --bs-secondary-bg-rgb: 223, 227, 232;
  --bs-tertiary-bg: #e3e7ec;
}

html[data-bs-theme="light"] main .card:not(.card-overlay-bottom):not(.bg-transparent) {
  --bs-card-bg: rgba(252, 253, 254, 0.68);
  --bs-card-border-color: rgba(255, 255, 255, 0.52);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow:
    0 1px 1px rgba(15, 23, 42, 0.03),
    0 4px 14px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(10px) saturate(122%);
  backdrop-filter: blur(10px) saturate(122%);
}

html[data-bs-theme="light"] .header-top {
  background: #ffffff;
  border-bottom-color: rgba(15, 23, 42, 0.08);
  box-shadow: none;
}

html[data-bs-theme="light"] .mobile-bottom-nav {
  background: rgba(250, 251, 252, 0.52);
  border-top-color: rgba(255, 255, 255, 0.4);
}

html[data-bs-theme="light"] .header-search-field {
  background: #f1f3f5;
  border-radius: 50rem !important;
  border: 1px solid rgba(15, 23, 42, 0.07);
}

/* Palet: primary (--bs-primary) + aksen hijau; tautan utama memakai variabel Bootstrap */
.bg-primary .text-white,
.badge.bg-primary.text-white {
  color: #ffffff !important;
}

/* ---------- Dark mode: gradien navbar + transisi ---------- */
html {
  color-scheme: light dark;
}

body {
  transition:
    background-color 0.4s ease,
    color 0.4s ease;
}

.header-top,
main,
.card,
.bg-light,
.bg-body,
.border-bottom,
footer,
.mobile-bottom-nav {
  transition:
    background-color 0.4s ease,
    color 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease,
    -webkit-backdrop-filter 0.35s ease,
    backdrop-filter 0.35s ease;
}

.site-navbar-gradient,
.navbar-collapse {
  transition:
    background-color 0.4s ease,
    color 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}

/* Bar menu utama: latar & garis aksen dari Dasbor → Menu chip */

/* Modern primary menu: flat text links with bottom indicator (override chip/button look) */
.main-nav-strip .navbar-nav .nav-link,
.site-navbar-gradient .main-nav-strip .navbar-nav .nav-link {
  background: transparent !important;
  color: var(--javanews-nav-l-text, var(--bs-body-color)) !important;
  padding: var(--javanews-nav-pad-y,0.5rem) var(--javanews-nav-pad-x,0.85rem);
  border-radius: 0 !important;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: none !important;
  border: none !important;
  position: relative;
  transition: color .18s ease, transform .12s ease;
}

.main-nav-strip .navbar-nav .nav-link::after,
.site-navbar-gradient .main-nav-strip .navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%) scaleX(0);
  height: 3px;
  width: 40%;
  background: var(--javanews-nav-l-h3, var(--bs-primary));
  border-radius: 2px;
  transition: transform .2s ease, opacity .2s ease;
  opacity: 0.95;
  transform-origin: center;
}

.main-nav-strip .navbar-nav .nav-link:hover::after,
.main-nav-strip .navbar-nav .nav-link:focus::after,
.main-nav-strip .navbar-nav .nav-link.active::after,
.site-navbar-gradient .main-nav-strip .navbar-nav .nav-link:hover::after,
.site-navbar-gradient .main-nav-strip .navbar-nav .nav-link:focus::after,
.site-navbar-gradient .main-nav-strip .navbar-nav .nav-link.active::after {
  transform: translateX(-50%) scaleX(1);
}

.main-nav-strip .navbar-nav .nav-link:hover,
.main-nav-strip .navbar-nav .nav-link:focus {
  color: var(--javanews-nav-l-htext, var(--bs-link-hover-color)) !important;
}

/* Navbar bar background from theme panel */
.main-nav-strip {
  background: var(--javanews-nav-bar-bg, transparent);
}

/* Keep dropdown menus modern but accessible */
.main-nav-strip .dropdown-menu {
  border-radius: 0.45rem !important;
  box-shadow: 0 6px 24px rgba(15,23,42,0.08) !important;
}

/* Force remove chip-like background from theme-panel injected rules */
.site-navbar-gradient .navbar-dark .navbar-nav>.nav-item>.nav-link,
.site-navbar-gradient .navbar-dark .navbar-nav>.nav-item>.dropdown-toggle.nav-link {
  background: transparent !important;
  color: inherit !important;
}

@media (max-width: 991.98px) {
  /* keep mobile collapsed menu readable */
  .navbar-collapse {
    background: var(--bs-secondary-bg) !important;
  }
}

/* Stronger overrides: remove any button/chip backgrounds applied elsewhere */
.site-navbar-gradient .navbar-nav .nav-link,
.site-navbar-gradient .navbar-dark .navbar-nav .nav-link,
.main-nav-strip .navbar-nav .nav-link,
.main-nav-strip .navbar-nav .nav-link.btn,
.main-nav-strip .navbar-nav .nav-link[class*="btn-"] {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: var(--javanews-nav-pad-y,0.5rem) var(--javanews-nav-pad-x,0.85rem) !important;
  line-height: 1 !important;
  color: var(--javanews-nav-l-text, var(--bs-body-color)) !important;
}

/* If any nav items use pseudo-element accent, keep it subtle */
.site-navbar-gradient .navbar-nav .nav-link::before,
.site-navbar-gradient .navbar-nav .nav-link::after {
  background: transparent !important;
}
.site-navbar-gradient {
  position: relative;
  background: var(--javanews-nav-bar-bg, var(--bs-primary));
  box-shadow: none;
  border-bottom: none;
}

.site-navbar-gradient::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background-color: var(--javanews-nav-bar-accent, #1e7343);
  pointer-events: none;
}

html[data-bs-theme="dark"] .site-navbar-gradient {
  background: var(--javanews-nav-d-bar-bg, var(--javanews-nav-bar-bg, var(--bs-primary)));
}

html[data-bs-theme="dark"] .site-navbar-gradient::after {
  background-color: var(--javanews-nav-d-bar-accent, var(--javanews-nav-bar-accent, #4ade80));
}

/*
 * Navbar-dark di elemen <nav> di dalam .site-navbar-gradient
 */
.site-navbar-gradient .navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.92);
  --bs-navbar-hover-color: #ffffff;
  --bs-navbar-active-color: #ffffff;
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.45);
  --bs-navbar-brand-color: rgba(255, 255, 255, 0.95);
  --bs-navbar-brand-hover-color: #ffffff;
}

/* Hilangkan titik aktiv dari stylesheet Bootstrap utama */
.site-navbar-gradient .navbar-nav .show > .nav-link:before,
.site-navbar-gradient .navbar-nav .nav-link.active:before,
.site-navbar-gradient .navbar-nav .show > .nav-link::before,
.site-navbar-gradient .navbar-nav .nav-link.active::before {
  content: none !important;
  display: none !important;
}

.site-navbar-gradient .navbar-dark .navbar-nav {
  gap: var(--javanews-nav-gap, 0.35rem);
  column-gap: var(--javanews-nav-gap, 0.35rem);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 0.25rem;
}

.site-navbar-gradient .navbar-dark .navbar-nav.navbar-lh-sm > .nav-item > .nav-link {
  line-height: 1.35 !important;
}

/* Tautan menu datar — tanpa tombol/chip; latar item = latar bar menu */
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link,
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .dropdown-toggle.nav-link {
  color: var(--javanews-nav-l-text, rgba(255, 255, 255, 0.92));
  font-weight: 600;
  font-size: 0.9375rem;
  letter-spacing: 0.02em;
  text-decoration: none;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  padding-left: var(--javanews-nav-pad-x, 14px);
  padding-right: var(--javanews-nav-pad-x, 14px);
  padding-top: var(--javanews-nav-pad-y, 9px);
  padding-bottom: var(--javanews-nav-pad-y, 9px);
  transition: color 0.15s ease, opacity 0.15s ease, text-decoration-color 0.15s ease;
}

html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav {
  gap: var(--javanews-nav-d-gap, var(--javanews-nav-gap, 6px));
  column-gap: var(--javanews-nav-d-gap, var(--javanews-nav-gap, 6px));
}

html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link,
html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .dropdown-toggle.nav-link {
  color: var(--javanews-nav-d-text, rgba(255, 255, 255, 0.92));
  padding-left: var(--javanews-nav-d-pad-x, var(--javanews-nav-pad-x, 14px));
  padding-right: var(--javanews-nav-d-pad-x, var(--javanews-nav-pad-x, 14px));
  padding-top: var(--javanews-nav-d-pad-y, var(--javanews-nav-pad-y, 9px));
  padding-bottom: var(--javanews-nav-d-pad-y, var(--javanews-nav-pad-y, 9px));
}

.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link:hover,
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link:focus,
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .dropdown-toggle.nav-link:hover,
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .dropdown-toggle.nav-link:focus {
  color: var(--javanews-nav-l-htext, var(--javanews-nav-l-text, #fff));
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link:hover,
html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link:focus,
html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .dropdown-toggle.nav-link:hover,
html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .dropdown-toggle.nav-link:focus {
  color: var(--javanews-nav-d-htext, var(--javanews-nav-d-text, #fff));
}

.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link.active,
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .show.dropdown > .nav-link,
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link.active:hover,
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .show.dropdown > .nav-link:hover {
  color: var(--javanews-nav-l-atext, var(--javanews-nav-l-text, #fff));
  font-weight: 700;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
}

html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link.active,
html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .show.dropdown > .nav-link,
html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link.active:hover,
html[data-bs-theme="dark"] .site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .show.dropdown > .nav-link:hover {
  color: var(--javanews-nav-d-atext, var(--javanews-nav-d-text, #fff));
}

.site-navbar-gradient .navbar-dark .navbar-nav .nav-link.btn,
.site-navbar-gradient .navbar-dark .navbar-nav .nav-link[class*="btn-"] {
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-box-shadow: none;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: var(--javanews-nav-pad-y, 9px) var(--javanews-nav-pad-x, 14px);
}

.site-navbar-gradient .navbar-dark .navbar-nav .nav-link:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.7);
  outline-offset: 2px;
}

/* Dropdown submenu mengambang (solid) */
.site-navbar-gradient .dropdown-menu {
  margin-top: 0.35rem !important;
  padding: 0.4rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow:
    0 10px 32px rgba(15, 23, 42, 0.1),
    0 2px 6px rgba(15, 23, 42, 0.04);
  background-color: #ffffff;
}

html[data-bs-theme="dark"] .site-navbar-gradient .dropdown-menu {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow:
    0 12px 36px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.06);
  background-color: #22262f;
}

.site-navbar-gradient .dropdown-item {
  border-radius: 0.45rem;
  font-size: 0.895rem;
  font-weight: 500;
}

.site-navbar-gradient .dropdown-item:hover,
.site-navbar-gradient .dropdown-item:focus {
  background: rgba(var(--bs-primary-rgb), 0.12);
  color: inherit;
}

html[data-bs-theme="dark"] .site-navbar-gradient .dropdown-item:hover,
html[data-bs-theme="dark"] .site-navbar-gradient .dropdown-item:focus {
  background: rgba(var(--bs-primary-rgb), 0.2);
}

@media (max-width: 991.98px) {
  /* Daftar dalam bar primer: tidak pakai kartu collapse abu-abu global */
  .site-navbar-gradient .navbar-collapse {
    margin-top: 0.35rem !important;
    padding: 0.25rem 0 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .site-navbar-gradient .navbar-collapse .navbar-nav > .nav-item > .nav-link,
  .site-navbar-gradient .navbar-collapse .navbar-nav > .nav-item > .dropdown-toggle.nav-link {
    width: 100%;
    text-align: start;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
  }
}


/* Sticky tetap blok primer (override stylesheet Bootstrap utama) */
.navbar-sticky.site-navbar-gradient.navbar-sticky-on {
  background-color: var(--javanews-nav-bar-bg, var(--bs-primary)) !important;
}

/* Pastikan tinggi tautan konsisten saat header sticky */
.navbar-sticky.site-navbar-gradient.navbar-sticky-on .navbar-nav.navbar-lh-sm > .nav-item > .nav-link {
  line-height: 1.3 !important;
}

.site-navbar-gradient .site-navbar-toggler-label {
  color: rgba(255, 255, 255, 0.95);
}

.site-navbar-gradient .site-navbar-toggler {
  border-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (min-width: 992px) {
  /* Hamburger hilang; menu utama selalu terlihat horizontal di desktop */
  .site-navbar-gradient .navbar-collapse.collapse {
    display: flex !important;
    flex-basis: auto !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }

  .site-navbar-gradient .navbar-toggler.site-navbar-toggler {
    display: none !important;
  }
}

/* Header alternatif (header2.php): strip atas + glass */
.site-header-alt.header-top-strip {
  background: linear-gradient(
    90deg,
    rgba(250, 247, 236, 0.75) 0%,
    rgba(239, 217, 168, 0.65) 48%,
    rgba(201, 171, 81, 0.68) 100%
  );
  -webkit-backdrop-filter: blur(12px) saturate(128%);
  backdrop-filter: blur(12px) saturate(128%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

html[data-bs-theme="dark"] .site-header-alt.header-top-strip {
  background: linear-gradient(
    90deg,
    rgba(184, 150, 42, 0.55) 0%,
    rgba(83, 52, 22, 0.55) 62%,
    rgba(60, 41, 14, 0.6) 100%
  );
  -webkit-backdrop-filter: blur(14px) saturate(115%);
  backdrop-filter: blur(14px) saturate(115%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Latar halaman gelap dengan sedikit aksen */
[data-bs-theme="dark"] body {
  background-image: radial-gradient(
    ellipse 100% 60% at 50% -15%,
    rgba(179, 0, 0, 0.07),
    transparent 55%
  );
  background-color: var(--bs-body-bg);
  background-attachment: fixed;
}

[data-bs-theme="dark"] main .card:not(.card-overlay-bottom):not(.bg-transparent) {
  background: rgba(30, 34, 43, 0.55);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow:
    0 6px 26px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  backdrop-filter: blur(12px) saturate(110%);
}

[data-bs-theme="dark"] .card img,
[data-bs-theme="dark"] main img[class*="wp-image-"],
[data-bs-theme="dark"] .post-content img {
  filter: brightness(0.93) contrast(1.02);
  transition: filter 0.4s ease;
}

/* Final override: pastikan menu flat tanpa kotak, pakai warna latar bar yang sudah diset di admin */
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link,
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .dropdown-toggle.nav-link,
.main-nav-strip .navbar-nav > .nav-item > .nav-link,
.main-nav-strip .navbar-nav > .nav-item > .dropdown-toggle.nav-link {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--javanews-nav-l-text, var(--bs-body-color)) !important;
  line-height: 1.3 !important;
  padding-top: var(--javanews-nav-pad-y, 0.5rem) !important;
  padding-bottom: var(--javanews-nav-pad-y, 0.5rem) !important;
  padding-left: var(--javanews-nav-pad-x, 0.85rem) !important;
  padding-right: var(--javanews-nav-pad-x, 0.85rem) !important;
}

.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .nav-link:hover,
.site-navbar-gradient .navbar-dark .navbar-nav > .nav-item > .dropdown-toggle.nav-link:hover,
.main-nav-strip .navbar-nav > .nav-item > .nav-link:hover,
.main-nav-strip .navbar-nav > .nav-item > .dropdown-toggle.nav-link:hover {
  background-color: transparent !important;
  background-image: none !important;
}

[data-bs-theme="dark"] .header-top {
  background: #1a1d24;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

[data-bs-theme="dark"] .header-search-field {
  border-radius: 50rem !important;
  background-color: #252a33;
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .modeswitch {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12);
}

[data-bs-theme="dark"] footer.bg-dark {
  background: linear-gradient(180deg, #151a1f 0%, #0c0f12 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

@media (prefers-reduced-motion: reduce) {
  body,
  .header-top,
  main,
  .card,
  .site-navbar-gradient,
  .mobile-bottom-nav,
  .navbar-collapse {
    transition-duration: 0.01ms !important;
  }

  .header-top,
  .site-navbar-gradient,
  .site-header-alt.header-top-strip,
  .mobile-bottom-nav,
  .navbar-collapse,
  .header-search-field,
  html[data-bs-theme="light"] main .card:not(.card-overlay-bottom):not(.bg-transparent),
  [data-bs-theme="dark"] main .card:not(.card-overlay-bottom):not(.bg-transparent) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  [data-bs-theme="dark"] .card img,
  [data-bs-theme="dark"] main img[class*="wp-image-"],
  [data-bs-theme="dark"] .post-content img {
    transition: none;
  }
}

/* Beranda hero: dua kolom + thumbnail strip */
.homepage-hero-ad-placeholder {
  border: 2px dashed rgba(var(--bs-primary-rgb), 0.35);
}

[data-bs-theme="dark"] .homepage-hero-ad-placeholder {
  border-color: rgba(255, 255, 255, 0.2);
}

.front-hero-thumb-img {
  aspect-ratio: 16 / 11;
  object-fit: cover;
  max-height: 120px;
}

@media (min-width: 576px) {
  .front-hero-thumb-img {
    max-height: 140px;
  }
}

.front-hero-thumb-card:hover {
  border-top-color: var(--bs-primary) !important;
  background-color: rgba(var(--bs-primary-rgb), 0.04);
}

[data-bs-theme="dark"] .front-hero-thumb-card:hover .text-body {
  color: rgba(255, 255, 255, 0.92) !important;
}

[data-bs-theme="dark"] .front-hero-thumb-card:hover .text-muted {
  color: rgba(255, 255, 255, 0.65) !important;
}

[data-bs-theme="dark"] .front-hero-thumb-card:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.08);
}

/* Hero beranda: slide penuh, indikator di atas gambar (tanpa jalur putih bawah) */

.tiny-slider.front-hero-slider {
  margin-bottom: 0 !important;
}

.tiny-slider.front-hero-slider > .tns-outer {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tiny-slider.front-hero-slider > .tns-outer > .tns-ovh {
  height: clamp(280px, 42vw, 500px);
  min-height: 0 !important;
}

.tiny-slider.front-hero-slider .tns-item,
.tiny-slider.front-hero-slider .front-hero-slide {
  height: 100% !important;
  min-height: clamp(280px, 42vw, 500px) !important;
}

.tiny-slider.front-hero-slider .front-hero-slide {
  background-size: cover !important;
  background-position: center center !important;
}

.tiny-slider.front-hero-slider.dots-inside > .tns-outer > .tns-nav,
.tiny-slider.front-hero-slider.dots-inside .tns-nav {
  padding-bottom: 0 !important;
}

.tiny-slider.front-hero-slider > .tns-outer > .tns-nav,
.tiny-slider.front-hero-slider .tns-nav {
  position: absolute !important;
  top: auto !important;
  bottom: clamp(12px, 2.5vw, 22px) !important;
  left: 50% !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 0.5rem !important;
  width: auto !important;
  max-width: calc(100% - 2rem);
  height: auto !important;
  text-align: center;
  white-space: nowrap;
  z-index: 30 !important;
  line-height: 0 !important;
  transform: translate3d(-50%, 0, 0) !important;
  pointer-events: auto;
}

.tiny-slider.front-hero-slider.tns-nav-line .tns-nav [data-nav],
.tiny-slider.front-hero-slider.tns-nav-line .tns-nav button[data-nav],
.tiny-slider.front-hero-slider .tns-nav button[data-nav],
.tiny-slider.front-hero-slider .tns-nav [data-nav] {
  position: relative !important;
  display: inline-block !important;
  margin: 0 4px !important;
  padding: 0 !important;
  width: 1.75rem !important;
  min-width: 1.5rem !important;
  height: 4px !important;
  border: none !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background-color: rgba(255, 255, 255, 0.55) !important;
  opacity: 1 !important;
  box-shadow: none !important;
  vertical-align: middle;
}

.tiny-slider.front-hero-slider .tns-nav button[data-nav]::after,
.tiny-slider.front-hero-slider .tns-nav [data-nav]::after {
  display: none !important;
  content: none !important;
  height: 0 !important;
  width: 0 !important;
}

.tiny-slider.front-hero-slider .tns-nav .tns-nav-active[data-nav],
.tiny-slider.front-hero-slider .tns-nav button[data-nav].tns-nav-active,
.tiny-slider.front-hero-slider.tns-nav-line .tns-nav .tns-nav-active {
  width: 2rem !important;
  height: 4px !important;
  background-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important;
}

/* Judul blok bergaris bawah pendek (gaya referensi “LATEST”) — Flash News */
.section-title-latest {
  display: inline-block;
  font-weight: 700;
  font-style: normal;
  font-size: 1.35rem;
  line-height: 1.25;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #2d333c;
  padding-bottom: 0.45rem;
  position: relative;
  margin: 0;
}

.section-title-latest::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.85rem;
  height: 4px;
  background-color: var(--javanews-accent-green, #1e7343);
  border-radius: 1px;
}

[data-bs-theme="dark"] .section-title-latest {
  color: #f8fafc;
}

[data-bs-theme="dark"] .section-title-latest::after {
  background-color: #4ade80;
}

/* Kartu berita horizontal (gambar di col-4): kotak thumbnail seragam, gambar menutup penuh (tanpa “letterbox” putih) */
.card .row.g-3.align-items-center > .col-4:first-child {
  position: relative;
  overflow: hidden;
  align-self: start;
  border-radius: var(--bs-border-radius-lg);
  aspect-ratio: 5 / 3;
}

.card .row.g-3.align-items-center > .col-4:first-child > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 0 !important;
  max-width: none;
}

/* Navigasi artikel sebelumnya / selanjutnya (single) */
.single-post-nav__thumb {
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  flex-shrink: 0;
}

/* Widget Network — judul dibatasi */
.jnpb-network-widget__title {
	font-size: 0.9rem;
	line-height: 1.35;
	margin-bottom: 0.25rem;
}

.jnpb-network-widget__title a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.jnpb-network-widget__item .col-4 img {
	aspect-ratio: 1;
	object-fit: cover;
	width: 100%;
}

.single-post-nav__thumb .single-post-nav__img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}