/* Homepage — perbaikan layout tanpa merusak offset Wix */

#SITE_BACKGROUND_current_mainPage_kiiv2bdy_bg,
.siteBackgroundcurrent,
#SITE_BACKGROUND {
  background-color: #ffffff !important;
}

body.prewarmup,
#site-root,
#SITE_CONTAINER,
#PAGES_CONTAINER {
  background: #ffffff !important;
}

#mainPage,
#mainPagebg,
#mainPageinlineContent-gridContainer {
  width: 100% !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hanya reset margin calc, jangan sentuh left offset internal */
#mainPageinlineContent-gridContainer > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#SldShwGllry1,
#pdb-cta-strip,
#comp-kaf917vg,
#comp-kihgonzs,
#comp-kihgymp2,
#comp-kiivq5jj,
#comp-j2hr6t05,
#comp-k9ijfzu9,
#comp-kadwmfxu {
  justify-self: center !important;
}

/* Hero — logo selalu tampil (CSS fallback + img JS) */
#SldShwGllry1 {
  left: 0 !important;
  position: relative !important;
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
  margin: 0 0 12px !important;
  overflow: hidden !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    url("/assets/media/0f3434_a1e2aced8ac740efb0bb657e42a4b951~mv2.jpg") center center / auto 220px no-repeat,
    linear-gradient(135deg, #e21c21 0%, #b51218 100%) !important;
}

#SldShwGllry1 .pdb-hero-img {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: min(420px, 90%) !important;
  height: 220px !important;
  min-height: 180px !important;
  max-height: 220px !important;
  object-fit: contain !important;
  object-position: center center !important;
}

#SldShwGllry1 .style-jxacun1x_helpers,
#SldShwGllry1itemsContainer > [data-image-index] {
  display: none !important;
}

/* Sembunyikan strip Wix asli yang overlap */
#iahy5fy3,
#comp-iyll2qqr,
#comp-iyx0o1en,
#comp-kihhap7j,
#comp-ikfl1lxx,
#comp-ikfl549c,
#pdb-icon-strip {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Strip CTA bersih — ganti layout Wix */
.pdb-cta-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 10px 8px !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto 12px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  background: #ff66c4 !important;
}

.pdb-cta-item {
  flex: 1 1 18% !important;
  min-width: 110px !important;
  max-width: 24% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #ffffff !important;
}

.pdb-cta-item img {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
}

.pdb-cta-label {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-family: avenir-lt-w01_85-heavy1475544, sans-serif !important;
  color: #ffffff !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.pdb-cta-item:hover .pdb-cta-label {
  text-decoration: underline !important;
}

@media (max-width: 720px) {
  .pdb-cta-item {
    flex: 1 1 42% !important;
    max-width: 48% !important;
  }
}

/* Logo partner — center via flex, bukan left offset */
#comp-kaf917vg {
  left: auto !important;
  width: 100% !important;
  max-width: 980px !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  padding-top: 4px !important;
}

#comp-kaf917vginlineContent-gridContainer {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 16px 24px !important;
}

/* Tombol TUTTE LE NEWS */
#comp-kihgymp2 {
  left: auto !important;
}

/* Sembunyikan error gambar Wix */
#mainPage img[alt*="Failed"],
#mainPage [data-hook*="error"],
#mainPage .wix-error-image {
  display: none !important;
}

/* News cards */
#comp-kihgonzs {
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  margin-bottom: 16px !important;
}

#comp-kihgonzsinlineContent,
#comp-kihgonzsinlineContent-gridContainer {
  justify-content: center !important;
  margin: 0 !important;
  height: auto !important;
}

#comp-kihgonzs [role="grid"] {
  align-items: flex-start !important;
}

#comp-kihgonzs-col0,
#comp-kihgonzs-col1,
#comp-kihgonzs-col2 {
  flex: 0 1 311px !important;
  max-width: 311px !important;
  align-self: flex-start !important;
  height: auto !important;
}

#comp-kihgonzs [role="gridcell"] {
  align-self: flex-start !important;
  height: auto !important;
}

#comp-kihgonzs .style-kihgoo2h,
#comp-kihgonzs .style-kihgoo2hcontainer,
#comp-kihgonzs .style-kihgoo2hinlineContent {
  height: auto !important;
  min-height: 0 !important;
}

#comp-kihgonzs [id^="comp-kihgoo2i"],
#comp-kihgonzs [id^="comp-kihgoo2i"] [id$="link"],
#comp-kihgonzs [id^="comp-kihgoo2i"] wix-image {
  width: 100% !important;
  height: 220px !important;
  max-height: 220px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

#comp-kihgonzs wix-image svg {
  display: none !important;
}

#comp-kihgonzs img[data-type="image"] {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  max-height: 220px !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  -webkit-filter: none !important;
}

#comp-kihgonzs [id^="comp-kihgoo3i"] {
  min-height: 0 !important;
  height: auto !important;
  max-height: 130px !important;
  overflow: hidden !important;
  width: 100% !important;
  left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

/* Feature tiles */
#comp-kiivq5jj {
  left: auto !important;
  width: 100% !important;
}

#comp-kiivq5jjinlineContent {
  justify-content: center !important;
}

/* Blog carousel — sembunyikan teks panjang di kolom kanan */
#comp-j2hr6t05 {
  left: auto !important;
  width: 100% !important;
  max-width: 568px !important;
  height: auto !important;
  min-height: 0 !important;
}

#comp-j2hr6t05 [id*="fld_i92r8tz421"] {
  display: none !important;
}

#comp-j2hr6t05 [id*="TeamList"][id*="__0_0_0"] {
  height: auto !important;
  min-height: 0 !important;
}

#comp-j2hr6t05 img[data-type="image"] {
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* Galeri */
#comp-k9ijfzu9 {
  left: auto !important;
  width: 100% !important;
  max-width: 568px !important;
  height: 160px !important;
  min-height: 160px !important;
  max-height: 180px !important;
  margin: 0 auto 20px !important;
  overflow: hidden !important;
}

#comp-k9ijfzu9itemsContainer {
  height: 160px !important;
  max-height: 180px !important;
  position: relative !important;
}

#comp-k9ijfzu9 [data-image-index] {
  max-height: 160px !important;
}

#comp-k9ijfzu9 img[data-type="image"] {
  display: block !important;
  width: 100% !important;
  max-height: 160px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Video widget */
#comp-kadwmfxu {
  width: 100% !important;
  margin: 0 auto 32px !important;
}

#comp-kadwmfxu [data-hook="title"] {
  max-height: none !important;
  white-space: normal !important;
  overflow: visible !important;
  line-height: 1.35 !important;
}

#comp-kadwmfxu [data-hook="description"] {
  max-height: none !important;
  white-space: normal !important;
  overflow: visible !important;
  line-height: 1.4 !important;
}

#comp-kadwmfxu [data-hook="thumbnail-cover"] img,
#comp-kadwmfxu .XdhvZ {
  width: 100% !important;
  height: 182px !important;
  object-fit: cover !important;
  background-size: cover !important;
  background-position: center !important;
}
