.pnbyw-berita-widget {
  background: #fff;
  border: .5px solid #e2e4e8;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 14px;
}

/* Header */
.pnbyw-bw-header {
  background: linear-gradient(135deg, #9a2109, #c0300f);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.pnbyw-bw-icon {
  display: flex;
  align-items: center;
  color: #fff;
  flex-shrink: 0;
}

.pnbyw-bw-header h3.pnbyw-bw-title,
.pnbyw-bw-header .pnbyw-bw-title {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .6px;
  margin: 0;
  line-height: 1.2;
}

/* Body — layout 2 kolom hero + list */
.pnbyw-bw-body {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-height: 100%;
}

/* ==========================================================================
   Hero post kiri
   ========================================================================== */

.pnbyw-bw-hero {
  flex: 0 0 38%;
  max-width: 38%;
  padding: 12px;
  border-right: 1px solid #e2e4e8;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Featured image hero: dibuat lebih rapi dan premium */
.pnbyw-bw-hero-img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 210px !important;

  overflow: hidden !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;

  background: #f3f4f6 !important;
  border: 1px solid #edf0f3 !important;
  box-sizing: border-box !important;
}

/* Default: gambar tampil penuh area, rapi untuk foto landscape */
.pnbyw-bw-hero-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;

  transition: transform .35s ease !important;
}

/* Hover halus */
.pnbyw-bw-hero:hover .pnbyw-bw-hero-img img {
  transform: scale(1.035) !important;
}

/*
   Catatan:
   Jika banyak featured image berupa poster/flyer portrait dan ingin TIDAK terpotong,
   ubah object-fit di atas dari cover menjadi contain.
   Namun untuk tampilan portal berita, cover lebih rapi.
*/

.pnbyw-bw-hero-title {
  font-size: 11.8px;
  font-weight: 700;
  color: #9a2109;
  line-height: 1.45;
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pnbyw-bw-hero-title a {
  color: inherit;
  text-decoration: none;
}

.pnbyw-bw-hero-title a:hover {
  color: #741807;
}

.pnbyw-bw-excerpt {
  font-size: 10.8px;
  color: #4b5563;
  line-height: 1.58;
  margin: 6px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Meta */
.pnbyw-bw-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  font-size: 10px;
  color: #6b7280;
  margin-top: 2px;
  align-items: center;
}

.pnbyw-bw-meta span {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.pnbyw-bw-meta svg {
  flex-shrink: 0;
  opacity: .7;
}

/* ==========================================================================
   List post kanan
   ========================================================================== */

.pnbyw-bw-list {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pnbyw-bw-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;

  padding: 12px 14px !important;

  border-bottom: 1px solid #f0f0f0;
  text-decoration: none;
  transition: background .15s ease;
  box-sizing: border-box;
}

.pnbyw-bw-item:last-child {
  border-bottom: none;
}

.pnbyw-bw-item:hover {
  background: #fef3ee;
}

/* Thumbnail kanan: rata atas, ukuran konsisten */
.pnbyw-bw-item-thumb {
  flex: 0 0 76px !important;
  width: 76px !important;
  height: 56px !important;

  margin-top: 0 !important;

  border-radius: 6px !important;
  overflow: hidden !important;

  background: #f3f4f6 !important;
  border: 1px solid #edf0f3 !important;
  box-sizing: border-box !important;
}

.pnbyw-bw-item-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;
}

.pnbyw-bw-item-body {
  flex: 1 !important;
  min-width: 0 !important;
  padding-top: 0 !important;
}

.pnbyw-bw-item-title {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #9a2109 !important;
  line-height: 1.4 !important;
  margin: 0 0 6px !important;
  padding: 0 !important;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pnbyw-bw-item:hover .pnbyw-bw-item-title {
  color: #741807 !important;
}

.pnbyw-bw-item .pnbyw-bw-meta {
  font-size: 10px !important;
  margin-top: 0 !important;
}

/* ==========================================================================
   Tombol Lihat Semua
   ========================================================================== */

.pnbyw-bw-more {
  text-align: center;
  padding: 12px 14px 14px;
  border-top: 1px solid #eee;
  margin-top: auto;
  background: #f9fafb;
}

.pnbyw-bw-more a {
  display: inline-block;
  background: #9a2109;
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  padding: 8px 24px;
  border-radius: 7px;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}

.pnbyw-bw-more a:hover {
  background: #741807;
  transform: translateY(-1px);
  color: #fff;
}

/* ==========================================================================
   WIDGET RSS FEED MA/BADILUM
   ========================================================================== */

.pnbyw-rss-widget {
  background: #fff;
  border: 1px solid #e2e4e8;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 14px;
}

.pnbyw-rw-header {
  background: linear-gradient(135deg, #9a2109, #c0300f);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.pnbyw-rw-icon {
  display: flex;
  align-items: center;
  color: #fff;
  flex-shrink: 0;
}

.pnbyw-rw-header h3.pnbyw-rw-title,
.pnbyw-rw-header .pnbyw-rw-title {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .6px;
  margin: 0;
  line-height: 1.2;
}

.pnbyw-rw-body {
  padding: 4px 0;
}

.pnbyw-rw-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pnbyw-rw-item {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  align-items: stretch;
  transition: background .15s;
}

.pnbyw-rw-item:hover {
  background: #fef8f6;
}

.pnbyw-rw-item:last-child {
  border-bottom: none;
}

.pnbyw-rw-bullet {
  color: #9a2109;
  font-size: 8px;
  flex-shrink: 0;
  margin-top: 4px;
  line-height: 1;
}

.pnbyw-rw-content {
  flex: 1;
  min-width: 0;
}

.pnbyw-rw-link {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 11.5px;
  font-weight: 600;
  color: #1A1D23;
  line-height: 1.5;
  text-decoration: none;
  text-align: left;
  transition: color .15s;
}

.pnbyw-rw-link:hover {
  color: #9a2109;
}

.pnbyw-rw-date {
  display: block;
  font-size: 10px;
  color: #9ca3af;
  margin-top: 2px;
  font-weight: 500;
}

.pnbyw-rw-empty {
  padding: 12px;
  font-size: 11px;
  color: #9ca3af;
  text-align: center;
}

/* ==========================================================================
   Spacing widget homepage / builder
   ========================================================================== */

.pnbyw-berita-widget,
.pnbyw-rss-widget,
.pnbyw-jadwal-sidang-wrap {
  margin-bottom: 16px;
}

.themify_builder .module,
.themify_builder .module-widget {
  margin-bottom: 16px;
}

.themify_builder_row .module:first-child,
.themify_builder_row .module-widget:first-child {
  margin-top: 4px;
}

.themify_builder_sub_row,
.themify_builder_row {
  align-items: stretch;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 900px) {
  .pnbyw-bw-hero {
    flex: 0 0 42%;
    max-width: 42%;
  }

  .pnbyw-bw-hero-img {
    height: 190px !important;
  }

  .pnbyw-bw-item-thumb {
    flex-basis: 72px !important;
    width: 72px !important;
    height: 54px !important;
  }
}

@media (max-width: 640px) {
  .pnbyw-berita-widget,
  .pnbyw-rss-widget,
  .pnbyw-jadwal-sidang-wrap {
    margin-bottom: 14px;
  }

  .pnbyw-bw-body {
    display: flex;
    flex-direction: column;
  }

  .pnbyw-bw-hero {
    flex: none;
    max-width: 100%;
    border-right: none;
    border-bottom: 1px solid #e2e4e8;
    padding: 12px;
  }

  .pnbyw-bw-hero-img {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  .pnbyw-bw-item {
    padding: 10px 12px !important;
    gap: 10px !important;
  }

  .pnbyw-bw-item-thumb {
    flex: 0 0 70px !important;
    width: 70px !important;
    height: 52px !important;
  }

  .pnbyw-rw-item {
    padding: 9px 10px;
  }
}

@media (max-width: 420px) {
  .pnbyw-bw-hero-img {
    aspect-ratio: 16 / 10 !important;
  }

  .pnbyw-bw-item-thumb {
    flex: 0 0 64px !important;
    width: 64px !important;
    height: 48px !important;
  }

  .pnbyw-bw-item-title {
    font-size: 11px !important;
  }
}

.pnbyw-bw-list .pnbyw-bw-item{
    align-items:flex-start !important;
}

.pnbyw-bw-list .pnbyw-bw-item-thumb{
    flex:0 0 76px !important;
    width:76px !important;
    height:56px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:6px !important;
    overflow:hidden !important;
    background:#f3f4f6 !important;
    line-height:0 !important;
}

.pnbyw-bw-list .pnbyw-bw-item-thumb img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    vertical-align:top !important;
}