/*

Theme Name: AlaricBS
Theme URI: http://www.alaric.id
Author: Alaric
Author URI: http://www.alaric.id/
Description: with Bootstrap 5, full-width, fully responsive and highly customizable WordPress Theme. Add and edit your own logo, header, featured slider, featured areas and much more.
Version: 1.1 — Sensa Hotel Bandung palette (design system v1.0)
License: GNU General Public License v2.0
License URI: ​http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap 5, light, white, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready, theme-options, full-width-template, responsive-layout, black

*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/* ----------------------------------------------------------------------------
   1. TOKEN — Sensa Hotel Bandung
   Nama variabel lama (--bb-green, --bb-gold, --bb-cream, dst) SENGAJA dipertahankan
   supaya seluruh class tema di bawah tetap jalan tanpa diubah. Hanya nilainya
   yang diganti ke palet Sensa.
   -------------------------------------------------------------------------- */
:root {
  --bb-body-superlight:  #f9f9f9;
  --bb-border-superlight:#ececec;

  /* — Brand: plum (dulu "green") — */
  --bb-green:            #7b4c84;
  --bb-green-hover:      #653d6c;
  --bb-green-deep:       #4e2f54;
  --bb-green-darkest:    #37213c;

  /* — Accent: brass (dulu "gold") — hanya untuk tarif, bintang, penghargaan — */
  --bb-gold:             #c39b56;
  --bb-gold-muted:       #dcc6e0;
  --bb-gold-pale:        #f8f0e2;

  /* — Netral hangat di atas putih (dulu cream/sand/ivory) — */
  --bb-sand:             #f0eef0;
  --bb-ivory:            #ffffff;
  --bb-cream-card:       #ffffff;
  --bb-cream:            #ffffff;
  --bb-cream-pale:       #f7f2f8;
  --bb-chip-bg:          #f7f2f8;

  /* — Ink & text — */
  --bb-ink:              #1a171b;
  --bb-body:             #413c43;
  --bb-muted:            #7c757e;
  --bb-taupe:            #a49ea6;
  --bb-nav:              #413c43;

  /* — Borders — */
  --bb-border:           #e4e1e5;
  --bb-border-light:     #e4e1e5;
  --bb-border-faint:     #f0eef0;
  --bb-border-gold:      #dcc6e0;

  /* — Logo only — */
  --bb-red:              #b3403f;

  /* — Type — Manrope untuk semua.
     CATATAN: sebelumnya --bb-font-heading nilainya kosong (isinya hanya komentar),
     jadi deklarasinya invalid dan h1–h6 kehilangan font-family. Sudah diperbaiki. */
  --bb-font-heading:     'Manrope', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --bb-font-body:        'Manrope', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --bb-font-heading-hand:'Manrope', sans-serif; /* font Hurricane tidak dimuat lagi */

  /* — Plum ramp — */
  --bb-plum-50:          #f7f2f8;
  --bb-plum-100:         #efe4f1;
  --bb-plum-200:         #dcc6e0;
  --bb-plum-400:         #a67cb0;
  --bb-plum-600:         #7b4c84;
  --bb-plum-700:         #653d6c;
  --bb-plum-800:         #4e2f54;

  /* — Shape & shadow — */
  --bb-radius-sm:        4px;
  --bb-radius:           10px;
  --bb-radius-lg:        16px;
  --bb-radius-xl:        24px;
  --bb-radius-pill:      999px;
  --bb-shadow-sm:        0 1px 3px rgba(26, 23, 27, 0.06), 0 1px 2px rgba(26, 23, 27, 0.04);
  --bb-shadow:           0 6px 16px rgba(26, 23, 27, 0.08);
  --bb-shadow-lg:        0 16px 40px rgba(26, 23, 27, 0.10);
  --bb-shadow-brand:     0 10px 28px rgba(123, 76, 132, 0.20);

  /* — Motion — satu kurva easing untuk seluruh situs — */
  --bb-ease:             cubic-bezier(.22,.61,.36,1);
  --bb-dur-fast:         120ms;
  --bb-dur-base:         200ms;
  --bb-dur-slow:         360ms;

  /* — Scrim: satu-satunya gradient yang dipakai (teks putih di atas foto) — */
  --bb-scrim:            linear-gradient(180deg, rgba(26,23,27,0) 30%, rgba(26,23,27,.72) 100%);
}

/* ----------------------------------------------------------------------------
   2. BOOTSTRAP CORE OVERRIDES  (aman — hanya berlaku bila Bootstrap dimuat)
   -------------------------------------------------------------------------- */
:root, [data-bs-theme="light"] {
  --bs-body-bg:               #ffffff;
  --bs-body-bg-rgb:           255, 255, 255;
  --bs-body-color:            #413c43;
  --bs-body-color-rgb:        65, 60, 67;
  --bs-body-font-family:      var(--bb-font-body);
  --bs-body-font-size:        1rem; /* 16px */
  --bs-body-font-weight:      400;
  --bs-body-line-height:      1.62;

  --bs-emphasis-color:        #1a171b;
  --bs-emphasis-color-rgb:    26, 23, 27;
  --bs-secondary-color:       #7c757e;
  --bs-tertiary-color:        #a49ea6;
  --bs-heading-color:         #1a171b;

  --bs-primary:               #7b4c84;
  --bs-primary-rgb:           123, 76, 132;
  --bs-secondary:             #c39b56;
  --bs-secondary-rgb:         195, 155, 86;
  --bs-success:               #2e7d54;
  --bs-success-rgb:           46, 125, 84;
  --bs-info:                  #3a5f9c;
  --bs-info-rgb:              58, 95, 156;
  --bs-warning:               #b57614;
  --bs-warning-rgb:           181, 118, 20;
  --bs-light:                 #f7f6f7;
  --bs-light-rgb:             247, 246, 247;
  --bs-dark:                  #1a171b;
  --bs-dark-rgb:              26, 23, 27;
  --bs-danger:                #b3403f;
  --bs-danger-rgb:            179, 64, 63;

  --bs-link-color:            #7b4c84;
  --bs-link-color-rgb:        123, 76, 132;
  --bs-link-hover-color:      #4e2f54;
  --bs-link-hover-color-rgb:  78, 47, 84;

  --bs-border-color:          #e4e1e5;
  --bs-border-color-translucent: rgba(26, 23, 27, 0.09);
  --bs-border-radius:         var(--bb-radius);
  --bs-border-radius-sm:      var(--bb-radius-sm);
  --bs-border-radius-lg:      var(--bb-radius-lg);
  --bs-border-radius-xl:      var(--bb-radius-xl);
  --bs-border-radius-pill:    var(--bb-radius-pill);

  --bs-secondary-bg:          #f7f6f7;
  --bs-tertiary-bg:           #f7f2f8;

  --bs-box-shadow-sm:         var(--bb-shadow-sm);
  --bs-box-shadow:            var(--bb-shadow);
  --bs-box-shadow-lg:         var(--bb-shadow-lg);
  --bs-focus-ring-color:      rgba(123, 76, 132, 0.20);
  --bs-focus-ring-width:      .25rem;

  --bs-nav-link-color:        #FFFFFF;
  --bs-nav-link-active-color: #7b4c84;
  --bs-brand-color:           #7b4c84;
  --bs-brand-border-color:    #7b4c84;
  --bs-brand-bg:              #7b4c84;
  --bs-brand-light:           #f7f2f8;
}


/* Tombol Sensa: selalu pill, semibold, hover satu langkah lebih gelap, tekan mengecil */
.btn {
	--bs-btn-border-radius: var(--bb-radius-pill);
	--bs-btn-font-weight: 600;
	letter-spacing: -.01em;
	white-space: nowrap;
	transition: background-color var(--bb-dur-fast) var(--bb-ease), border-color var(--bb-dur-fast) var(--bb-ease), color var(--bb-dur-fast) var(--bb-ease), transform var(--bb-dur-fast) var(--bb-ease);
}
.btn:active {transform: scale(.98);}
.btn:disabled, .btn.disabled {opacity: .45;}

/* Brass — HANYA untuk tarif, promo terbatas, bintang. Bukan warna kedua untuk UI. */
.btn-accent {
  --bs-btn-color: #1a171b;
  --bs-btn-bg: var(--bb-gold);
  --bs-btn-border-color: var(--bb-gold);
  --bs-btn-hover-bg: #e2c48c;
  --bs-btn-hover-border-color: #e2c48c;
  --bs-btn-hover-color: #1a171b;
}

/* Ghost — teks saja, untuk aksi sekunder di dalam kartu / nav */
.btn-ghost {
  --bs-btn-color: var(--bb-green);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: var(--bb-plum-50);
  --bs-btn-hover-color: var(--bb-green-hover);
  --bs-btn-hover-border-color: transparent;
}

.btn-outline-green {
  --bs-btn-color: var(--bb-green);
  --bs-btn-border-color: var(--bb-plum-200);
  --bs-btn-hover-bg: var(--bb-plum-50);
  --bs-btn-hover-border-color: var(--bb-plum-200);
  --bs-btn-hover-color: var(--bb-green-hover);
  --bs-btn-active-bg: var(--bb-plum-100);
  --bs-btn-active-color: var(--bb-green-deep);
}

.btn-brand {background: var(--bs-brand-bg);color: #fff;border-color: var(--bs-brand-bg); }
.btn-brand:hover, .btn-brand:focus {background: var(--bb-green-hover);color: #fff;border-color: var(--bb-green-hover); }

.btn-outline-brand {
  --bs-btn-color: var(--bs-brand-color);
  --bs-btn-border-color: var(--bb-plum-200);
  --bs-btn-hover-bg: var(--bb-plum-50);
  --bs-btn-hover-border-color: var(--bb-plum-200);
  --bs-btn-hover-color: var(--bb-green-hover);
  --bs-btn-active-bg: var(--bb-plum-100);
  --bs-btn-active-color: var(--bb-green-deep);
}

.rounded-pill {padding-left: 1.5rem!important;padding-right: 1.5rem!important;}

.bg-brand {background-color: var(--bs-brand-bg);}
.bg-body-light {background-color: #fff;border-top: solid 1px var(--bb-border-superlight);border-bottom: solid 1px var(--bb-border-superlight);}
.bg-brand-light {background-color: var(--bs-brand-light);}

.bordered-bottom {border-bottom: solid 1px var(--bs-brand-border-color);}

.text-light {color: var(--bs-body-bg);}
.text-color-brand {color: var(--bs-brand-color);}
.bg-overlay a, .bg-overlay p, .bg-overlay li  {color: var(--bs-body-bg);text-decoration: none;outline: none;}
.bg-overlay h4, .bg-overlay h3, .bg-overlay h2, footer h4 {color: var(--bb-cream-card);}

.site-header .nav-link {color: #fff;}
.site-header .nav-link.active, .site-header .nav-link.show,
.site-header .navbar-nav .current-menu-item > .nav-link, .site-header .navbar-nav .current-menu-ancestor > .nav-link {
	color: #fff!important; 
	border: 1px solid #fff;
	border-radius: var(--bs-border-radius-pill) !important;
}
.site-header .navbar-nav .dropdown-menu .current-menu-item > .dropdown-item {
    background-color: var(--bs-brand-light);
    color: var(--bs-nav-link-active-color);
}

.site-header .link-vr {background-color: #fff;border-radius: 30px;border: solid 1px rgba(0, 0, 0, 0);}
.site-header .link-vr .nav-link {color: var(--bs-brand-color);font-weight: 600;padding-left: 1rem!important;padding-right: 1rem!important;}
.site-header .link-vr.current-menu-item > .nav-link, .site-header .link-vr.current-menu-ancestor > .nav-link {
	color: var(--bs-brand-color)!important;
}

.sticky .nav-link {color: var(--bs-brand-color);}
.sticky .link-vr {border-color: var(--bs-brand-border-color);background-color: var(--bs-brand-bg);}
.sticky .link-vr .nav-link {color: #fff;}
.sticky .navbar-nav .current-menu-item > .nav-link, .sticky .navbar-nav .current-menu-ancestor > .nav-link {
	color: var(--bs-nav-link-active-color)!important;
	border-color: var(--bs-brand-border-color);
}
.sticky .link-vr.current-menu-item > .nav-link, .sticky .link-vr.current-menu-ancestor > .nav-link {
	color: #fff!important;
}

@media (max-width:576px) {

}


body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background-color: var(--bb-body-superlight);
	text-wrap: pretty;
}

/* Headings memakai serif display.
   SAFE-CHANGE #4: tetap global (ini tujuan rebrand). Jika judul di menu/widget/
   footer jadi rusak, KOMENTARI blok ini lalu pakai blok scoped di bawahnya. */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--bb-font-heading);
	font-weight: 700;
	color: var(--bb-ink);
	line-height: 1.18;
	letter-spacing: -.02em;
}
h1, .h1 {font-size: 2.5rem;line-height: 1.12;letter-spacing: -.025em;font-weight: 800;}
h2, .h2 {font-size: 1.875rem;}
h3, .h3 {font-size: 1.375rem;line-height: 1.26;}
h4, .h4 {font-size: 1.125rem;line-height: 1.34;font-weight: 600;}
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {font-weight: 800;letter-spacing: -.03em;line-height: 1.06;}
/* Judul di atas foto / area gelap tetap putih */
.bg-overlay h1, .bg-overlay h2, .bg-overlay h3, .bg-overlay h4,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 {color: #fff;}
/*h1, .h1 { line-height: 1.08; }*/

.heading-hand {font-family: var(--bb-font-heading-hand);font-weight: 600;line-height: 1;}
h2.heading-hand {font-size: 2.3rem;}

.calcal form .box input[type="submit"],
.calcal-alrc .btn-bottom {
	background-color: var(--bs-brand-bg)!important;
	border-color: var(--bs-brand-border-color)!important;
}


.lead {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.62;
  color: var(--bb-muted);
}

/* Eyebrow / kicker khas Sensa — uppercase, tracking lebar, plum */
.sensa-eyebrow {display: inline-block;font-size: .75rem;font-weight: 700;letter-spacing: .16em;text-transform: uppercase;color: var(--bb-green);}


.body-container {
	display:grid;
	grid-template-rows:auto 1fr auto;
	grid-template-columns:100%;
	min-height:100vh;/* fallback height */
	min-height:100svh;/* new small viewport height for modern browsers */
}


@media (max-width:576px) {
	.wed .w-50 {width: 100%!important}
	.carousel-indicators [data-bs-target] {width: 10px;height: 10px;border-radius: 50%}
	.carousel-control-next, .carousel-control-prev {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		opacity: .8;
		background-color: rgba(255, 255, 255, .5);
		top: 50%;
  		transform: translateY(-50%);
	}
	.carousel-control-prev {left: 15px;}
	.carousel-control-next {right: 15px;}
	.carousel-control-prev:hover, .carousel-control-next:hover {opacity: 1;background-color: rgba(255, 255, 255, .7);}
	.carousel-control-prev-icon, .carousel-control-next-icon {filter: invert(1) grayscale(100%) brightness(100%);}
	
}

.site-header {position: absolute;left: 0;top: 0;width: 100%;z-index: 3;background-color: transparent;}
.site-header::before {position: relative;content: "";display: block;height: 120px;margin-bottom: -120px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));}

.site-footer {border-top-left-radius: 50px;border-top-right-radius: 50px;color: var(--bs-brand-color);}
.site-footer .nav li {line-height: 1;}
.site-footer .nav li a {color: #fff;}
.site-footer .nav.flex-column {columns: 2;display: block;}

.footer-logo {}
.footer-logo a {display: block;}

@media (max-width:768px) {
	.site-header::before {}
	.site-header nav {padding-top: 0;padding-bottom: 0;}
	.site-header .container {padding-top: 1rem!important;padding-bottom: 1rem!important;}
	.welcome-text-card {margin-left: .5rem;margin-right: .5rem;margin-top: -1.5rem;border-radius: 10px 10px 0 0!important;}
	
	.site-footer {padding-bottom: 5rem!important;}
	.site-footer .nav {display: flex;flex-direction: row!important;margin-top: 1rem;}
	.site-footer .nav li {line-height: normal;}
	.site-footer .nav li a {padding-left: 0;padding-top: 0;}
	
	.footer-mobile .book-btn {position: relative;}
	.footer-mobile .book-btn a {
		/*position: absolute;
		bottom: .5rem;
		border-radius: 50%;
		padding-top: .657rem;
		padding-bottom: .657rem;*/
	}
	.footer-mobile .book-btn .circle-div {
		padding: 0;
		width: 50px;
		height: 50px;
		line-height: 50px;
		border-radius: 50%;
		margin-top: -24px;
	}
	.footer-mobile .book-btn .circle-div i {font-size: 1.25rem!important;line-height: 1;}
	
	.footer-logo {margin-bottom: 1rem;width: auto;}
	.footer-logo img {width: 40%;}
	.input-group>.form-control {width: 100%;}
}

@-webkit-keyframes glidein {
	
	from{-webkit-transform: translate3d(0,-100%,0)}
	to{-webkit-transform: translate3d(0,0,0)}
	
}

@keyframes glidein {
	
	from{transform: translate3d(0,-100%,0)}
	to{transform: translate3d(0,0,0)}
	
}

.bs-navbar:not(.bs-navbar-caret) .dropdown-toggle:after{display: none;}

.toggler-white {border-color: #fff!important;}
.toggler-white:focus, .toggler-white:active {box-shadow: none;}
.toggler-white .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.site-logo {width: 100px;}
.site-logo a {display: block; background-repeat: no-repeat;background-position: center center;background-size: contain;}
.site-logo a img {width: 100%;}

@media (max-width:576px) {
	.site-logo {width: 80px!important;}
	.sticky .site-logo {width: 60px!important;}
}

.sticky {position: fixed!important;top: 0;background-color: rgba(255, 255, 255, 1);backdrop-filter: saturate(1.4) blur(12px);box-shadow: 0 1px 0 var(--bb-border), 0 6px 16px rgba(26, 23, 27, .06);-webkit-animation: glidein .5s forwards;animation: glidein .5s forwards;}
.site-header.sticky::before {background-image: none;}

.stick {position: fixed!important;top: 100px;margin-top: 0!important;z-index: 3!important;/*left: 50%;transform: translateX(-50%);transition: transform 0.3s ease-in-out;*/left: 0;right: 0;margin-left: auto;margin-right: auto;-webkit-animation: glidein .5s forwards;animation: glidein .5s forwards;}

.sticky .site-logo a {background-image:url(img/logo-hotel/logo-color.png)!important;padding: 0;display: block;}
.sticky .site-logo a img {position: relative;z-index: -1;visibility: hidden;}
.sticky .site-logo {width: 80px;}

.sticky .toggler-white {border-color: inherit!important;}
.sticky .toggler-white:focus, .toggler-white:active {box-shadow: inherit;}
.sticky .toggler-white .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.sticky .top-menu .nav-link {color: #000;}

.top-menu .nav-link {color: #fff;}

.offcanvas {z-index: 1051;}

/*.bgc-footer {background-color: #fff}*/


/*.fullscreen-slide .carousel-item {height: 100vh;}*/
.full-screen {background-size: cover;background-position: center;background-repeat: no-repeat;}

.arrow-after {position: absolute;bottom: 100px;left: 50%;z-index: 2;display: inline-block;-webkit-transform: translate(0, -50%);	transform: translate(0, -50%);color: #fff;outline: none;transition: opacity .3s;}
.arrow-after span {position: absolute;top: 0;left: 50%;width: 24px;height: 24px;margin-left: -12px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.arrow-after:hover {opacity: .5;}

#social.color-white a {font-size: 2rem;color: white;}
/*.icon-img img {transition: filter 0.3s ease;}
.icon-img:hover img, .icon-img:focus img {filter: brightness(0) invert(1);}*/

.mintop {margin-top: -50px;z-index: 1;}
.min-bot {margin-bottom: -40px;}
.mintight {margin-top: -20px;}
.my-l-min {margin-top: -56%;}
.my-min-1 {margin-left: -.8rem;margin-right: -.8rem;}

@media (min-width: 1200px) {
  .ms-xl-n5 {margin-left: -3rem!important;}
}

@media (max-width:576px) {
	.arrow-after {bottom: 150px;}
	.my-l-min {margin-top: 0;}
	.my-min-1 {margin-left: 0;margin-right: 0;}
}

.img-wrapper {position: relative;}
.img-wrapper img {height: 100%;width: 100%;object-fit: cover;object-position: center;}
.height-fs {height: 100vh;}
.height-fs-half {height: 50vh}
.height-0 {height: 12em;}
.height-1 {height: 15em;}
.height-2 {height: 32em;}
.height-3 {height: 20em;}
.height-4 {height: 40em;}
.height-5 {height: 25em;}
.height-6 {height: 18em;}

@media (max-width: 576px){
	.height-0, .height-2, .height-4, .height-5 {height: 22em;}
}


.eapps-google-maps, .elfsight-widget-google-maps {height: 100%!important;}



.top-auto {top: auto;}
.fr-bottom {background-image: linear-gradient(to top, rgba(0, 0, 0, .75) 60%, rgba(0, 0, 0, 0) 100%);}
.fr-left {background-image: linear-gradient(to right, rgba(0, 0, 0, .95), rgba(0, 0, 0, 0));}


.column-count {height: auto;width: 100%;}
.column-count li {display: block;padding: 10px;}

@media(min-width: 480px){
	.column-3 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
}

@media(min-width: 768px){
	.column-3 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}

@media(min-width: 992px){
	.column-3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
}


.bg-offset-hero::after {position: absolute;content: '';width: 75%;top: 0;left: 0;bottom: 0;z-index: -1;background-color: #0d6efd;}

@media (max-width: 768px) {
	.bg-offset-hero::after {width: 100%;}
}


.iconic {margin: 0;list-style-type: none;}
.iconic li {position: relative;padding:7px 0!important;line-height: normal;}
.iconic li i {position: absolute;left: -30px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;background-repeat: no-repeat;background-position: center center;background-size: contain;}


/* zigzag layout */

.alternate-cards .card {display: flex;flex-flow: wrap;flex: 100%;margin-bottom: 1.5rem;}
.alternate-cards .card-body {flex: 2;}
.alternate-cards .card-img-body {flex: 2;}
.alternate-cards .card:nth-child(even) .card-img-body {order: 2;}

.section-unwrap {overflow: hidden;}

/* youtube embed */

.ytframe-container {
	/*position: relative;overflow: hidden;padding-bottom: 56.25%;height: 0;max-width: 100%;*/
	/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;overflow:hidden;*/
}
.ytframe-container iframe, .ytframe-container object, .ytframe-container embed {
	top: -90px;
	/*position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;margin-top: -50px;*/
	/*width: 100%;height: 100%;*/
}

@media (max-width: 767px) {
	.ytframe-container {height: 100%;}
	.ytframe-container iframe, .ytframe-container object, .ytframe-container embed {top: 0;}
}


/* ============================================================================
   SENSA DESIGN SYSTEM — komponen & utility
   Ditambahkan v1.1. Semua di bawah ini aman dihapus kalau tidak dipakai.
   ========================================================================== */

/* --- Form --- */
.form-control, .form-select {
	border-color: #cbc6cd;
	border-radius: var(--bb-radius);
	font-size: .9375rem;
	color: var(--bb-ink);
	transition: border-color var(--bb-dur-fast) var(--bb-ease), box-shadow var(--bb-dur-fast) var(--bb-ease);
}
.form-control::placeholder {color: var(--bb-taupe);}
.form-control:focus, .form-select:focus {border-color: var(--bb-green);box-shadow: 0 0 0 3px rgba(123, 76, 132, .14);}
.form-control-lg, .form-select-lg {padding: .9375rem 1rem;font-size: 1rem;}
.form-label {font-size: .8125rem;font-weight: 600;color: var(--bb-ink);margin-bottom: .375rem;}
.form-text {font-size: .75rem;color: var(--bb-muted);}
.input-group-text {background: var(--bb-sand);border-color: #cbc6cd;color: var(--bb-muted);}
.form-check-input {border-color: #cbc6cd;}
.form-check-input:checked {background-color: var(--bb-green);border-color: var(--bb-green);}
.form-check-input:focus {border-color: var(--bb-plum-400);box-shadow: 0 0 0 3px rgba(123, 76, 132, .14);}
.form-check-input[type="checkbox"] {border-radius: var(--bb-radius-sm);}
.form-switch .form-check-input {width: 2.75rem;height: 1.625rem;}
.form-control.is-invalid, .was-validated .form-control:invalid {border-color: var(--bb-red);}
.invalid-feedback {color: var(--bb-red);font-size: .75rem;}

/* --- Kartu --- */
.card {border: 1px solid var(--bb-border);border-radius: var(--bb-radius-lg);box-shadow: var(--bb-shadow-sm);background: #fff;}
.card-body {padding: 1.5rem;}
.card-title {font-size: 1.125rem;font-weight: 700;letter-spacing: -.01em;color: var(--bb-ink);}
.card-header, .card-footer {background: #fff;border-color: var(--bb-border);}
.card-hover {transition: box-shadow var(--bb-dur-base) var(--bb-ease), transform var(--bb-dur-base) var(--bb-ease);}
.card-hover:hover {box-shadow: var(--bb-shadow-lg);transform: translateY(-2px);cursor: pointer;}
.card-flat {background: var(--bb-sand);border-color: transparent;box-shadow: none;}
.card-outline {box-shadow: none;border-color: #cbc6cd;}
.card-brand {background: var(--bb-plum-50);border-color: var(--bb-plum-200);box-shadow: none;}

/* --- Badge & tag --- */
.badge {border-radius: var(--bb-radius-sm);font-weight: 700;font-size: .75rem;letter-spacing: .02em;padding: .3125rem .625rem;}
.badge-soft {background: var(--bb-plum-50);color: var(--bb-green-hover);}
.badge-accent {background: var(--bb-gold-pale);color: #96723a;}
.badge-success-soft {background: #e6f4ec;color: #2e7d54;}
.badge-warning-soft {background: #fdf1de;color: #b57614;}
.badge-danger-soft {background: #fbe9e9;color: var(--bb-red);}
.sensa-tag {display: inline-flex;align-items: center;gap: .375rem;padding: .4375rem .875rem;font-size: .8125rem;font-weight: 500;border-radius: var(--bb-radius-pill);border: 1px solid var(--bb-border);background: #fff;color: var(--bb-body);}
.sensa-tag.active {border-color: var(--bb-green);background: var(--bb-plum-50);color: var(--bb-green-hover);}

/* --- Navigasi --- */
.nav-tabs {border-bottom-color: var(--bb-border);}
.nav-tabs .nav-link {border: 0;border-bottom: 2px solid transparent;padding: 0 0 .875rem;margin-bottom: -1px;margin-right: 1.75rem;font-size: .9375rem;font-weight: 500;color: var(--bb-muted);}
.nav-tabs .nav-link:hover {border-bottom-color: var(--bb-plum-200);color: var(--bb-green-hover);}
.nav-tabs .nav-link.active {background: transparent;border-bottom-color: var(--bb-green);color: var(--bb-green);font-weight: 700;}
.nav-pills .nav-link {border-radius: var(--bb-radius-pill);font-weight: 600;}
.nav-pills .nav-link.active {background: var(--bb-green);}
.breadcrumb {font-size: .8125rem;--bs-breadcrumb-divider-color: var(--bb-taupe);--bs-breadcrumb-item-active-color: var(--bb-ink);}
.breadcrumb-item.active {font-weight: 600;}
.page-item.active .page-link {background: var(--bb-green);border-color: var(--bb-green);}
.page-link {color: var(--bb-body);}
.dropdown-menu {border-color: var(--bb-border);border-radius: var(--bb-radius);box-shadow: var(--bb-shadow);padding: .375rem;}
.dropdown-item {border-radius: var(--bb-radius-sm);font-size: .9375rem;}
.dropdown-item:hover {background: var(--bb-plum-50);color: var(--bb-green-hover);}
.dropdown-item.active, .dropdown-item:active {background: var(--bb-green);}

/* --- Alert, toast, modal, tooltip, accordion --- */
.alert {border-radius: var(--bb-radius);font-size: .9375rem;}
.alert-primary {--bs-alert-bg: var(--bb-plum-50);--bs-alert-border-color: var(--bb-plum-200);--bs-alert-color: var(--bb-green-hover);}
.alert-success {--bs-alert-bg: #e6f4ec;--bs-alert-border-color: #c7e4d4;--bs-alert-color: #2e7d54;}
.alert-warning {--bs-alert-bg: #fdf1de;--bs-alert-border-color: #f2ddb8;--bs-alert-color: #b57614;}
.alert-danger {--bs-alert-bg: #fbe9e9;--bs-alert-border-color: #f0cdcd;--bs-alert-color: var(--bb-red);}
.toast {border-radius: var(--bb-radius);border-color: var(--bb-border);box-shadow: var(--bb-shadow);background: #fff;}
.toast-header {background: #fff;border-bottom-color: var(--bb-border);font-weight: 700;}
.modal-content {border: 0;border-radius: var(--bb-radius-lg);box-shadow: var(--bb-shadow-lg);}
.modal-header, .modal-footer {border-color: var(--bb-border);padding: 1.25rem 1.75rem;}
.modal-backdrop.show {opacity: 1;background: rgba(26, 23, 27, .55);backdrop-filter: blur(3px);}
.tooltip-inner {background: var(--bb-ink);border-radius: var(--bb-radius-sm);font-size: .75rem;font-weight: 500;padding: .375rem .625rem;}
.accordion {--bs-accordion-active-color: var(--bb-green);--bs-accordion-active-bg: var(--bb-plum-50);--bs-accordion-border-color: var(--bb-border);--bs-accordion-border-radius: var(--bb-radius);--bs-accordion-btn-focus-box-shadow: 0 0 0 3px rgba(123, 76, 132, .14);}
.progress {--bs-progress-bar-bg: var(--bb-green);--bs-progress-bg: var(--bb-sand);--bs-progress-border-radius: var(--bb-radius-pill);}
.list-group {--bs-list-group-border-color: var(--bb-border);--bs-list-group-active-bg: var(--bb-green);--bs-list-group-active-border-color: var(--bb-green);}
.table {--bs-table-border-color: var(--bb-border);}
.table > thead {font-size: .8125rem;text-transform: uppercase;letter-spacing: .06em;color: var(--bb-muted);}

/* --- Utility Sensa --- */
.text-accent {color: var(--bb-gold)!important;}
.text-ink {color: var(--bb-ink)!important;}
.text-muted-warm {color: var(--bb-muted)!important;}
.bg-brand-soft {background-color: var(--bb-plum-50)!important;}
.bg-brand-dark {background-color: var(--bb-green-deep)!important;color: #fff;}
.bg-sunken {background-color: var(--bb-sand)!important;}
.rounded-sensa {border-radius: var(--bb-radius-lg)!important;}
.rounded-sensa-xl {border-radius: var(--bb-radius-xl)!important;}
.shadow-brand {box-shadow: var(--bb-shadow-brand)!important;}
.section-y {padding-top: 96px;padding-bottom: 96px;}

@media (max-width: 767.98px) {
	.section-y {padding-top: 56px;padding-bottom: 56px;}
}

/* --- Pola khas hotel --- */
/* Hero + scrim: satu-satunya gradient yang dipakai sistem ini */
.sensa-hero {position: relative;border-radius: 0 0 var(--bb-radius-xl) var(--bb-radius-xl);overflow: hidden;background: var(--bb-plum-50);}
.sensa-hero > img {width: 100%;height: 100%;object-fit: cover;}
.sensa-hero::after {content: "";position: absolute;inset: 0;background: var(--bb-scrim);pointer-events: none;}
.sensa-hero-content {position: absolute;left: 3.5rem;bottom: 5.5rem;z-index: 2;max-width: 640px;color: #fff;}
.sensa-hero-content h1, .sensa-hero-content .h1 {color: #fff;}

/* Booking bar mengambang di bawah hero */
.sensa-bookingbar {background: #fff;border: 1px solid var(--bb-border);border-radius: var(--bb-radius-lg);box-shadow: var(--bb-shadow-lg);padding: 1.25rem;margin-top: -3.5rem;position: relative;z-index: 5;}

/* Placeholder foto — selama foto asli belum tersedia */
.sensa-photo {position: relative;width: 100%;aspect-ratio: 4 / 3;background: var(--bb-plum-50);border: 1px dashed var(--bb-plum-200);border-radius: var(--bb-radius-lg);display: flex;align-items: center;justify-content: center;color: var(--bb-plum-400);font-size: .75rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;}
.sensa-photo > img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: inherit;}

/* Ikon fasilitas */
.sensa-icon-disc {width: 2.25rem;height: 2.25rem;border-radius: 50%;background: var(--bb-plum-50);color: var(--bb-green);display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;}
.sensa-icon-tile {width: 3rem;height: 3rem;border-radius: var(--bb-radius);background: var(--bb-plum-50);color: var(--bb-green);display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;}

/* Harga — format wajib: IDR 785,000 */
.sensa-price {font-size: 1.25rem;font-weight: 800;letter-spacing: -.02em;color: var(--bb-ink);}
.sensa-price-note {font-size: .75rem;color: var(--bb-muted);}

/* --- Fokus & link --- */
a {transition: color var(--bb-dur-fast) var(--bb-ease);}
:focus-visible {outline: 2px solid var(--bb-plum-400);outline-offset: 2px;}