/* ==== VIDARA custom override v2 — slider portrait + logo mobile + tema + favicon ==== */
/* app: stardusttv | aman dihapus untuk rollback */

/* ---- Banner slider: landscape (aspect 16/6) -> PORTRAIT 3/4, peek prev/next (Splide padding di JS) ---- */
main .aspect-\[16\/6\]{aspect-ratio:3/4 !important;height:auto !important}
.splide.rounded-xl .splide__slide>div{aspect-ratio:3/4 !important;height:auto !important}
.splide.rounded-xl{max-width:520px;margin-left:auto;margin-right:auto}
/* kartu samping mengecil, kartu tengah membesar (efek zoom) + gap dari opsi Splide di JS */
.splide.rounded-xl .splide__slide{border-radius:14px;overflow:hidden;transform:scale(.86);transition:transform .35s ease;transform-origin:center center}
.splide.rounded-xl .splide__slide.is-active{transform:scale(1)}
.splide.rounded-xl .splide__pagination{bottom:.2rem}

/* ---- Logo: ganti ke logo app, rounded ---- */
img.h-16.py-4.object-contain{
  content:url("/vidara-logo.png?v=1783991883");
  width:auto !important;height:44px !important;padding:0 !important;
  border-radius:10px;object-fit:contain;box-shadow:0 0 0 1px rgba(128,128,128,.18);
}
/* ---- Mobile: tampilkan logo (nav aslinya hidden lg:flex) + ciutkan search bar ---- */
@media(max-width:1023px){
  header nav{display:flex !important;width:auto !important;flex:0 0 auto !important;gap:.5rem !important}
  header nav>div{display:none !important}               /* sembunyikan menu teks, logo tetap tampil */
  header .lg\:w-5\/12{width:auto !important;flex:1 1 0 !important;min-width:0 !important}
}

/* ---- Tema aksen -> warna logo (light+dark; !important menang atas nightwind) ---- */
.text-pink-100,.text-pink-200,.text-pink-300,.text-pink-400,.text-pink-500,.text-pink-600{color:#f5417e !important}
.bg-pink-400,.bg-pink-500,.bg-pink-600{background-color:#f5417e !important}
.border-pink-100,.border-pink-500,.border-pink-600{border-color:#f5417e !important}
.ring-pink-300,.ring-pink-500{--tw-ring-color:#f5417e !important}
.fill-pink-500,.fill-pink-600{fill:#f5417e !important}
.shadow-pink-500{--tw-shadow-color:#f5417e !important;--tw-shadow:var(--tw-shadow-colored) !important}
.from-pink-500{--tw-gradient-from:#f5417e var(--tw-gradient-from-position) !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,0,0,0)) !important}
.to-pink-600,.to-orange-600,.to-pink-500{--tw-gradient-to:#f5417e 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-400:hover,.hover\:text-pink-500:hover,.hover\:text-pink-600:hover{color:#d81b60 !important}
.group:hover .group-hover\:text-pink-500,.group:hover .group-hover\:text-pink-600{color:#d81b60 !important}
/* bottom-nav item aktif (mengalahkan .router-link-active[data-v]{color:#ec4899!important}) */
.router-link-active[class]{color:#f5417e !important}