/* UI-01 (2026-11-06): copied from santhiya-booking-v2.vercel.app/v2/santhiya-v2.css, the design
   team's skin. One change: the four Acumin Pro @font-face rules are left out until Santhiya
   confirms a web licence that covers bookengine.com, so --f-ui falls back to Helvetica Neue /
   Helvetica / Arial (Acumin Pro is still used where it is installed on the guest's computer).
   Keep this file as the design exports it; our additions are in santhiya-v2-engine.css. */
/*
  Santhiya V2 skin for the bookengine.com hotel_detail page.
  Loaded LAST. Changes colour, type, rules and corners only — no element is
  moved, resized or reordered, so the engine's layout and flow stay as they are.
  Tokens are the ones used on santhiya-web-v2 (Brand Book 20251002).
*/
/* One typeface throughout: Acumin Pro (ALIF, 2026-10-14) */

:root {
  --bone: #eeeae3; --bone-2: #e3dfd7; --paper: #f6f3ee; --mist: #d9d2c7; --cream: #f9f5e3;
  --ink: #2e2019; --ink-soft: #6b5a4f; --ink-mute: #9a8a7e; --rule: #d3c9bd;
  --brand: #7e4c37; --brand-deep: #5e3827; --espresso: #391d11; --brown-900: #572c1c;
  --krak: #815a31; --thong: #dbb867; --kaki: #9e8f7a; --sak: #ad5f3b; --teal: #256b6b;
  --f-ui: "Acumin Pro", "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --f-display: var(--f-ui);
  --f-serif: var(--f-ui);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ---- Ground & base type ------------------------------------------------ */
html, body, body.home { background: var(--bone) !important; color: var(--ink) !important; }
/* everything in Acumin Pro except the icon fonts */
body, body *:not(.fa):not(.glyphicon):not([class^="fa-"]) { font-family: var(--f-ui) !important; }
body, .mm-page, .header, .fontmobile, .frm-searchmoblie, .container, .rooms-box, .left-menu,
.form-control, .btn, label, select, input, h5, h4, .fontgroupfa, .sp-fac, .nav, .navbar {
  font-family: var(--f-ui) !important;
  -webkit-font-smoothing: antialiased;
}
::selection { background: var(--mist); color: var(--ink); }
a { transition: color .5s var(--ease), background-color .5s var(--ease), border-color .5s var(--ease); }
.fontcolor { color: var(--ink) !important; }

/* the old gold strip above the header becomes a single brand-gold hairline */
body { border-top-color: var(--thong) !important; }

/* ---- Header -------------------------------------------------------------- */
.navbar.header, .header-top, .header .box-menu {
  background: var(--bone) !important; background-image: none !important;
  border-color: var(--rule) !important; box-shadow: none !important;
}
.navbar.header { border-bottom: 1px solid var(--rule) !important; }
.header .nav > li > a, .sc-cust-head > li > a, .nav > li > a {
  color: var(--ink) !important; font-size: 12.5px !important; letter-spacing: .16em !important;
  font-weight: 400 !important; text-transform: uppercase; background: transparent !important;
}
.header .nav > li:hover, .nav > li:hover { background: transparent !important; }
.header .nav > li > a:hover { color: var(--brand) !important; }
.logo-nav-size, .logo-nav-size > a, .logo-nav-size *, .header .box-menu > * { border-color: var(--rule) !important; background-color: transparent !important; box-shadow: none !important; }

/* resort lockup in place of the old gold script logo */
.logo { background-image: none !important; position: relative; }
.logo .v2-lockup { position: absolute; inset: 0; justify-content: center; }
.v2-lockup { display: flex; flex-direction: column; align-items: center; color: var(--brand); line-height: 1; }
.v2-wordmark {
  background-color: currentColor !important;
  display: block; height: 26px; aspect-ratio: 2640 / 888; background: currentColor;
  -webkit-mask: url(brand/wordmark.svg) center / contain no-repeat; mask: url(brand/wordmark.svg) center / contain no-repeat;
}
.v2-island {
  margin-top: 6px; display: flex; align-items: center; gap: 7px;
  font: 400 9.5px/1 var(--f-ui); letter-spacing: .24em; text-transform: uppercase; color: var(--ink); white-space: nowrap;
}
.v2-island i { display: block; width: 14px; height: 1px; background-color: var(--thong) !important; }

/* member + menu controls */
.open-menu, .open-menu *, .fontmenu, .menu-center span, .img-profile span, .img-profile p, .login_n, .login_n *, .menu-center, .menu-center a, .login_name { color: var(--ink) !important; }
.member-bg-img { border-color: var(--brand) !important; background-color: var(--paper) !important; }
.dropdown-menu { background: var(--paper) !important; border: 1px solid var(--rule) !important; border-radius: 0 !important; box-shadow: none !important; }
.dropdown-menu a { color: var(--ink) !important; }

/* off-canvas menu (phones) */
.mm-menu { background: var(--paper) !important; color: var(--ink) !important; }
.mm-menu .mm-navbar, .mm-menu .mm-listview > li, .mm-menu .mm-listview > li::after { border-color: var(--rule) !important; }
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > *, .mm-menu .mm-title { color: var(--ink) !important; font-family: var(--f-display) !important; font-size: 18px; }
.mm-menu .mm-listview > li > a, .mm-menu .mm-listview > li > span {
  color: var(--ink) !important; font-family: var(--f-ui) !important; letter-spacing: .14em; text-transform: uppercase; font-size: 13px;
}
.mm-menu .mm-btn::before, .mm-menu .mm-btn::after, .mm-menu .mm-listview > li .mm-next::after { border-color: var(--brand) !important; }

/* ---- Search box ---------------------------------------------------------- */
.frm-search, .bgs, .frm-searchmoblie .bgs, .home .bgs {
  background: var(--paper) !important; color: var(--ink) !important;
  border: 1px solid var(--rule) !important; border-radius: 0 !important; box-shadow: none !important;
}
.frm-search label, .bgs label, .frm-search .sc-inslide-box, .left-addonio, .glyphiconac, .glyphiconacr,
.font-adults, .font-child, .frm-searchmoblie label {
  color: var(--brand) !important; font-family: var(--f-ui) !important; font-weight: 400 !important;
  font-size: 11px !important; letter-spacing: .18em !important; text-transform: uppercase;
}
.frm-search .form-control, .bgs .form-control, #checkin, #checkout, #discode, select.form-control,
.cus_in, .cus_out, .pickerrangein, .pickerrangeout {
  background-color: var(--paper) !important; color: var(--ink) !important; border: 0 !important;
  border-bottom: 1px solid var(--ink-mute) !important; border-radius: 0 !important; box-shadow: none !important;
  font-size: 15px !important; letter-spacing: .02em;
}
.frm-search .form-control:focus, .bgs .form-control:focus { border-bottom-color: var(--brand) !important; outline: none; }
.form-control::placeholder { color: var(--ink-mute) !important; }
.glyphicondate, .glyphicon.fa { color: var(--brand) !important; }

input.btn-search, .home .box-btn-search input.btn-search, input.btns-search, .btn-search {
  background: var(--brand) !important; background-image: none !important; color: var(--cream) !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important;
  font-family: var(--f-ui) !important; font-size: 13px !important; letter-spacing: .18em !important;
  text-transform: uppercase; font-weight: 400 !important;
}
input.btn-search:hover, .btn-search:hover { background: var(--brand-deep) !important; }

/* "Refine your search" panel */
.panel-refine, .panel-refine .panel-body { background: var(--paper) !important; border-color: var(--rule) !important; border-radius: 0 !important; box-shadow: none !important; }
.panel-head { background: var(--paper) !important; color: var(--ink) !important; font-family: var(--f-display) !important; border-bottom: 1px solid var(--rule); }
.panel-body { color: var(--ink-soft) !important; }
.slider-selection { background: var(--brand) !important; background-image: none !important; }
.slider-handle { background: var(--paper) !important; background-image: none !important; border: 1px solid var(--brand); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--brand); }

/* mobile: "DEAL" ribbon + privileges bubble */
span.deal {
  background: var(--brand) !important; background-image: none !important; color: var(--cream) !important;
  border-radius: 0 !important; letter-spacing: .2em; font-family: var(--f-ui) !important; text-shadow: none !important;
}
.dealdetail { color: var(--ink) !important; font-family: var(--f-serif) !important; }
.dialogbox .body { background: var(--paper) !important; border: 1px solid var(--rule) !important; border-radius: 0 !important; box-shadow: none !important; }
.dialogbox .tip-up { border-bottom-color: var(--paper) !important; }
.dialogbox li { color: var(--ink-soft) !important; font-family: var(--f-serif) !important; }
.dialogbox li::marker { color: var(--thong); }
.navmargin .nav, .marginnav .nav { background: var(--bone) !important; }

/* ---- Gallery ------------------------------------------------------------- */
.carousel-control.left, .carousel-control.right {
  background: var(--paper) !important; background-image: none !important; color: var(--ink) !important;
  border: 1px solid var(--rule) !important; border-radius: 0 !important; opacity: .92; text-shadow: none !important;
}
.carousel-control .glyphicon, .carousel-control .fa, .carousel-control span, .carousel-control i { color: var(--ink) !important; }
.thumbnails .thumbnail, a.thumbnail { border-radius: 0 !important; border-color: transparent !important; background: transparent !important; padding: 0 !important; }
.thumbnails .thumbnail:hover, a.thumbnail.selected, a.thumbnail.active { border-color: var(--brand) !important; }
.slider-img li.toggle-thumbnails, #show-thumbnails, #hide-thumbnails { background: var(--espresso) !important; }
.slider-img .toggle-thumbnails button {
  color: var(--cream) !important; font-family: var(--f-ui) !important; font-size: 12.5px !important;
  letter-spacing: .18em; text-transform: uppercase; font-weight: 400 !important; text-decoration: underline;
  text-underline-offset: 6px; text-decoration-color: rgba(219, 184, 103, .7);
}

/* ---- Loyalty banner (was a single SVG with the old CI baked in) ----------- */
.banner-member > a { display: block; text-decoration: none !important; }
.v2-member {
  display: grid; grid-template-columns: 1.15fr .85fr 1.1fr; align-items: center;
  background: var(--paper); border: 1px solid var(--rule); color: var(--ink);
  min-height: 130px; padding: 18px 26px; gap: 20px;
}
.v2-m-cash { display: flex; align-items: center; gap: 12px; }
.v2-m-num { font: 300 68px/0.9 var(--f-display); color: var(--brand); }
.v2-m-num sup { font-size: 26px; top: -1.3em; margin-left: 2px; }
.v2-m-txt b { display: block; font: 400 23px/1.1 var(--f-display); color: var(--ink); }
.v2-m-txt small { display: block; margin-top: 6px; font: 400 11.5px/1.5 var(--f-serif); color: var(--ink-soft); }
.v2-m-join { text-align: center; padding: 0 12px; border-left: 1px solid var(--rule); border-right: 1px solid var(--rule); }
.v2-m-join span { display: block; font: 400 15px/1.4 var(--f-serif); color: var(--ink-soft); }
.v2-m-join em {
  display: inline-block; margin-top: 9px; padding: 9px 20px; font: normal 400 12px/1 var(--f-ui);
  letter-spacing: .18em; text-transform: uppercase; background: var(--brand); color: var(--cream);
}
.banner-member > a:hover .v2-m-join em { background: var(--brand-deep); }
.v2-m-login { text-align: center; }
.v2-eyebrow { display: block; font: 400 10.5px/1.6 var(--f-ui); letter-spacing: .2em; text-transform: uppercase; color: var(--brand); }
.v2-m-login b { display: block; margin-top: 4px; font: 400 24px/1.2 var(--f-display); color: var(--ink); }
@media (max-width: 767px) {
  .v2-member { grid-template-columns: 1fr; text-align: center; padding: 22px 18px; gap: 14px; }
  .v2-m-cash { justify-content: center; }
  .v2-m-txt { text-align: left; }
  .v2-m-join { border: 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: 14px 0; }
}

/* ---- Accordion bars: Hotel description / privileges / policy / facilities */
.moreFa, .col-md-12.moreFa, .col-md-4.moreFa {
  background: var(--paper) !important; background-image: none !important;
  border-top: 1px solid var(--rule) !important;
}
.hotel-description .moreFa, .hotel-special-privileges .moreFa, .hotel-policy .moreFa, .show-more .moreFa { border-bottom: 0 !important; }
.fontgroupfa, .fontgroupfa .sp-fac, .moreFa span {
  color: var(--ink) !important; font-family: var(--f-display) !important; font-size: 17px !important;
  font-weight: 400 !important; letter-spacing: .01em !important;
}
.fontgroupfa .fa, .ifac, .ifachotel { color: var(--brand) !important; }
.hotel-policy-icon:hover .moreFa { background: var(--bone-2) !important; }
.morebar { background-color: var(--kaki) !important; }
.box-facilities {
  background: var(--paper) !important; border-color: var(--rule) !important; border-radius: 0 !important;
  color: var(--ink-soft) !important; font-family: var(--f-serif) !important; font-size: 14px; line-height: 1.8;
}
.box-facilities h4, .box-facilities h4 b { font-family: var(--f-display) !important; font-weight: 400 !important; color: var(--ink) !important; font-size: 20px; }
.facilities-group li::marker { color: var(--thong); }

/* ---- Search summary + tabs ---------------------------------------------- */
.txt-search-day, .txt-search-adult { color: var(--ink-soft) !important; font-family: var(--f-ui) !important; letter-spacing: .06em; }
.txt-search-day .fa, .txt-search-adult .fa { color: var(--brand) !important; }
.topnav_pck a, .subnavcolor {
  background: var(--bone) !important; background-image: none !important; color: var(--ink-soft) !important;
  border-color: var(--rule) !important; box-shadow: none !important; text-shadow: none !important; border-radius: 0 !important;
  font-family: var(--f-ui) !important; letter-spacing: .16em; text-transform: uppercase; font-size: 13px !important;
}
.topnav_pck a:hover { background: var(--bone-2) !important; color: var(--ink) !important; }
.topnav_pck a.active, .topnav_pck.ac a.active {
  background: var(--paper) !important; background-image: none !important; color: var(--ink) !important;
  border-bottom: 2px solid var(--brand) !important; box-shadow: none !important; text-shadow: none !important;
}
.topnav_pck, .extra_pck { border-radius: 0 !important; }
.topnav_pck .fa { color: var(--brand) !important; }

/* ---- Room table ---------------------------------------------------------- */
.roomtype-header {
  background: var(--bone-2) !important; color: var(--brand) !important; border-radius: 0 !important;
  border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
}
.roomtype-header *, .right-head, .head-rmt, .left-head {
  color: var(--brand) !important; font-family: var(--f-ui) !important; font-size: 11.5px !important;
  letter-spacing: .2em !important; text-transform: uppercase; font-weight: 400 !important;
}
.rmt-item, .row.rmt-item, .row.all_pck, .bgcolor_sub01, #room_box {
  background: var(--paper) !important; color: var(--ink) !important; border-radius: 0 !important; box-shadow: none !important;
}
.box-list-item { border-color: var(--rule) !important; border-bottom-color: var(--rule) !important; }
.box-list-item + .box-list-item, .box-list-item > .row { border-top-color: var(--rule) !important; }
.room-box:not(:last-child) { border-bottom-color: var(--rule) !important; }
.list-rooms, .box-item-right, .box-item-center { border-left-color: var(--rule) !important; border-color: var(--rule) !important; }

/* left column: room name + facts */
.box-item-left-rmt_name > label {
  font-family: var(--f-display) !important; font-weight: 400 !important; font-size: 19px !important;
  line-height: 1.3; color: var(--ink) !important; letter-spacing: .01em;
}
.box-item-left-rmt_name h5, .box-item-left-rmt_name h5 strong { color: var(--ink-soft) !important; font-family: var(--f-ui) !important; letter-spacing: .03em; }
.box-item-left-rmt_name h5 strong { font-weight: 400 !important; letter-spacing: .14em; font-size: 11px; color: var(--brand) !important; }
.box-item-left-rmt_name .fa { color: var(--brand) !important; }
.box-item-left-rmt_name .txt-det a, .box-item-left-rmt_name a {
  color: var(--ink) !important; text-decoration: underline; text-underline-offset: 4px;
  text-decoration-color: var(--rule); letter-spacing: .05em;
}
.box-item-left-rmt_name .txt-det a:hover { text-decoration-color: var(--brand); }
.rmt-img { border-radius: 0 !important; }

/* centre column: offer */
.box-item-center, .box-item-center strong { color: var(--ink) !important; }
.box-item-center > div:first-child strong { font-family: var(--f-display) !important; font-weight: 400 !important; font-size: 18px; line-height: 1.3; }
.box-item-center > strong { font-family: var(--f-ui) !important; font-weight: 400 !important; letter-spacing: .04em; }
.avail-txt { color: var(--teal) !important; }
.pro-name, .can-txt, .can-txt span { color: var(--ink-soft) !important; font-family: var(--f-ui) !important; font-weight: 400 !important; font-size: 12px; line-height: 1.6; letter-spacing: .01em; }
.box-item-center, .box-item-left-rmt_name h5, .tax_p, .txt-search-day, .txt-search-adult { font-weight: 400 !important; }
.can-txt span[style*="color:red"], .can-txt span[style*="color: red"], span[style*="color:red"] { color: var(--sak) !important; font-style: italic; }

/* right column: price + Select */
.rate-txt span, .rm-txt span, .sp-txt { color: var(--ink-mute) !important; font-family: var(--f-ui) !important; letter-spacing: .14em; text-transform: uppercase; }
select[name="rmt-rooms"] { background: var(--paper) !important; border: 1px solid var(--rule) !important; border-radius: 0 !important; color: var(--ink); }
.btn-book h5 {
  background: var(--bone) !important; color: var(--ink) !important; border: 1px solid var(--rule);
  border-radius: 0 !important; font-family: var(--f-display) !important; font-weight: 400 !important; letter-spacing: .02em;
}
.btn-book a, a.btn.btn-book, .btncolor {
  background: var(--brand) !important; background-image: none !important; color: var(--cream) !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important;
  font-family: var(--f-ui) !important; letter-spacing: .18em; text-transform: uppercase; font-weight: 400 !important;
}
.btn-book a:hover, a.btn.btn-book:hover { background: var(--brand-deep) !important; color: var(--cream) !important; }
.tax_p { color: var(--ink-mute) !important; font-family: var(--f-serif) !important; }
.btnfontcolor, .btnfontdifcolor { color: var(--brand) !important; }
.btndifcolor { background-color: var(--paper) !important; }

/* ---- Right-hand tiles (artwork had the old captions baked in) ----------- */
.right-meu .bg-img-m.bg-menu[data-v2="tile"] {
  background-size: cover !important; background-position: center !important; position: relative; border-radius: 0 !important;
  box-shadow: none !important; overflow: hidden;
}
.right-meu .bg-img-m.bg-menu[data-v2="tile"] > a { position: absolute !important; inset: 0; display: block; text-decoration: none !important; }
.v2-tile-cap {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 13px 10px; text-align: center;
  background: var(--espresso); color: var(--cream); font: 400 12.5px/1 var(--f-ui); letter-spacing: .2em; text-transform: uppercase;
  border-top: 1px solid rgba(219, 184, 103, .6); transition: background-color .5s var(--ease);
}
.right-meu .bg-menu > a:hover .v2-tile-cap { background: var(--brand); }

/* ---- Back to top/bottom -------------------------------------------------- */
#return-to-bottom, #return-to-top { background: var(--paper) !important; border-color: var(--rule) !important; border-radius: 0 !important; }
.arrow-bottom { border-top-color: var(--brand) !important; }
.arrow-up { border-bottom-color: var(--brand) !important; }

/* ---- Footer: brand-book brown-tone chapter ground ------------------------ */
.navbar.footer {
  background: linear-gradient(115deg, var(--espresso) 0%, var(--brown-900) 38%, var(--brand) 100%) !important;
  color: var(--cream) !important; border: 0 !important; border-top: 1px solid var(--thong) !important; border-radius: 0 !important;
}
.navbar.footer, .navbar.footer div, .navbar.footer span, .navbar.footer a { font-family: var(--f-serif) !important; color: rgba(249, 245, 227, .82) !important; }
.navbar.footer .footer-office-name, .navbar.footer .footer-hotel-name, .navbar.footer .footer-links-website,
.navbar.footer .footer-links-website a {
  font-family: var(--f-display) !important; color: var(--cream) !important; letter-spacing: .01em;
}
.navbar.footer a:hover { color: var(--thong) !important; }
.footer-office-col, .footer-hotel-col, .footer-links-col { border-color: rgba(219, 184, 103, .45) !important; }

/* ---- Modal / sweetalert ---------------------------------------------------- */
.modal-content { border-radius: 0 !important; background: var(--paper) !important; border-color: var(--rule) !important; }
.modal-title, .modal-body h4 { font-family: var(--f-display) !important; color: var(--ink) !important; }
.fancybox-bg { background: var(--espresso) !important; }

/* phones: the field labels sit inside the boxes, keep them small and on one line */
@media (max-width: 991px) {
  .frm-searchmoblie .textio, .frm-searchmoblie .left-addonio { font-size: 8.5px !important; letter-spacing: .12em !important; white-space: nowrap; }
  .frm-searchmoblie .pickmobile { padding-top: 14px; padding-left: 34px; font-size: 14px !important; line-height: 1.6; }
}

/* ==========================================================================
   Round 2 (ALIF, 2026-10-14): "too bland, the text is tiring to read".
   - More of the brand colour: brown-tone search box, brown headers, gold accents,
     tinted price and offer chips.
   - Calmer text: far less UPPERCASE + wide tracking, a clear weight hierarchy
     (bold for the facts that matter, regular for the rest), more line height.
   - Icons: the hairline set in icons.css.
   ========================================================================== */
:root { --gold-soft: #f3e7c9; --gold-line: #e2cf9a; --teal-soft: #e1ecea; --sak-soft: #f5e4da; --khaopetch: #e5dbc0; }

/* type: sentence case, normal tracking, readable sizes */
.header .nav > li > a, .sc-cust-head > li > a, .nav > li > a { letter-spacing: .08em !important; font-size: 13px !important; }
.header .nav > li > a:hover { color: var(--brand) !important; box-shadow: inset 0 -2px 0 var(--thong); }
.frm-search label, .bgs label, .frm-search .sc-inslide-box, .left-addonio, .glyphiconac, .glyphiconacr,
.font-adults, .font-child, .frm-searchmoblie label {
  text-transform: none !important; letter-spacing: .02em !important; font-size: 13px !important; font-weight: 600 !important;
}
.roomtype-header *, .right-head, .head-rmt, .left-head { text-transform: none !important; letter-spacing: .02em !important; font-size: 14px !important; font-weight: 600 !important; }
.topnav_pck a, .subnavcolor { text-transform: none !important; letter-spacing: .02em !important; font-size: 15px !important; }
.rate-txt span, .rm-txt span, .sp-txt { text-transform: none !important; letter-spacing: .02em !important; font-size: 11.5px !important; }
.box-item-left-rmt_name h5 strong { text-transform: none; letter-spacing: .02em !important; font-size: 12.5px; font-weight: 600 !important; }
.slider-img .toggle-thumbnails button { text-transform: none; letter-spacing: .04em; font-size: 15px !important; }
.v2-tile-cap { text-transform: none; letter-spacing: .04em; font-size: 15px; font-weight: 600; }
.v2-m-join em, .v2-eyebrow { text-transform: none; letter-spacing: .04em; }
.v2-eyebrow { font-size: 12.5px; font-weight: 600; }
.btn-book a, a.btn.btn-book, input.btn-search, .home .box-btn-search input.btn-search, input.btns-search, .btn-search {
  text-transform: none !important; letter-spacing: .04em !important; font-size: 15px !important; font-weight: 600 !important;
}

/* ---- Search box: brand-book brown-tone ground ----------------------------- */
.frm-search, .bgs, .frm-searchmoblie .bgs, .home .bgs {
  background: linear-gradient(150deg, var(--espresso) 0%, var(--brown-900) 45%, var(--brand) 100%) !important;
  border: 0 !important; border-top: 2px solid var(--thong) !important;
}
.frm-search label, .bgs label, .frm-search .sc-inslide-box, .font-adults, .font-child { color: var(--thong) !important; }
.frm-search .form-control, .bgs .form-control, #checkin, #checkout, #discode, select.form-control, .cus_in, .cus_out, .pickerrangein, .pickerrangeout {
  background-color: var(--cream) !important; border: 1px solid transparent !important; border-radius: 2px !important; padding-left: 10px;
}
.frm-search .form-control:focus, .bgs .form-control:focus { border-color: var(--thong) !important; }
input.btn-search, .home .box-btn-search input.btn-search, input.btns-search, .btn-search {
  background: var(--thong) !important; color: var(--espresso) !important; border-radius: 2px !important;
}
input.btn-search:hover, .btn-search:hover { background: var(--cream) !important; }
/* phones: labels sit inside the cream fields, so they stay brown there */
.frm-searchmoblie .textio, .frm-searchmoblie .left-addonio { color: var(--brand) !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: .02em !important; }
@media (max-width: 991px) { .frm-searchmoblie .textio, .frm-searchmoblie .left-addonio { font-size: 10.5px !important; } }

/* ---- Icons ------------------------------------------------------------- */
.member-bg-img { background-image: none !important; position: relative; background-color: var(--gold-soft) !important; border: 1.5px solid var(--thong) !important; }
.member-bg-img::after { content: ""; position: absolute; inset: 15%; background: var(--brand); -webkit-mask: var(--i-member) center / contain no-repeat; mask: var(--i-member) center / contain no-repeat; }
.open-menu .fa-bars { color: var(--brand) !important; font-size: 26px; }
.carousel-control.left, .carousel-control.right { display: flex !important; align-items: center; justify-content: center; font-size: 22px; color: var(--brand) !important; border-color: var(--gold-line) !important; }
.carousel-control .v2i { color: var(--brand) !important; }

/* facilities strip: hairline icons, cream on brand */
.morebar { background: var(--brand) !important; background-image: none !important; position: relative; border-radius: 0 !important; }
.v2-fac { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-evenly; padding: 0 12px; }
.v2-fac .v2i { width: 24px; height: 24px; color: var(--cream); opacity: .95; }

/* ---- Loyalty banner: warmer ---------------------------------------------- */
.v2-member { background: linear-gradient(90deg, var(--gold-soft), var(--paper) 55%); border-color: var(--gold-line); border-left: 4px solid var(--thong); }
.v2-m-num { font-weight: 600; color: var(--brand); }
.v2-m-txt b, .v2-m-login b { font-weight: 600; }
.v2-m-join em { background: var(--brand); font-size: 14px; font-weight: 600; border-radius: 2px; }
.v2-m-join, .v2-m-join + * { border-color: var(--gold-line) !important; }

/* ---- Accordion bars --------------------------------------------------------- */
.moreFa, .col-md-12.moreFa, .col-md-4.moreFa { background: var(--paper) !important; border-top: 1px solid var(--gold-line) !important; }
.fontgroupfa, .fontgroupfa .sp-fac, .moreFa span { font-weight: 600 !important; font-size: 16px !important; color: var(--brand-deep) !important; }
.fontgroupfa .fa { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%;
  background: var(--gold-soft); color: var(--brand) !important; font-size: 15px !important; }
.hotel-policy-icon:hover .moreFa { background: var(--gold-soft) !important; }
.box-facilities { font-size: 15px; line-height: 1.75; color: var(--ink-soft) !important; }
.box-facilities h4, .box-facilities h4 b { font-weight: 600 !important; color: var(--brand-deep) !important; }

/* ---- Summary + tabs ---------------------------------------------------------- */
.txt-search-day, .txt-search-adult { font-size: 15px; letter-spacing: .02em; color: var(--ink) !important; }
.txt-search-day .fa, .txt-search-adult .fa { color: var(--brand) !important; margin-right: 4px; }
.topnav_pck a.active, .topnav_pck.ac a.active { background: var(--brand) !important; color: var(--cream) !important; border-bottom: 3px solid var(--thong) !important; font-weight: 600 !important; }
.topnav_pck a.active .fa { color: var(--thong) !important; }

/* ---- Room table --------------------------------------------------------------- */
.roomtype-header { background: var(--brand-deep) !important; border: 0 !important; }
.roomtype-header *, .right-head, .head-rmt, .left-head { color: var(--cream) !important; }
.box-list-item > .row { border-top: 1px solid var(--gold-line) !important; }
.box-item-left-rmt_name > label { font-weight: 600 !important; font-size: 20px !important; color: var(--brand-deep) !important; line-height: 1.25; }
.box-item-left-rmt_name h5 { font-size: 13px !important; line-height: 1.6; color: var(--ink-soft) !important; }
.box-item-left-rmt_name .txt-ad { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border-radius: 999px; background: var(--gold-soft); color: var(--brand-deep) !important; font-weight: 600; }
.box-item-left-rmt_name .txt-ad .fa { font-size: 15px !important; }
.box-item-left-rmt_name .txt-det a { color: var(--brand) !important; font-weight: 600; text-decoration-color: var(--thong); }
.rmt-img { box-shadow: 0 0 0 1px var(--gold-line); }

/* offer column: one bold headline, a coloured chip for the rate type, quiet details */
.box-item-center > div:first-child strong { font-weight: 600 !important; font-size: 18px; color: var(--ink) !important; }
.box-item-center > strong { display: inline-block; margin-top: 4px; padding: 3px 10px 2px; border-radius: 2px; font-weight: 600 !important; font-size: 13.5px; letter-spacing: .01em; }
.room-box[data-nrf="1"] .box-item-center > strong { background: var(--sak-soft); color: var(--sak) !important; }
.room-box[data-nrf="0"] .box-item-center > strong { background: var(--teal-soft); color: var(--teal) !important; }
.room-box[data-nrf="1"] .avail-txt { color: var(--sak) !important; }
.avail-txt { font-weight: 600; font-size: 13.5px; }
.pro-name, .can-txt, .can-txt span { font-size: 13px; line-height: 1.65; color: var(--ink-soft) !important; }
.box-pro-name { margin-top: 6px; }
.can-txt > span { display: block; }
.can-txt > span::first-line { font-weight: 600; color: var(--ink); }
.can-txt span[style*="color:red"], .can-txt span[style*="color: red"], span[style*="color:red"] {
  display: block; margin: 6px 0; padding: 6px 10px 6px 30px; font-size: 12.5px !important; line-height: 1.55 !important; font-style: normal; color: var(--brand-deep) !important;
  background: var(--gold-soft) var(--i-calendar) no-repeat; border-left: 3px solid var(--thong); position: relative;
}
.can-txt span[style*="color:red"]::before { content: ""; position: absolute; left: 9px; top: 8px; width: 15px; height: 15px; background: var(--brand);
  -webkit-mask: var(--i-calendar) center / contain no-repeat; mask: var(--i-calendar) center / contain no-repeat; }
.can-txt span[style*="color:red"] { background-image: none; }

/* price column */
.btn-book h5 { background: var(--gold-soft) !important; border: 1px solid var(--gold-line) !important; color: var(--brand-deep) !important; font-weight: 600 !important; font-size: 19px !important; }
.btn-book a, a.btn.btn-book { border-radius: 2px !important; }
.btn-book a:hover, a.btn.btn-book:hover { background: var(--espresso) !important; }
.tax_p { font-size: 11.5px !important; line-height: 1.5; }

/* tiles: brand caption with a gold rule */
.v2-tile-cap { background: var(--brand); border-top: 2px solid var(--thong); }
.right-meu .bg-menu > a:hover .v2-tile-cap { background: var(--espresso); }

/* mobile deal bubble */
span.deal { background: var(--thong) !important; color: var(--espresso) !important; font-weight: 600; letter-spacing: .08em; }
.dialogbox .body { background: var(--gold-soft) !important; border-color: var(--gold-line) !important; border-left: 3px solid var(--thong) !important; }
.dialogbox .tip-up { border-bottom-color: var(--gold-soft) !important; }
.dialogbox li { color: var(--ink) !important; font-size: 14px; line-height: 1.6; }
/* phones: the fields carry an icon on the left — keep room for it */
.frm-searchmoblie .form-control, .frm-searchmoblie .pickmobile, .frm-searchmoblie #discode { padding-left: 38px !important; }
.frm-searchmoblie select.form-control { padding-left: 12px !important; }