/* =========================================================
   PORTAL BERITA — MAIN STYLESHEET
   Token system:
   - Warna dasar putih, aksen biru (identitas/navigasi) & merah (urgent/CTA)
   - Heading: Roboto Condensed (tegas, khas headline koran)
   - Body artikel: Source Serif 4 (nyaman dibaca panjang)
   - UI/meta/nav: Inter (netral, jelas di ukuran kecil)
   - Kategori punya warna chip masing-masing (lihat --cat-* & inc/categories.php)
   ========================================================= */

:root{
  --pb-blue: #0B3C7A;
  --pb-blue-dark: #082A57;
  --pb-blue-light: #EAF1FB;
  --pb-red: #D6241F;
  --pb-red-dark: #A81A16;
  --pb-white: #FFFFFF;
  --pb-bg: #F4F5F7;
  --pb-text: #1C1E21;
  --pb-text-muted: #6B7280;
  --pb-border: #E4E6EA;

  --font-heading: 'Roboto Condensed', Arial, sans-serif;
  --font-body: 'Source Serif 4', Georgia, serif;
  --font-ui: 'Inter', -apple-system, Helvetica, Arial, sans-serif;

  --container: 1200px;
  --radius: 6px;
  --shadow: 0 1px 3px rgba(20,22,26,.08);
  --shadow-hover: 0 8px 24px rgba(20,22,26,.14);
}

html{ scroll-behavior:smooth; }
body{
  font-family: var(--font-ui);
  color: var(--pb-text);
  background: var(--pb-bg);
  line-height: 1.5;
  overflow-x: clip; /* jaring pengaman anti geser horizontal; 'clip' aman utk header sticky */
}
.container{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 16px;
}
h1,h2,h3,h4{
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 .5em;
}
a:focus-visible, button:focus-visible, input:focus-visible{
  outline: 3px solid var(--pb-blue);
  outline-offset: 2px;
}
.skip-link{
  position:absolute; left:-9999px; top:0; background:var(--pb-blue); color:#fff;
  padding:10px 16px; z-index:1000;
}
.skip-link:focus{ left:8px; top:8px; }

/* =========== TOPBAR (utility) =========== */
.pb-topbar{
  background: var(--pb-blue-dark);
  color: rgba(255,255,255,.85);
  font-family: var(--font-ui);
  font-size: 12.5px;
}
.pb-topbar .container{
  display:flex; align-items:center; justify-content:space-between;
  height: 34px;
}
.pb-topbar time{ letter-spacing:.2px; }
.pb-topbar-social a{
  margin-left:12px; color:rgba(255,255,255,.85);
  display:inline-flex; align-items:center; vertical-align:middle;
}
.pb-topbar-social a svg{ width:15px; height:15px; display:block; }
.pb-topbar-social a:hover{ color:#fff; }

/* =========== HEADER =========== */
.pb-header{
  background:#fff;
  border-bottom: 1px solid var(--pb-border);
  position: sticky; top:0; z-index:200;
}
.pb-header-inner{
  display:flex; align-items:center; gap:24px;
  padding: 14px 0;
}
.pb-logo{ display:flex; align-items:center; gap:8px; flex-shrink:0; min-width:0; }
.pb-logo img{ max-height:42px; max-width:230px; width:auto; object-fit:contain; }
.pb-logo-text{
  font-family: var(--font-heading);
  font-size: 30px;
  font-weight:700;
  color: var(--pb-blue);
  letter-spacing:.5px;
}
.pb-logo-text span{ color: var(--pb-red); }

.pb-header-badge{
  font-family: var(--font-ui); font-weight:700; font-size:11px;
  text-transform:uppercase; letter-spacing:.4px; color:#fff;
  background: var(--pb-red); border-radius:4px; padding:4px 9px;
  flex-shrink:0; white-space:nowrap;
}
a.pb-header-badge:hover{ background: var(--pb-red-dark); }

.pb-search-form{
  flex:1; max-width:420px;
  display:flex; align-items:center;
  background: var(--pb-bg);
  border:1px solid var(--pb-border);
  border-radius: 999px;
  padding: 6px 6px 6px 16px;
}
.pb-search-form input[type=search]{
  flex:1; border:0; background:transparent; font-family:var(--font-ui);
  font-size:14px; outline:none;
}
.pb-search-form button{
  background: var(--pb-blue); color:#fff; border:0; border-radius:999px;
  width:34px; height:34px; display:flex; align-items:center; justify-content:center;
  cursor:pointer; flex-shrink:0;
}
.pb-search-form button:hover{ background: var(--pb-blue-dark); }

.pb-header-actions{ display:flex; align-items:center; gap:10px; margin-left:auto; }
.pb-btn{
  font-family: var(--font-ui); font-weight:600; font-size:13.5px;
  padding:9px 18px; border-radius:999px; cursor:pointer; border:1px solid transparent;
  white-space:nowrap;
}
.pb-btn-outline{
  background:#fff; color:var(--pb-blue); border-color:var(--pb-blue);
}
.pb-btn-outline:hover{ background: var(--pb-blue-light); }
.pb-btn-solid{
  background: var(--pb-red); color:#fff;
}
.pb-btn-solid:hover{ background: var(--pb-red-dark); }

.pb-menu-toggle{
  display:none; background:none; border:0; cursor:pointer; padding:6px;
}
.pb-menu-toggle span{
  display:block; width:24px; height:2px; background:var(--pb-text); margin:5px 0;
}
/* Pemilih bahasa versi mobile: hanya tampil di layar HP (topbar disembunyikan) */
.pb-lang-mobile{ display:none; }

/* =========== NAVIGASI UTAMA =========== */
.pb-nav-wrap{
  background: var(--pb-blue);
}
.pb-nav{
  display:flex; align-items:center; gap: 2px;
  /* overflow harus visible agar dropdown submenu tidak terpotong di desktop */
  overflow: visible; scrollbar-width:none; flex-wrap: wrap;
}
.pb-nav::-webkit-scrollbar{ display:none; }
.pb-nav li a{
  display:block; padding:12px 16px;
  font-family: var(--font-heading);
  font-size:15px; font-weight:700; letter-spacing:.3px;
  color:#fff; white-space:nowrap;
  border-bottom:3px solid transparent;
}
.pb-nav li a:hover, .pb-nav li.current-menu-item a{
  border-bottom-color: var(--pb-red);
  background: rgba(255,255,255,.06);
}

/* Dropdown submenu (menu bertingkat dari Tampilan → Menu) */
.pb-nav li{ position:relative; }
.pb-nav .sub-menu{
  position:absolute; left:0; top:100%; z-index:300; min-width:220px;
  background:#fff; border:1px solid var(--pb-border); border-top:3px solid var(--pb-red);
  border-radius:0 0 var(--radius) var(--radius); box-shadow:var(--shadow-hover);
  padding:6px 0; display:none;
}
.pb-nav li:hover > .sub-menu,
.pb-nav li:focus-within > .sub-menu{ display:block; }
.pb-nav .sub-menu li{ position:static; }
.pb-nav .sub-menu li a{
  color:var(--pb-text); font-family:var(--font-ui); font-size:13.5px; font-weight:600;
  letter-spacing:0; padding:9px 16px; border-bottom:0; white-space:normal;
}
.pb-nav .sub-menu li a:hover{
  background:var(--pb-blue-light); color:var(--pb-blue); border-bottom:0;
}

/* =========== SLOT IKLAN BILLBOARD (bawah nav) =========== */
.pb-ad-slot{ padding:20px 0 0; }
.pb-ad-widget.pb-ad-slot-box{ min-height:90px; max-width:728px; margin:0 auto; }
/* Slot "Banner Atas Setelah Menu": selebar template, tinggi mengikuti gambar (100%, tak dipotong) */
.pb-ad-slot .pb-ad-slot-box{ min-height:200px; max-width:none; width:100%; margin:0; }
.pb-ad-slot .pb-banner img{ width:100%; height:100%; object-fit:contain; border-radius:var(--radius); }
/* Banner "Atas Sorotan": 100% lebar, tinggi mengikuti gambar (penuh, tanpa ruang kosong) */
.pb-ad-slot--home{ min-height:0; }
.pb-ad-slot--home .pb-banner img{ width:100%; height:auto; object-fit:contain; }

/* =========== TRENDING BAR (bawah slot iklan) =========== */
.pb-trending-bar{ background:#fff; border-bottom:1px solid var(--pb-border); }
.pb-trending-bar-inner{
  display:flex; align-items:center; gap:14px; padding:12px 16px;
}
.pb-trending-bar-label{
  font-family: var(--font-heading); font-weight:700; font-size:13px;
  color: var(--pb-red); text-transform:uppercase; letter-spacing:.4px;
  flex-shrink:0;
}
.pb-trending-bar-track{
  display:flex; gap:10px; overflow-x:auto; scrollbar-width:none;
}
.pb-trending-bar-track::-webkit-scrollbar{ display:none; }
.pb-trending-bar-track a{
  font-size:13px; font-weight:600; white-space:nowrap; color:var(--pb-text);
  padding:5px 12px; background:var(--pb-bg); border-radius:999px;
}
.pb-trending-bar-track a:hover{ background:var(--pb-blue); color:#fff; }

/* =========== KATEGORI CHIP (warna per kategori) =========== */
.pb-cat{
  display:inline-block;
  font-family: var(--font-ui); font-weight:700; font-size:11.5px;
  text-transform:uppercase; letter-spacing:.4px;
  padding:3px 9px; border-radius:3px; color:#fff;
  background: var(--cat-color, var(--pb-blue));
}
.pb-meta{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px;
  font-family: var(--font-ui); font-size:12.5px; color:var(--pb-text-muted);
  margin-top:8px;
}
.pb-meta .sep{ color: var(--pb-border); }

/* =========== LAYOUT UTAMA (konten + sidebar) =========== */
.pb-main{
  padding: 28px 0 48px;
}
.pb-layout{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap: 32px;
  align-items:start;
}
/* min-width:0 mencegah "grid blowout": tanpa ini, konten lebar (mis. carousel
   video / judul panjang) memaksa kolom 1fr melebar melampaui viewport di HP. */
.pb-layout > *,
.pb-home-layout > *{ min-width:0; }
/* Homepage: baris Headline sejajar 3 kolom (Headline | Terpopuler | Sidebar),
   lalu sisa konten kembali ke 2 kolom (Sidebar menyambung turun, tidak diulang) */
.pb-home-layout{
  display:grid;
  grid-template-columns: 1fr 300px 300px;
  gap: 28px;
  align-items:start;
}
.pb-home-layout .pb-hero-block{ grid-column:1; grid-row:1; min-width:0; }
.pb-home-layout .pb-terpopuler-col{ grid-column:2; grid-row:1; }
.pb-home-layout .pb-rest-content{ grid-column: 1 / span 2; grid-row:2; }
.pb-home-layout > .pb-sidebar{ grid-column:3; grid-row: 1 / span 2; }
.pb-breadcrumbs{ margin-bottom:14px; }
.pb-breadcrumbs ol{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-family:var(--font-ui); font-size:13px; color:var(--pb-text-muted); }
.pb-breadcrumbs li{ display:flex; align-items:center; gap:6px; }
.pb-breadcrumbs li:not(:last-child)::after{ content:"›"; color:var(--pb-border); }
.pb-breadcrumbs a{ color:var(--pb-text-muted); }
.pb-breadcrumbs a:hover{ color:var(--pb-blue); text-decoration:underline; }
.pb-breadcrumbs [aria-current="page"]{ color:var(--pb-text); font-weight:600; }

.pb-section-title{
  font-family: var(--font-heading); font-size:22px; text-transform:uppercase;
  letter-spacing:.4px; padding-bottom:10px; margin-bottom:18px;
  border-bottom:3px solid var(--pb-blue);
  display:flex; align-items:center; justify-content:space-between;
}
.pb-section-title .cat-dot{ color: var(--cat-color, var(--pb-red)); }
.pb-section-title a.more{
  font-family: var(--font-ui); font-size:13px; font-weight:600;
  color: var(--pb-blue); text-transform:none; letter-spacing:0;
}

/* =========== HERO SECTION =========== */
.pb-hero{ margin-bottom:28px; }
.pb-headline-badge{
  display:inline-block; font-family: var(--font-ui); font-weight:700; font-size:12px;
  text-transform:uppercase; letter-spacing:.4px; color:#fff;
  background: var(--pb-blue); border-radius:999px; padding:5px 14px;
  margin-bottom:12px;
}
.pb-hero-main{
  position:relative; border-radius: var(--radius); overflow:hidden;
  background:#000; display:block; color:#fff; min-height:420px;
  margin-bottom:20px;
}
.pb-hero-main img{
  width:100%; height:100%; position:absolute; inset:0; object-fit:cover;
  opacity:.82; transition: transform .5s ease, opacity .3s ease;
}
.pb-hero-main:hover img{ transform: scale(1.04); opacity:.7; }
.pb-hero-main-body{
  position:relative; z-index:2; padding:24px;
  min-height:420px; display:flex; flex-direction:column; justify-content:flex-end;
  background: linear-gradient(0deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.15) 60%, transparent 100%);
}
.pb-hero-accent{ display:block; width:48px; height:4px; background: var(--pb-red); border-radius:2px; }
.pb-hero-main-body h2{ font-size: 30px; color:#fff; margin:12px 0 8px; }
.pb-hero-main-body .pb-meta{ color: rgba(255,255,255,.8); }
.pb-hero-main-body .pb-meta .sep{ color:rgba(255,255,255,.3); }

.pb-hero-secondary{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.pb-hero-secondary-item{ display:block; }
.pb-hero-secondary-item .thumb{
  aspect-ratio:16/10; border-radius: var(--radius); overflow:hidden; margin-bottom:10px;
}
.pb-hero-secondary-item .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pb-hero-secondary-item h3{ font-size:15px; margin:0 0 6px; line-height:1.35; }
.pb-hero-secondary-item:hover h3{ color: var(--pb-blue); }
.pb-hero-secondary-cat{ font-size:12.5px; color:var(--pb-text-muted); font-weight:600; }

/* =========== GRID BERITA / CARD =========== */
.pb-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
}
.pb-card{
  background:#fff; border-radius: var(--radius); overflow:hidden;
  box-shadow: var(--shadow); transition: box-shadow .25s ease, transform .25s ease;
  display:flex; flex-direction:column;
}
.pb-card:hover{ box-shadow: var(--shadow-hover); transform: translateY(-3px); }
.pb-card .thumb-wrap{ aspect-ratio: 16/10; overflow:hidden; position:relative; }
.pb-card .thumb{ display:block; width:100%; height:100%; }
.pb-card .thumb img{ width:100%; height:100%; object-fit:cover; transition: transform .4s ease; }
.pb-card:hover .thumb img{ transform: scale(1.06); }
.pb-card .thumb-wrap .pb-cat{ position:absolute; left:10px; top:10px; z-index:2; }
.pb-card-body{ padding:14px 16px 18px; flex:1; display:flex; flex-direction:column; }
.pb-card-body h3{ font-size:17px; margin:0 0 8px; }
.pb-card-body h3 a:hover{ color: var(--pb-blue); }
.pb-card-body .excerpt{
  font-family: var(--font-body); font-size:14px; color:#4b4f55;
  margin:0; flex:1;
}
.pb-card-cat{ display:none; }  /* nama kategori teks — hanya tampil di list mobile */
.pb-card.horizontal{ flex-direction:row; }
.pb-card.horizontal .thumb-wrap{ width:150px; aspect-ratio:auto; flex-shrink:0; }
.pb-card.horizontal .pb-card-body{ padding:10px 14px; }
.pb-card.horizontal h3{ font-size:15px; }

.pb-category-section{ margin-bottom:40px; }

/* Pembungkus widget di area "Homepage — Konten Utama" */
.pb-home-widget{ margin-bottom:40px; }
.pb-home-widget .pb-category-section,
.pb-home-widget .pb-feed-section,
.pb-home-widget .pb-video-section,
.pb-home-widget .pb-spotlight-section,
.pb-home-widget .pb-topic-section{ margin-bottom:0; }

/* =========== SOROTAN (grid kartu ringkas) =========== */
.pb-spotlight-section{ margin-bottom:40px; }
.pb-spotlight-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.pb-spotlight-item .thumb{
  display:block; aspect-ratio:16/9; border-radius:var(--radius); overflow:hidden; margin-bottom:8px;
}
.pb-spotlight-item .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pb-spotlight-item h3{ font-size:15px; margin:0 0 4px; line-height:1.35; }
.pb-spotlight-item h3 a:hover{ color:var(--pb-blue); }
.pb-spotlight-cat{ font-size:12.5px; color:var(--pb-text-muted); font-weight:600; }

/* =========== TOPIK PILIHAN (kolom topik berbasis tag) =========== */
.pb-topic-section{ margin-bottom:40px; }
.pb-topic-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:start; }
.pb-topic-col{
  background:#fff; border:1px solid var(--pb-border); border-radius:var(--radius);
  padding:14px; box-shadow:var(--shadow);
}
.pb-topic-main{ display:block; margin-bottom:4px; }
.pb-topic-main .thumb{
  display:block; aspect-ratio:16/9; border-radius:var(--radius); overflow:hidden; margin-bottom:10px;
}
.pb-topic-main .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pb-topic-name{
  font-family:var(--font-heading); font-size:17px; font-weight:700; line-height:1.3;
}
.pb-topic-main:hover .pb-topic-name{ color:var(--pb-blue); }
.pb-topic-item{
  display:block; padding:9px 0; border-top:1px solid var(--pb-border);
  font-size:13.5px; font-weight:600; line-height:1.4; color:var(--pb-text);
}
.pb-topic-item:hover{ color:var(--pb-blue); }
.pb-topic-more{
  display:inline-block; margin-top:10px; font-size:13px; font-weight:600; color:var(--pb-blue);
}
.pb-topic-more:hover{ text-decoration:underline; }

/* =========== FEED LIST (section "Terkini" bergaya baris) =========== */
.pb-feed-section{ margin-bottom:40px; }
.pb-feed-list{ display:flex; flex-direction:column; }
.pb-feed-item{
  display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--pb-border);
}
.pb-feed-item:first-child{ padding-top:0; }
.pb-feed-item:last-child{ border-bottom:0; padding-bottom:0; }
.pb-feed-item .thumb{
  width:160px; aspect-ratio:16/10; flex-shrink:0; border-radius:var(--radius); overflow:hidden;
}
.pb-feed-item .thumb img{ width:100%; height:100%; object-fit:cover; }
.pb-feed-body{ flex:1; min-width:0; }
.pb-feed-body h3{ font-size:17px; margin:0 0 6px; }
.pb-feed-body h3 a:hover{ color:var(--pb-blue); }
.pb-feed-meta{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12.5px; color:var(--pb-text-muted); }
.pb-feed-cat{ font-weight:600; }
.pb-feed-meta .sep{ color:var(--pb-border); }
.pb-feed-time{ font-size:12.5px; color:var(--pb-text-muted); }

/* =========== SIDEBAR =========== */
.pb-sidebar-widget{
  background:#fff; border-radius: var(--radius); box-shadow: var(--shadow);
  padding:18px; margin-bottom:24px;
}
.pb-sidebar-widget h3{
  font-family:var(--font-heading); font-size:18px; text-transform:uppercase;
  padding-bottom:10px; margin-bottom:14px; border-bottom:2px solid var(--pb-red);
}
.pb-popular-item{
  display:flex; gap:12px; padding:10px 0; border-bottom:1px dashed var(--pb-border);
}
.pb-popular-item:last-child{ border-bottom:0; padding-bottom:0; }
.pb-popular-item .rank{
  font-family:var(--font-heading); font-size:26px; color: var(--pb-blue-light);
  -webkit-text-stroke: 1.4px var(--pb-blue); color:transparent;
  width:32px; flex-shrink:0; line-height:1;
}
.pb-popular-item h4{ font-size:14px; margin:0 0 4px; line-height:1.3; }
.pb-popular-item h4 a:hover{ color:var(--pb-blue); }

.pb-widget-recent-item{
  display:flex; gap:12px; align-items:flex-start;
  padding:10px 0; border-bottom:1px dashed var(--pb-border);
}
.pb-widget-recent-item:last-child{ border-bottom:0; padding-bottom:0; }
.pb-widget-recent-item .thumb{
  width:78px; height:56px; flex-shrink:0; border-radius:var(--radius); overflow:hidden;
}
.pb-widget-recent-item .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pb-widget-recent-item h4{ font-size:14px; margin:0 0 4px; line-height:1.3; }
.pb-widget-recent-item h4 a:hover{ color:var(--pb-blue); }

.pb-trending-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.pb-trending-tags a{
  font-size:12.5px; font-weight:600; padding:6px 12px;
  background: var(--pb-bg); border:1px solid var(--pb-border); border-radius:999px;
}
.pb-trending-tags a:hover{ background:var(--pb-blue); color:#fff; border-color:var(--pb-blue); }

.pb-ad-widget{
  background: repeating-linear-gradient(45deg, #f0f1f3, #f0f1f3 10px, #e7e8eb 10px, #e7e8eb 20px);
  border:1px dashed #c7cad0; border-radius:var(--radius);
  min-height:250px; display:flex; align-items:center; justify-content:center;
  color:#9098a3; font-size:13px; font-weight:600; text-align:center; padding:12px;
}

/* =========== VIDEO PILIHAN (kartu terang + carousel video kecil) =========== */
.pb-video-section{ margin-bottom:40px; }
.pb-video-hero{
  position:relative; display:grid; grid-template-columns:1.3fr 1fr;
  gap:24px; align-items:center; background: var(--pb-bg); border-radius:var(--radius);
  overflow:hidden; margin-bottom:20px; color:inherit;
}
.pb-video-hero .thumb{ position:relative; aspect-ratio:16/10; }
.pb-video-hero .thumb img{ width:100%; height:100%; object-fit:cover; }
.pb-video-hero .play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
}
.pb-video-hero .play svg{ width:56px; height:56px; }
.pb-video-hero-body{ padding:20px 24px 20px 0; }
.pb-video-hero-body h3{ font-size:22px; color: var(--pb-text); margin:0 0 10px; }
.pb-video-hero-body .pb-feed-time{ color: var(--pb-text-muted); }

.pb-video-row-wrap{ position:relative; min-width:0; }
.pb-video-section{ min-width:0; }
.pb-video-row{
  display:flex; gap:18px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none;
  padding-bottom:2px; min-width:0; max-width:100%;
}
.pb-video-row::-webkit-scrollbar{ display:none; }
.pb-video-thumb{ display:block; flex:0 0 220px; width:220px; }
.pb-video-thumb .thumb-wrap{
  position:relative; border-radius:var(--radius); overflow:hidden; background:#000;
  aspect-ratio:4/3; margin-bottom:10px;
}
.pb-video-thumb .thumb{ display:block; width:100%; height:100%; position:relative; }
.pb-video-thumb .thumb img{ width:100%; height:100%; object-fit:cover; opacity:.9; }
.pb-video-thumb .thumb-wrap .pb-cat{ position:absolute; left:8px; top:8px; z-index:2; }
.pb-video-thumb .play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,.2);
}
.pb-video-thumb .play svg{ width:38px; height:38px; }
.pb-video-thumb h4{ font-size:14.5px; margin:0 0 6px; line-height:1.35; }
.pb-video-thumb h4 a:hover{ color: var(--pb-blue); }
.pb-video-thumb-meta{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--pb-text-muted); }
.pb-video-label{ font-weight:700; color: var(--pb-red); }

.pb-video-row-nav{
  position:absolute; right:-16px; top:50%; transform:translateY(-50%);
  width:36px; height:36px; border-radius:50%; background:#fff; border:1px solid var(--pb-border);
  box-shadow: var(--shadow); display:flex; align-items:center; justify-content:center;
  cursor:pointer; color: var(--pb-text);
}
.pb-video-row-nav:hover{ background: var(--pb-blue); color:#fff; border-color:var(--pb-blue); }
.pb-video-row-nav svg{ width:18px; height:18px; }

/* =========== SINGLE POST =========== */
.pb-article{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:28px; }
.pb-article-header h1{ font-size:32px; margin-bottom:12px; }
.pb-article-lead{ font-family:var(--font-body); font-size:17px; color:#4b4f55; margin:10px 0 0;}
.pb-article-meta{
  display:flex; flex-wrap:wrap; gap:14px; align-items:center;
  margin:16px 0 20px; padding:14px 0; border-top:1px solid var(--pb-border); border-bottom:1px solid var(--pb-border);
  font-size:13px; color:var(--pb-text-muted);
}
.pb-article-meta strong{ color:var(--pb-text); }
.pb-article-thumb{ margin: 20px -28px 24px; }
.pb-article-thumb img{ width:100%; }
.pb-article-thumb figcaption{ padding:8px 28px 0; font-size:12.5px; color:var(--pb-text-muted); }
.pb-article-body{
  font-family: var(--font-body); font-size:18px; line-height:1.75; color:#232527;
}
.pb-article-body p{ margin:0 0 1.2em; }
.pb-article-body h2, .pb-article-body h3{ font-family:var(--font-heading); margin-top:1.4em; }
.pb-article-body img{ border-radius:var(--radius); margin:1em 0; }
.pb-article-body blockquote{
  border-left:4px solid var(--pb-red); margin:1.5em 0; padding:.3em 1.2em;
  font-style:italic; color:#4b4f55;
}
.pb-article-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.pb-article-tags a{
  font-size:12.5px; font-weight:600; padding:5px 12px; border-radius:999px;
  background:var(--pb-bg); border:1px solid var(--pb-border);
}
.pb-article-tags a:hover{ background:var(--pb-blue); color:#fff; }

/* =========== TOMBOL BERBAGI (share) =========== */
.pb-share{
  display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  margin-top:24px; padding-top:20px; border-top:1px solid var(--pb-border);
}
.pb-share-label{
  font-family:var(--font-ui); font-size:13px; font-weight:700; color:var(--pb-text-muted);
  text-transform:uppercase; letter-spacing:.4px; margin-right:2px;
}
.pb-share-btn{
  width:40px; height:40px; border-radius:50%; border:0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; background:var(--pb-blue); position:relative;
  transition:transform .15s ease, filter .15s ease;
}
.pb-share-btn:hover{ transform:translateY(-2px); filter:brightness(1.08); }
.pb-share-btn svg{ width:20px; height:20px; }
.pb-share-btn--whatsapp{ background:#25D366; }
.pb-share-btn--twitter{ background:#000; }
.pb-share-btn--telegram{ background:#229ED9; }
.pb-share-btn--facebook{ background:#1877F2; }
.pb-share-btn--instagram{
  background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
/* Tooltip "tersalin" pada tombol Instagram/salin tautan */
.pb-share-copy::after{
  content:attr(data-tip); position:absolute; bottom:calc(100% + 8px); left:50%;
  transform:translateX(-50%); white-space:nowrap; background:var(--pb-text); color:#fff;
  font-size:11.5px; font-weight:600; padding:4px 8px; border-radius:4px;
  opacity:0; pointer-events:none; transition:opacity .15s ease;
}
.pb-share-copy.is-copied::after{ opacity:1; }

/* Pagination artikel panjang (page break otomatis tiap ~200 kata) */
.pb-article-pages{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:28px 0; padding-top:20px; border-top:1px solid var(--pb-border);
  font-family:var(--font-ui);
}
.pb-article-pages span, .pb-article-pages a{
  min-width:36px; height:36px; display:flex; align-items:center; justify-content:center;
  border-radius:6px; font-weight:700; font-size:13.5px; padding:0 8px;
}
.pb-article-pages a{ background:var(--pb-bg); border:1px solid var(--pb-border); }
.pb-article-pages a:hover{ background:var(--pb-blue); color:#fff; }
.pb-article-pages .current{ background:var(--pb-blue); color:#fff; }
.pb-article-pages .label{ color:var(--pb-text-muted); font-size:13px; margin-right:4px; }

.pb-related{ margin-top:40px; }

/* =========== PAGINATION ARSIP/KATEGORI =========== */
.pb-pagination{
  display:flex; justify-content:center; gap:8px; margin-top:32px;
}
.pb-pagination .page-numbers{
  min-width:38px; height:38px; display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--pb-border); border-radius:6px; font-weight:600; font-size:13.5px;
}
.pb-pagination .page-numbers.current{ background:var(--pb-blue); color:#fff; border-color:var(--pb-blue); }
.pb-pagination .page-numbers:hover{ background:var(--pb-blue-light); }

.pb-archive-header{ margin-bottom:24px; }
.pb-archive-header h1{ font-size:26px; }
.pb-archive-header .desc{ color:var(--pb-text-muted); font-family:var(--font-body); }

/* =========== FOOTER =========== */
.pb-footer{ background: var(--pb-blue-dark); color:rgba(255,255,255,.85); margin-top:48px; }
.pb-footer-top{ padding:40px 16px; display:flex; flex-wrap:wrap; gap:24px 32px; }
.pb-footer-top > div{ flex:1 1 150px; min-width:130px; }
.pb-footer-top > div:first-child{ flex:2 1 260px; min-width:220px; }
.pb-footer-logo{ font-family:var(--font-heading); font-size:24px; color:#fff; font-weight:700; margin-bottom:10px; }
.pb-footer-logo span{ color: #ff6b66; }
.pb-footer-desc{ font-size:13.5px; line-height:1.6; color:rgba(255,255,255,.6); }
.pb-footer-logo img{ max-height:52px; max-width:180px; width:auto; height:auto; display:block; }
.pb-footer-contact{ list-style:none; margin:14px 0 0; padding:0; }
.pb-footer-contact li{ display:flex; align-items:flex-start; gap:8px; font-size:13px; line-height:1.5; color:rgba(255,255,255,.72); margin:0 0 8px; }
.pb-footer-contact a{ color:rgba(255,255,255,.72); }
.pb-footer-contact a:hover{ color:#fff; }
.pb-footer-contact .pb-fc-ico{ flex:0 0 auto; opacity:.85; }
.pb-footer h4{
  font-family:var(--font-heading); color:#fff; font-size:15px; text-transform:uppercase;
  margin-bottom:14px; letter-spacing:.4px;
}
.pb-footer ul li{ margin-bottom:9px; }
.pb-footer ul li a{ font-size:13.5px; color:rgba(255,255,255,.7); }
.pb-footer ul li a:hover{ color:#fff; }
.pb-social-icons{ display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
.pb-social-icons a{
  width:34px; height:34px; border-radius:50%; background: var(--pb-bg);
  color: var(--pb-text); font-size:11px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}
.pb-social-icons a svg{ width:16px; height:16px; display:block; }
.pb-social-icons a:hover{ background: var(--pb-blue); color:#fff; }
.pb-social-icons-dark a{ background: rgba(255,255,255,.1); color:#fff; }
.pb-social-icons-dark a:hover{ background: var(--pb-red); }
/* Widget di kolom footer (latar gelap): pastikan teks & komponen PB tetap terbaca */
.pb-footer .footer-widget{ margin-bottom:20px; }
.pb-footer .footer-widget:last-child{ margin-bottom:0; }
.pb-footer .footer-widget,
.pb-footer .footer-widget p{ color:rgba(255,255,255,.7); font-size:13.5px; }
.pb-footer .footer-widget a{ color:rgba(255,255,255,.7); }
.pb-footer .footer-widget a:hover{ color:#fff; }
.pb-footer .footer-widget .pb-popular-item{ border-bottom-color:rgba(255,255,255,.15); }
.pb-footer .footer-widget .pb-popular-item .rank{ -webkit-text-stroke-color:rgba(255,255,255,.5); }
.pb-footer .footer-widget .pb-popular-item h4{
  color:#fff; text-transform:none; letter-spacing:0; margin-bottom:4px;
}
.pb-footer .footer-widget .pb-meta{ color:rgba(255,255,255,.5); }
.pb-footer .footer-widget .pb-widget-recent-item{ border-bottom-color:rgba(255,255,255,.15); }
.pb-footer .footer-widget .pb-widget-recent-item h4{
  color:#fff; text-transform:none; letter-spacing:0; margin-bottom:4px;
}
.pb-footer .footer-widget .pb-trending-tags a{
  background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.15); color:rgba(255,255,255,.8);
}
.pb-footer .footer-widget .pb-trending-tags a:hover{ background:var(--pb-red); border-color:var(--pb-red); color:#fff; }
.pb-footer .footer-widget .pb-ad-widget{
  background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.2); color:rgba(255,255,255,.45);
}

.pb-footer-bottom{
  border-top:1px solid rgba(255,255,255,.12); padding:16px;
  font-size:12.5px; color:rgba(255,255,255,.55);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
}

/* =========== BANNER IKLAN (Customizer → Banner) =========== */
.pb-banner{ position:relative; text-align:center; }
.pb-banner img{ max-width:100%; height:auto; display:inline-block; border-radius:var(--radius); }
.pb-banner-close{
  position:absolute; top:-12px; right:-12px; width:26px; height:26px;
  border-radius:50%; background:#fff; color:var(--pb-text); border:1px solid var(--pb-border);
  box-shadow:var(--shadow); font-size:16px; line-height:1; cursor:pointer; z-index:2;
  display:flex; align-items:center; justify-content:center;
}
.pb-banner-close:hover{ background:var(--pb-red); color:#fff; border-color:var(--pb-red); }

/* Paling atas, hanya mobile */
.pb-banner--mobile_top{ display:none; padding:8px 12px; background:#fff; }

/* Diantara pos: satu baris penuh di dalam pb-grid */
.pb-banner--grid{ grid-column:1 / -1; }

/* Di halaman artikel */
.pb-banner--article{ margin:20px 0; }

/* Stiki kiri konten (maks 120px), hanya layar sangat lebar */
.pb-banner--stiki_kiri{
  display:none; position:fixed; left:10px; top:50%; transform:translateY(-50%);
  width:120px; z-index:150;
}

/* Iklan melayang kiri/kanan, hanya layar sangat lebar */
.pb-banner--melayang_kiri,
.pb-banner--melayang_kanan{
  display:none; position:fixed; top:40%; z-index:250; max-width:160px;
}
.pb-banner--melayang_kiri{ left:10px; }
.pb-banner--melayang_kanan{ right:10px; }

@media (min-width: 1400px){
  .pb-banner--stiki_kiri{ display:block; }
  .pb-banner--melayang_kiri, .pb-banner--melayang_kanan{ display:block; }
}

/* Iklan melayang bawah — strip penuh selebar layar (100% × 100%) */
.pb-banner--melayang_bottom{
  position:fixed; bottom:0; left:0; right:0; transform:none; z-index:260;
  background:#fff; padding:0; border-radius:0;
  box-shadow:var(--shadow-hover); max-width:none; width:100%;
}
.pb-banner--melayang_bottom img{ width:100%; height:auto; max-height:none; display:block; }
.pb-banner--melayang_bottom .pb-banner-close{ top:6px; right:10px; }

/* Popup */
.pb-banner-popup-overlay{
  position:fixed; inset:0; z-index:400; background:rgba(0,0,0,.6);
  display:flex; align-items:center; justify-content:center; padding:24px;
}
.pb-banner-popup-overlay[hidden]{ display:none; }
.pb-banner--popup{ max-width:min(90vw, 640px); }
.pb-banner--popup img{ max-height:80vh; width:auto; }

/* Banner footer */
.pb-footer-banner{ padding:24px 16px 0; }

/* =========== UTIL =========== */
.pb-badge-readtime{ display:inline-flex; align-items:center; gap:5px; }
.pb-badge-readtime svg{ width:13px; height:13px; }
.screen-reader-text{
  position:absolute !important; clip:rect(1px,1px,1px,1px); overflow:hidden; height:1px; width:1px;
}

/* =========== RESPONSIVE =========== */
@media (max-width: 1023px){
  .pb-layout{ grid-template-columns:1fr; }
  .pb-home-layout{ grid-template-columns:1fr; }
  .pb-home-layout .pb-hero-block,
  .pb-home-layout .pb-terpopuler-col,
  .pb-home-layout .pb-rest-content,
  .pb-home-layout > .pb-sidebar{ grid-column:1; grid-row:auto; }
  .pb-grid{ grid-template-columns:repeat(2,1fr); }
  .pb-hero-secondary{ grid-template-columns:repeat(2,1fr); }
  .pb-video-hero{ grid-template-columns:1fr; }
  .pb-video-thumb{ flex-basis:180px; width:180px; }
  .pb-spotlight-grid{ grid-template-columns:repeat(2,1fr); }
  .pb-topic-grid{ grid-template-columns:repeat(2,1fr); }
  .pb-feed-item .thumb{ width:120px; }
  .pb-footer-top > div{ flex-basis: calc(50% - 16px); }
  .pb-footer-top > div:first-child{ flex-basis:100%; }
}
@media (max-width: 767px){
  .pb-topbar{ display:none; }
  .pb-banner--mobile_top{ display:block; }
  .pb-header-inner{ flex-wrap:wrap; gap:12px; }
  .pb-logo img{ max-height:36px; max-width:150px; object-fit:contain; }
  .pb-logo-text{ font-size:24px; }
  .pb-header-badge{ display:none; }          /* tak cukup ruang di layar HP */
  .pb-header-actions{ gap:8px; }
  .pb-header-actions .pb-btn{ padding:8px 12px; font-size:12.5px; }
  .pb-search-form{ order:3; max-width:100%; width:100%; margin-top:4px; }
  .pb-menu-toggle{ display:block; margin-left:8px; }
  /* Switcher bahasa tampil di header pada mobile, warna disesuaikan latar putih */
  .pb-lang-mobile{ display:inline-flex; align-items:center; margin-left:auto; }
  .pb-lang-mobile .pb-lang-switch > button{ border-color:#d0d5dd; color:#1f2a44; }
  .pb-nav-wrap{ display:none; }
  .pb-nav-wrap.open{ display:block; }
  .pb-nav{ flex-direction:column; align-items:stretch; overflow:visible; }
  .pb-nav li a{ border-bottom:1px solid rgba(255,255,255,.1); }
  .pb-nav .sub-menu{
    position:static; display:block; min-width:0; box-shadow:none; border:0;
    border-radius:0; background:rgba(255,255,255,.06); padding:0;
  }
  .pb-nav .sub-menu li a{ color:rgba(255,255,255,.85); padding-left:32px; }
  .pb-nav .sub-menu li a:hover{ background:rgba(255,255,255,.1); color:#fff; }
  .pb-spotlight-grid{ grid-template-columns:1fr 1fr; gap:16px; }
  .pb-topic-grid{ grid-template-columns:1fr; }
  .pb-grid{ grid-template-columns:1fr 1fr; gap:16px; }
  .pb-home-layout{ grid-template-columns:1fr; }

  /* ===== HERO versi mobile: kartu (gambar atas + judul teks gelap di kotak putih) ===== */
  .pb-hero{ position:relative; }
  .pb-headline-badge{
    position:absolute; top:12px; left:12px; z-index:3; margin:0;
    background:rgba(255,255,255,.94); color:var(--pb-blue);
  }
  .pb-hero-main{
    display:block; min-height:0; background:#fff; color:var(--pb-text);
    border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; margin-bottom:20px;
  }
  .pb-hero-main img{
    position:static; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; opacity:1;
  }
  .pb-hero-main:hover img{ transform:none; opacity:1; }
  .pb-hero-main-body{
    position:static; min-height:0; padding:14px 16px 18px; background:#fff;
    display:block; justify-content:flex-start;
  }
  .pb-hero-accent{ display:none; }
  .pb-hero-main-body h2{ color:var(--pb-text); font-size:21px; margin:0 0 8px; }
  .pb-hero-main-body .pb-meta{ color:var(--pb-text-muted); }
  .pb-hero-main-body .pb-meta .sep{ color:var(--pb-border); }

  /* kartu sekunder 2 kolom */
  .pb-hero-secondary{ grid-template-columns:1fr 1fr; gap:16px; }
  .pb-hero-secondary-item h3{ font-size:14px; }

  .pb-video-thumb{ flex-basis:160px; width:160px; }
  .pb-video-row-nav{ display:none; }
  /* Terkini/Pilihan Editor di mobile: thumbnail kotak di kiri, judul + meta di kanan */
  .pb-feed-item{ flex-direction:row; gap:14px; align-items:flex-start; }
  .pb-feed-item .thumb{ width:116px; aspect-ratio:1/1; }
  .pb-feed-body h3{ font-size:16px; }
  .pb-card.horizontal{ flex-direction:column; }
  .pb-card.horizontal .thumb-wrap{ width:100%; aspect-ratio:16/10; }
  .pb-article{ padding:18px; }
  .pb-article-thumb{ margin:16px -18px 20px; }
  .pb-article-thumb figcaption{ padding-left:18px; padding-right:18px; }
  .pb-article-body{ font-size:16.5px; }
  /* Footer mobile: merek full-width di atas, lalu kolom tautan 2×2 (lebih ringkas) */
  .pb-footer-top{ gap:22px 16px; padding:28px 16px; }
  .pb-footer-top > div{ flex-basis: calc(50% - 8px); min-width:0; }
  .pb-footer-top > div:first-child{ flex-basis:100%; }

  /* ===== Section kategori di mobile: daftar (judul+kategori kiri, thumbnail kanan) ===== */
  .pb-category-section .pb-grid{ grid-template-columns:1fr; gap:0; }
  .pb-category-section .pb-card{
    flex-direction:row; align-items:flex-start; gap:14px;
    background:transparent; box-shadow:none; border-radius:0; overflow:visible;
    border-bottom:1px solid var(--pb-border); padding:14px 0;
  }
  .pb-category-section .pb-card:first-child{ padding-top:0; }
  .pb-category-section .pb-card:hover{ transform:none; box-shadow:none; }
  .pb-category-section .pb-card .thumb-wrap{
    order:2; width:116px; aspect-ratio:1/1; flex-shrink:0; border-radius:8px; overflow:hidden;
  }
  .pb-category-section .pb-card .thumb-wrap .pb-cat{ display:none; }
  .pb-category-section .pb-card-body{ order:1; padding:0; min-width:0; }
  .pb-category-section .pb-card-body h3{ font-size:16px; margin:0 0 6px; }
  .pb-category-section .pb-card .excerpt,
  .pb-category-section .pb-card .pb-meta{ display:none; }
  .pb-category-section .pb-card .pb-card-cat{
    display:block; font-size:12.5px; color:var(--pb-text-muted); font-weight:600;
  }
}

/* =========== BACA JUGA (sisipan tautan internal dalam artikel) =========== */
.pb-baca-juga{
  margin: 18px 0;
  padding: 10px 14px;
  background: var(--pb-blue-light, #EAF1FB);
  border-left: 4px solid var(--pb-blue, #0B3C7A);
  border-radius: 4px;
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 1.5;
}
.pb-baca-juga-label{
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: 12.5px;
  color: var(--pb-red, #D6241F);
  margin-right: 6px;
}
.pb-baca-juga a{
  font-weight: 700;
  color: var(--pb-blue, #0B3C7A);
  text-decoration: none;
}
.pb-baca-juga a:hover{ text-decoration: underline; }

/* =========== CUSTOM WIDGET (inc/widgets: Recent/Popular/Module/Tag) =========== */
.pb-w-box{ background:#fff; border:1px solid var(--pb-border); border-radius:var(--radius); padding:14px 16px; }
.pb-w-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; padding-bottom:8px; border-bottom:2px solid var(--pb-blue); }
.pb-w-head .widget-title, .pb-w-head h2, .pb-w-head h3{ margin:0; font-family:var(--font-heading); font-size:17px; font-weight:800; color:var(--pb-blue); }
.pb-w-more{ font-family:var(--font-ui); font-size:12.5px; font-weight:700; color:var(--pb-red); text-decoration:none; white-space:nowrap; }
.pb-w-more:hover{ text-decoration:underline; }
.pb-w-subtitle{ font-size:12.5px; color:var(--pb-text-muted); margin:-6px 0 12px; }
.pb-w-footer{ margin-top:10px; text-align:right; }

/* Daftar (Recent / Popular) */
.pb-w-list{ list-style:none; margin:0; padding:0; }
.pb-w-item{ display:flex; gap:12px; align-items:flex-start; padding:10px 0; border-bottom:1px solid var(--pb-border); }
.pb-w-item:last-child{ border-bottom:0; }
.pb-w-thumb{ flex:0 0 88px; width:88px; height:64px; overflow:hidden; border-radius:6px; display:block; }
.pb-w-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pb-w-body{ min-width:0; flex:1; }
.pb-w-title{ display:block; font-family:var(--font-heading); font-weight:700; font-size:14.5px; line-height:1.35; color:var(--pb-text); text-decoration:none; }
.pb-w-title:hover{ color:var(--pb-blue); }
.pb-w-meta{ font-size:11.5px; color:var(--pb-text-muted); margin-bottom:3px; }
.pb-w-count{ color:var(--pb-red); font-weight:700; }
.pb-w-num{ flex:0 0 26px; width:26px; height:26px; border-radius:50%; background:var(--pb-blue); color:#fff; font-family:var(--font-heading); font-weight:800; font-size:13px; display:flex; align-items:center; justify-content:center; }
.pb-w-item--big{ flex-direction:column; }
.pb-w-item--big .pb-w-thumb{ width:100%; height:170px; flex:none; }
.pb-w-item--big .pb-w-title{ font-size:16px; }
/* gaya "hanya judul": sembunyikan thumb (tak dirender) — item jadi satu kolom teks */
.pb-w-list--style_2 .pb-w-item{ align-items:flex-start; }

/* Galeri (Module / Recent gallery) */
.pb-w-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.pb-w-gallery--col2{ grid-template-columns:repeat(2,1fr); }
.pb-w-gallery-item .pb-w-thumb{ width:100%; height:110px; }
.pb-w-gallery--col2 .pb-w-gallery-item .pb-w-thumb{ height:150px; }
.pb-w-gallery-title{ margin-top:6px; }
.pb-w-gallery-title .pb-w-title{ font-size:13.5px; }

/* Tag Populer */
.pb-w-tags{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.pb-w-tags a{ display:inline-flex; align-items:center; gap:6px; background:var(--pb-blue-light); color:var(--pb-blue); font-family:var(--font-ui); font-size:12.5px; font-weight:600; padding:5px 11px; border-radius:999px; text-decoration:none; }
.pb-w-tags a:hover{ background:var(--pb-blue); color:#fff; }
.pb-w-tagcount{ background:rgba(0,0,0,.08); border-radius:999px; padding:0 7px; font-size:11px; }
.pb-w-tags a:hover .pb-w-tagcount{ background:rgba(255,255,255,.25); }
.pb-w-notags{ color:var(--pb-text-muted); font-size:13px; }

@media (max-width:767px){
  .pb-w-gallery{ grid-template-columns:repeat(2,1fr); }
}

/* =========== NEWSLETTER / BERLANGGANAN =========== */
.pb-newsletter{ background:var(--pb-blue-light,#EAF1FB); border:1px solid var(--pb-border); border-radius:var(--radius); padding:18px 20px; }
.pb-newsletter-title{ margin:0 0 4px; font-family:var(--font-heading); font-size:19px; color:var(--pb-blue); }
.pb-newsletter-text{ margin:0 0 12px; font-size:14px; color:var(--pb-text-muted); }
.pb-newsletter-row{ display:flex; gap:8px; flex-wrap:wrap; }
.pb-newsletter-email{ flex:1; min-width:180px; padding:10px 14px; border:1px solid var(--pb-border); border-radius:999px; font-family:var(--font-ui); font-size:14px; background:#fff; }
.pb-newsletter-email:focus{ outline:2px solid var(--pb-blue); border-color:var(--pb-blue); }
.pb-newsletter-form .pb-btn{ border:0; cursor:pointer; }
.pb-newsletter-msg{ margin-top:10px; font-size:13px; font-weight:600; min-height:1em; }
.pb-newsletter-msg.is-ok{ color:#1a7f37; }
.pb-newsletter-msg.is-err{ color:var(--pb-red); }
/* Varian di footer gelap */
.pb-footer .pb-newsletter{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); }
.pb-footer .pb-newsletter-title{ color:#fff; }
.pb-footer .pb-newsletter-text{ color:rgba(255,255,255,.7); }