/* ============================================================
   LUXURY DARK — palette override (matches the new checkout + luxuryaccess.com)
   Loaded LAST from layouts/head.blade.php. Remove that one <link> to restore
   the original look. No original files modified.
   ============================================================ */

/* ---- 1. Re-point the site's own theme variables ---- */
:root{
  --secondary-color:#C9A84C;                 /* was #ab8a62 (brassy) → rich gold */
  --territiary-color:#DFC06E;                /* hover gold */
  --other-color:#0F0F11;                     /* header sticky / breadcrumb bar */
  --light-color:#E4C878;
  --cream-color:#C9A84C;
  --heading-color:#ECE8E1;
  --primary-color:rgba(236,232,225,.62);     /* base text */
  --para-color:rgba(236,232,225,.55);        /* paragraphs */
  --lt-bg-color:#141416;
}

/* ---- 2. Deep near-black surfaces ---- */
body{background-color:#0B0B0C !important;}
footer{background:#0E0E10 !important;}
footer .copyright .container{border-top-color:rgba(201,168,76,.12) !important;}
footer .footer-language select{background:#151517 !important;border-color:#2A2A2E !important;}
.breadcrumb-wrap{background-color:#0F0F11 !important;border-bottom-color:#1c1c20 !important;}
header.is-sticky{background:rgba(11,11,12,.92) !important;backdrop-filter:blur(14px);}

/* common hard-coded charcoals in page styles → lift to the same family */
section[style*="background"], .lt-bg{background-color:#0B0B0C;}
.guest-counter-control{background-color:#151517 !important;border-color:#2A2A2E !important;}
input.gst, input[type=number].gst{background-color:#151517 !important;border-color:#2A2A2E !important;color:#ECE8E1 !important;}

/* ---- 3. Buttons & accents ---- */
.main-btn,.main-btn:hover{color:#1a1408 !important;}
.main-btn{box-shadow:0 8px 24px -10px rgba(201,168,76,.35);}
.main-btn:hover{background:var(--territiary-color) !important;transform:translateY(-1px);}
::selection{background:rgba(201,168,76,.35);}

/* ---- 4. Villa booking card + form fields (singleGuesty111) ---- */
.booking_form .form-control,
.booking_form input[type=text]{
  background:#151517 !important;border:1px solid #2A2A2E !important;color:#ECE8E1 !important;
}
.booking_form .form-control:focus{border-color:#C9A84C !important;box-shadow:none !important;}
.booking_form label{color:rgba(236,232,225,.55) !important;}

/* ---- 5. THE one calendar (HotelDatepicker popup) — dark & gold ---- */
.datepicker{
  background:#151517 !important;border:1px solid #2A2A2E !important;border-radius:14px !important;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.85) !important;color:#ECE8E1 !important;
  overflow:visible !important;
}
/* keep the library's own sizing — extra padding cropped the month text */
.datepicker__inner{background:transparent !important;}
.datepicker__month{width:auto !important;}
.datepicker__topbar{overflow:visible !important;white-space:normal !important;}
.datepicker__topbar{color:#C9A84C !important;}
.datepicker__info--selected{color:#E4C878 !important;}
.datepicker__month{color:#ECE8E1 !important;}
.datepicker__month-caption{color:#C9A84C !important;border-bottom:1px solid #2A2A2E !important;}
.datepicker__week-days th, .datepicker__week-name{color:rgba(236,232,225,.4) !important;}
.datepicker__month-day{color:#ECE8E1 !important;border-radius:8px;}
.datepicker__month-day--valid:hover{background:#26262b !important;color:#E4C878 !important;}
.datepicker__month-day--disabled,
.datepicker__month-day--no-checkin,
.datepicker__month-day--no-checkout{color:#3a3833 !important;}
.datepicker__month-day--today{color:#C9A84C !important;}
.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected{
  background:#C9A84C !important;color:#1a1408 !important;font-weight:600;
}
.datepicker__month-day--selected{background:rgba(201,168,76,.18) !important;color:#E4C878 !important;}
.datepicker__month-button{color:#C9A84C !important;background:transparent !important;border:1px solid #2A2A2E !important;border-radius:8px !important;}
.datepicker__month-button:hover{border-color:#C9A84C !important;}
.datepicker__close-button,.datepicker__clear-button{
  background:transparent !important;color:#C9A84C !important;border:1px solid #2A2A2E !important;border-radius:8px !important;
}
.datepicker__close-button:hover,.datepicker__clear-button:hover{border-color:#C9A84C !important;}
.datepicker__tooltip{background:#C9A84C !important;color:#1a1408 !important;}

/* ---- 6. Cards / boxes that used mid-grey backgrounds ---- */
.property-box,.property-card,.box,.card{background-color:#141416;}
.property-box, .card{border-color:#232327;}

/* the gray plates around villa cards + reviews (were #383838 / #1e1e1e / #2d2d2d) */
.property-list{background-color:#141416 !important;border:1px solid #232327 !important;border-radius:14px;}
.reviews-list{background-color:#141416 !important;border:1px solid #232327 !important;}
.reviews-section{background-color:transparent !important;}
.search-bar-inner{background-color:#151517 !important;border:1px solid #2A2A2E !important;}

/* ---- 7. Scrollbar to match ---- */
::-webkit-scrollbar-thumb{background:#C9A84C !important;}

/* ---- 8. Smoother scrolling (anchors glide instead of jump) ---- */
html{scroll-behavior:smooth;}

/* ---- 10. Calendar redesign: NO circle blobs — clean rounded squares.
        (site css drew a 36px filled circle on every day cell; adjacent
        blocked days overlapped into blobs, empty cells got circles too) ---- */
.datepicker__month-day::before{display:none !important;content:none !important;}
.datepicker__month-day{border-radius:9px !important;height:40px !important;background:transparent !important;}
.datepicker__month-day--valid{color:#ECE8E1 !important;cursor:pointer;}
.datepicker__month-day--valid:hover{background:#26262b !important;color:#E4C878 !important;}
.datepicker__month-day--hovering{background:rgba(201,168,76,.16) !important;color:#E4C878 !important;}
.datepicker__month-day--selected{background:rgba(201,168,76,.16) !important;color:#E4C878 !important;}
.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected{background:#C9A84C !important;color:#1a1408 !important;font-weight:600 !important;}
.datepicker__month-day--today{box-shadow:inset 0 0 0 1px rgba(201,168,76,.55);}
/* blocked dates: dimmed + struck, flat — no filled shapes */
.datepicker__month-day--disabled,.datepicker__month-day--invalid,
.datepicker__month-day--no-checkin,.datepicker__month-day--no-checkout,
.datepicker__month-day--day-of-week-disabled{
  opacity:1 !important;color:#4a4740 !important;background:transparent !important;
  text-decoration:line-through !important;cursor:not-allowed !important;
}
/* cells that belong to the previous/next month: invisible */
.datepicker__month-day:not(.datepicker__month-day--visibleMonth){color:transparent !important;pointer-events:none !important;text-decoration:none !important;}
/* month arrows: clearly visible gold chips */
.datepicker__month-button{display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:30px !important;height:30px !important;background:#1F1F23 !important;color:#C9A84C !important;
  border:1px solid #37373d !important;border-radius:8px !important;font-weight:600 !important;line-height:1 !important;}
.datepicker__month-button:hover{border-color:#C9A84C !important;color:#E4C878 !important;}
#datepicker-demo17.datepicker{background:#151517 !important;}

/* ---- 9. Mobile bottom booking bar: keep the theme's own bar layout
        (price left · BOOK NOW right), restyled dark + room reserved on the
        right so a chat bubble never covers the button. ---- */
@media(max-width:540px){
  .book-now-mob{
    background:#111113 !important;border-top:1px solid #232327 !important;
    padding-right:76px !important;   /* chat bubble corner stays free */
    backdrop-filter:blur(10px);
  }
  .book-now-mob a.book-now.sticky{font-size:14px;}
  /* keep chat widgets above the bar, not on it */
  #tidio-chat iframe{inset:auto -7px 78px auto !important;}
}