/* ==========================================================================
   WIDGET SIDEBAR — widget-base.css
   CSS dasar untuk semua widget sidebar PN Banyuwangi
   Shared styles: widget box, header, body
   ========================================================================== */

/* ── Widget Box ── */
.pnbyw-widget {
  background: #fff;
  border: .5px solid #e2e4e8;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
  transition: box-shadow .2s;
}

.pnbyw-widget:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
}

/* ── Widget Header (gradien merah) ── */
.pnbyw-widget-head {
  background: linear-gradient(135deg, #9a2109, #c0300f);
  padding: 9px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pnbyw-widget-head h3 {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* ── Widget Body ── */
.pnbyw-widget-body {
  padding: 11px 13px;
}

.pnbyw-widget-body--flush  { padding: 0; }
.pnbyw-widget-body--padded { padding: 14px; }
.pnbyw-widget-body--sm     { padding: 8px 12px; }

/* ── Sidebar container ── */
.pnbyw-sidebar {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Widget wrappers dari GeneratePress */
.pnbyw-sidebar .widget.inner-padding,
.pnbyw-sidebar aside.widget {
  padding: 0 !important;
  margin: 0 !important;
}