/* ==== VIDARA custom override — slider portrait + logo + tema ==== */
/* app: dramabox | dibuat otomatis, aman dihapus untuk rollback */

/* ---- Banner slider: landscape (aspect 16/6) -> PORTRAIT, tengah, autoplay+drag sudah aktif ---- */
main#home .splide.rounded-xl{max-width:440px;margin-left:auto;margin-right:auto}
main#home [class*="aspect-[16/6]"]{aspect-ratio:3/4 !important;height:auto !important}
/* pagination dots sedikit turun agar rapi */
main#home .splide.rounded-xl .splide__pagination{bottom:.5rem}

/* ---- Logo: ganti ke logo app, rounded, terbaca di mobile (ganti wordmark putih) ---- */
img.h-16.py-4.object-contain{
  content:url("/vidara-logo.png?v=1783973372");
  width:auto !important;height:48px !important;
  padding:4px 0 !important;
  border-radius:10px;object-fit:contain;
  box-shadow:0 0 0 1px rgba(128,128,128,.18);
}

/* ---- Tema aksen mengikuti warna logo (mode gelap/terang tetap) ---- */
.text-pink-500,.text-pink-600{color:#f5326e !important}
.bg-pink-500,.bg-pink-600{background-color:#f5326e !important}
.border-pink-500,.border-pink-600{border-color:#f5326e !important}
.ring-pink-500{--tw-ring-color:#f5326e !important}
.fill-pink-500,.fill-pink-600{fill:#f5326e !important}
.from-pink-500{--tw-gradient-from:#f5326e var(--tw-gradient-from-position) !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,0,0,0)) !important}
.to-orange-600,.to-pink-600,.to-pink-500{--tw-gradient-to:#ff7a45 var(--tw-gradient-to-position) !important}
.hover\:bg-pink-500:hover,.hover\:bg-pink-600:hover,.hover\:bg-pink-700:hover{background-color:#d81b60 !important}
.hover\:text-pink-500:hover,.hover\:text-pink-600:hover{color:#d81b60 !important}
.hover\:border-pink-500:hover,.hover\:border-pink-600:hover{border-color:#d81b60 !important}
.group:hover .group-hover\:text-pink-500,.group:hover .group-hover\:text-pink-600{color:#d81b60 !important}