/* Wrapper dasar */
.wrap-postingan.container{ padding-left:0 !important; padding-right:0 !important; }
.postingan{ max-width:1200px; margin:0 auto; margin-top:25px; }

/* PENTING: pakai CSS var dari Blade */
.wrap-postingan .postingan{
  font-family: var(--konten-font, 'Barlow'), Arial, sans-serif !important;
  color: var(--konten-color, #000);
}

.wrap-postingan .postingan .konten-title{
  font-family: var(--title-font, var(--konten-font, 'Barlow')), Arial, sans-serif !important;
  font-size: var(--title-size, 28px) !important;
  color: var(--title-color, #000) !important;
  text-align: var(--title-align, left) !important;
  margin: 0 0 var(--title-mb, 10px) 0 !important;
  line-height: 1.2;
  /* Jangan ketimpa h2 Bootstrap */
  font-weight: var(--title-weight, 800) !important;
}

.wrap-postingan .postingan .konten-body{
  font-family: var(--konten-font, 'Barlow'), Arial, sans-serif !important;
  font-size: var(--konten-size, 18px) !important;
  color: var(--konten-color, #000) !important;
  text-align: var(--konten-align, left) !important;
  line-height: var(--konten-lh, 1.6) !important;
  margin-bottom: var(--konten-mb, 0px) !important;
}

.konten-body strong{ font-weight:700; }
.konten-body em{ font-style:italic; }


/* Konten 01–03 */
.wrap-postingan .konten-title,
.wrap-postingan .konten-body{
  white-space: break-spaces;
}
@supports not (white-space: break-spaces){
  .wrap-postingan .konten-title,
  .wrap-postingan .konten-body{ white-space: pre-wrap; }
}

/* Hero card */
.slider-overlay .hero-title,
.slider-overlay .hero-sub,
.slider-overlay .hero-price{
  white-space: break-spaces;
}
@supports not (white-space: break-spaces){
  .slider-overlay .hero-title,
  .slider-overlay .hero-sub,
  .slider-overlay .hero-price{ white-space: pre-wrap; }
}