/* ===== Hero slider: cover ===== */
:root{
  --hero-height:100vh;          /* ganti ke 100vh untuk mode layar penuh */
  --hero-ratio:1920/650;       /* rasio foto banner */
  --hero-gold:#e8b422;
  --hero-navy:#0f1b3d;
}
.hero-slider-wrapper{position:relative;width:100%;margin:0;overflow:hidden;background:var(--hero-navy)}
.hero-slider .hero-slide-item{
  position:relative;display:block;overflow:hidden;background:var(--hero-navy);
  height:var(--hero-height) !important;aspect-ratio:var(--hero-ratio)
}
.hero-slider .hero-slide-item img{
  position:absolute !important;inset:0;width:100% !important;height:100% !important;
  max-width:none !important;object-fit:cover !important;border-radius:0 !important;box-shadow:none !important
}

/* Teks judul */
.hero-slide-caption{left:48px !important;bottom:56px !important;max-width:60% !important}
.hero-slide-caption span{border-left:4px solid var(--hero-gold) !important}

/* Panah */
.hero-slider .owl-nav button.owl-prev,
.hero-slider .owl-nav button.owl-next{
  background:rgba(15,27,61,.55) !important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)
}
.hero-slider .owl-nav button.owl-prev:hover,
.hero-slider .owl-nav button.owl-next:hover{background:var(--hero-gold) !important;color:var(--hero-navy) !important}

/* Titik indikator: aktif = pil emas */
.hero-slider .owl-dots{bottom:20px !important;display:flex;justify-content:center;align-items:center;gap:8px}
.hero-slider .owl-dots .owl-dot{display:block;line-height:0}
.hero-slider .owl-dots .owl-dot span{
  display:block;width:12px !important;height:12px !important;margin:0 !important;
  border-radius:999px !important;background:rgba(255,255,255,.75) !important;
  box-shadow:0 1px 4px rgba(0,0,0,.35);transition:width .3s ease,background .3s ease
}
.hero-slider .owl-dots .owl-dot.active span{width:44px !important;background:var(--hero-gold) !important}

@media (max-width:991px){
  .hero-slide-caption{left:20px !important;bottom:34px !important;max-width:85% !important}
}
@media (max-width:767px){
  .hero-slider .owl-nav{display:none !important}   /* di HP cukup geser (swipe) */
  .hero-slider .owl-dots{bottom:8px !important;gap:6px}
  .hero-slider .owl-dots .owl-dot span{width:8px !important;height:8px !important}
  .hero-slider .owl-dots .owl-dot.active span{width:26px !important}
}

/* ===== Layar penuh ===== */
@supports (height:100svh){:root{--hero-height:100svh}}
.hero-slider .hero-slide-item{min-height:480px}
.hero-slider .hero-slide-item img{object-position:center center !important}
@media (max-width:767px){
  :root{--hero-height:70vh}
  @supports (height:70svh){:root{--hero-height:70svh}}
  .hero-slider .hero-slide-item{min-height:380px}
}

/* ===== Judul slide: tidak menabrak tombol aksesibilitas ===== */
.hero-slide-caption{left:max(48px,5vw) !important;bottom:110px !important;max-width:min(62%,900px) !important}
.hero-slide-caption span{display:block !important;font-size:clamp(20px,2.6vw,38px) !important;line-height:1.3 !important;padding-left:16px !important;border-left:4px solid var(--hero-gold) !important}
@media (max-width:767px){
  .hero-slide-caption{left:16px !important;bottom:84px !important;max-width:90% !important}
  .hero-slide-caption span{font-size:16px !important;padding-left:12px !important}
}

/* ===== Foto utuh: tinggi mengikuti rasio foto 1920x1080 ===== */
:root{--hero-height:auto;--hero-ratio:1920/1080}
.hero-slider .hero-slide-item{min-height:0 !important}
@media (max-width:767px){
  :root{--hero-height:auto;--hero-ratio:4/3}
}