/* =====================================================================
   POSHAKA — Tweaks halaman (kamar.php / detailkamar.php / checkout.php)
   Halaman2 ini berbasis Tailwind (warna sudah di-remap di tailwind.config
   roothead.php). File ini cuma menambal hal yang Tailwind tidak cover:
   variabel Hotelhub --primary-color, class .bali-border, dan ikon icon-*.
   Di-load PALING AKHIR. Pakai CSS variables dari design system (--coral dll).
   ===================================================================== */

/* 1) Variabel untuk style.css Hotelhub (bila di-load) */
:root{
	--primary-color:#0C3840;     /* ocean-deep */
	--secondary-color:#1B5E6B;   /* ocean */
	--accent-color:#C97B5E;      /* coral */
	--gold-color:#BFA361;
}

/* 2) .bali-border (dipakai tombol "Book Now" di kamar/detailkamar) */
.bali-border{border:1px solid var(--coral);border-radius:8px}

/* 3) Map icon-font lama (icon-*) -> Font Awesome 6 (FA sudah di-load).
      Jadi tidak perlu font icomoon Hotelhub. */
.icon-audience::before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f0c0"} /* users */
.icon-selection::before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f5cb"} /* vector-square (ukuran) */
.icon-Heart::before{font-family:"Font Awesome 6 Free";font-weight:400;content:"\f004"}     /* heart outline */
[class^="icon-"],[class*=" icon-"]{display:inline-block;font-style:normal;line-height:1}

/* 4) Aksen kecil senada Poshaka */
.bg-green-600{background-color:var(--palm)!important} /* badge "Available" -> palm */
.text-success{color:var(--palm)!important}
.text-danger{color:var(--terracotta)!important}

/* 5) Fallback animasi (kalau wow.js / owl tidak terinit) */
.wow{visibility:visible!important}
.gallery-top__carousel:not(.owl-loaded){display:flex;gap:1rem;overflow-x:auto}
.gallery-top__carousel:not(.owl-loaded) .item{flex:0 0 auto;min-width:300px}