/* ============================================
   DARK MODE - dark-mode.css
   HTML tag par data-theme="dark" lagao
   ============================================ */

[data-theme="dark"] {

  /* ---- Global Background & Text ---- */
  body {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
  }

  /* ---- Header ---- */
  .header-area,
  .sticky {
    background-color: #1a1a1a !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
  }

  .header-menu ul li a {
    color: #e0e0e0 !important;
  }

  .header-menu ul li a:hover,
  .header-button a {
    color: #fba924 !important;
  }

  .header-button a {
    border-color: #fba924 !important;
    color: #fff !important;
  }
  /* .view-all-btn{
    color: #fff;
  } */
  .section-desc-2 {
    font-weight: 400;
    color: #fff;
  }
  .stats-area {
    background-color: #1E1E1E;
}
.recent-widget-content a {
    color: #fff !important;
}
.single-contact-box .contact-title p a {
    color: #fba924;
}
.style-two .single-input-box button {
    background: #fba924;
}
.faq-card .card-body {
    background: #1e1e1e;
}
  /* ---- Navbar (Bootstrap) ---- */
  .navbar {
    background: #1a1a1a !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
  }

  .nav-link {
    color: #e0e0e0 !important;
  }

  .nav-link:hover {
    color: #fff !important;
  }

  /* ---- Sub Menu ---- */
  .header-menu ul li .sub-menu,
  ul.sub-menu-two {
    background: #1e1e1e !important;
    border-top-color: #fba924 !important;
  }

  .header-menu ul li .sub-menu li a {
    color: #fba924 !important;
  }

  .header-menu ul li .sub-menu li a:hover {
    color: #fff !important;
    background: #fba924 !important;
  }

  /* ---- Mobile Menu ---- */
  .mobile-menu {
    background: #1a1a1a !important;
  }

  .mobile-menu ul li {
    border-bottom-color: #333 !important;
  }

  .mobile-menu ul li a {
    color: #e0e0e0 !important;
  }

  .mobile-menu .menu-header {
    background: #111 !important;
  }

  /* ---- Room Cards ---- */
  .room-content {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .room-content h4,
  .room-content a,
  .room-content p {
    color: #e0e0e0 !important;
  }

  .room-bottom {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .room-bottom-icon span {
    color: #aaa !important;
  }

  /* ---- Blog Cards ---- */
  .single-blog-box {
    border-color: #333 !important;
    background: #1e1e1e !important;
  }

  .blog-content {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .blog-content a,
  .blog-content h4 {
    color: #fba924 !important;
  }

  .blog-content p,
  .meta-blog span {
    color: #aaa !important;
  }

  /* ---- Section Title ---- */
  h1, h2, h3, h4, h5, h6 {
    color: #e0e0e0 !important;
  }

  .section-title h1,
  .section-title.two h1,
  .home-three .section-title h1,
  .home-six .section-title h1 {
    color: #fba924 !important;
  }

  /* ---- About Area ---- */
  .about-area {
    background: #121212 !important;
  }

  .about-counter-content h4,
  .about-counter-content span {
    color: #fba924 !important;
  }

  /* ---- Feature Area ---- */
  .feature-area {
    background: #1a1a1a !important;
  }

  .single-feature-box {
    border-color: #444 !important;
    background: #1e1e1e !important;
  }

  /* ---- Facilities Area ---- */
  .facilities-area {
    background: #121212 !important;
  }

  .facilities-content h4 {
    color: #e0e0e0 !important;
  }

  .facilities-content p {
    color: #aaa !important;
  }

  .facilities-number h1 {
    color: #fba924 !important;
  }

  /* ---- Offers Area ---- */
  .offers-area {
    background-color: #1a1a1a !important;
  }

  .offers-content {
    background: #1e1e1e !important;
  }

  .offers-content a {
    color: #fba924 !important;
  }

  /* ---- Testimonial ---- */
  .testimonial-block .inner-box {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .testimonial-block .text {
    color: #ccc !important;
  }

  .testimonial-block .info-box .name {
    color: #e0e0e0 !important;
  }

  .testimonial-carousel .owl-next,
  .testimonial-carousel .owl-prev {
    background: #1e1e1e !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.4) !important;
  }

  /* ---- Footer ---- */
  .footer-area,
  .footer-bottom-area {
    background: #0d0d0d !important;
  }

  .footer-widget-title h4 {
    color: #fba924 !important;
  }

  .footer-widget-menu ul li,
  .footer-widget-menu ul li a {
    color: #aaa !important;
  }

  .footer-widget-menu ul li a:hover {
    color: #fba924 !important;
  }

  .footer-bottom-content h4 {
    color: #aaa !important;
  }

  /* ---- Booking Form ---- */
  .row.add-bg,
  .add-room-bg {
    background: #1a1a1a !important;
  }

  .booking-input-box h4 {
    color: #fba924 !important;
  }

  .booking-input-box input,
  .booking-input-box select {
    color: #e0e0e0 !important;
    background: transparent !important;
  }

  .booking-button button {
    background: #fba924 !important;
    color: #fff !important;
  }

  /* ---- Property / Villa Details ---- */
  .villa-details,
  .room-details-content,
  .booking-form,
  .summary-card,
  .property-card {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
  }

  .booking-form label,
  .booking-form p {
    color: #ccc !important;
  }

  .connect-host {
    background: #2a2a2a !important;
  }

  /* ---- Forms (Inputs, Textareas, Selects) ---- */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="date"],
  textarea,
  select {
    background: #2a2a2a !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
  }

  input::placeholder,
  textarea::placeholder {
    color: #777 !important;
  }

  .style-two .single-input-box input,
  .style-two .single-input-box textarea,
  .style-two .single-input-box select {
    background: #2a2a2a !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
  }

  .widget_search,
  .widget-categories-box {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .widget_search input {
    background: #2a2a2a !important;
    color: #e0e0e0 !important;
  }

  /* ---- Breadcrumb ---- */
  .breadcum-title h4 {
    color: #fff !important;
  }

  /* ---- Accordion / FAQs ---- */
  .accordion-item {
    border-color: #333 !important;
    background: #1e1e1e !important;
  }

  .accordion-button {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
  }

  .accordion-button:not(.collapsed) {
    background: #635f58  !important;
    color: #fff !important;
  }

  .accordion-button:not(.collapsed)::after {
    filter: invert(1);
  }
  .accordion-button::after {
    filter: invert(1);
}
.single-newsletter-box button {
        border: 1px solid #fba924;
        background-color: #fba924;
}

.blog-details-contact {
    background: #1d1d1d;
}

.villa-details a {
    color: #fba924;
}

.sub-text, .value-text, .label-text {
    color: #fff !important;
}
.room-details-content p {
    color: #fff !important;
}
.room-details-content p span {
    color: #fff !important;
}
.overall-rating-card {
    background: #1d1d1d;
}
.form-check .form-check-label img {
    filter: invert(1);
}

  .accordion-body {
    background: #2a2a2a !important;
    color: #ccc !important;
  }

  /* ---- Pricing ---- */
  .pricing-content {
    border-color: #333 !important;
    background: #1e1e1e !important;
  }

  .price h4 {
    color: #fba924 !important;
  }

  .price span {
    color: #aaa !important;
  }

  .pricing-item ul li {
    color: #ccc !important;
  }

  /* ---- Team ---- */
  .single-team-box {
    border-color: #333 !important;
    background: #1e1e1e !important;
  }

  .team-content h4 {
    color: #fba924 !important;
  }

  /* ---- Contact ---- */
  .style-two .row.add-backgroun {
    background: #1e1e1e !important;
  }

  .style-two .contact-title h4 {
    color: #aaa !important;
  }

  .style-two .contact-title p {
    color: #fba924 !important;
  }

  .style-two .single-contact-form {
    background: #1a1a1a !important;
  }

  .style-two .contact-content h4 {
    color: #e0e0e0 !important;
  }

  /* ---- Top Bar ---- */
  .top-header {
    background: #1a1a1a !important;
    border-color: #333 !important;
  }

  .top-bar-info ul li a {
    color: #aaa !important;
  }

  /* ---- Sidebar (Dashboard) ---- */
  .space-top .sidebar {
    background-color: #0d0d0d !important;
  }

  /* ---- Tables ---- */
  .table {
    color: #e0e0e0 !important;
  }

  .table thead th {
    border-color: #333 !important;
    color: #fba924 !important;
  }

  .table tbody td {
    border-color: #333 !important;
    color: #ccc !important;
  }

  tbody, td, tfoot, th, thead, tr {
    border-color: #333 !important;
  }

  /* ---- Cards (Dashboard) ---- */
  .dashboard-card,
  .recent-card,
  .booking-card-detail {
    background: #1e1e1e !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
  }

  .booking-card {
    background: #2a1a1f !important;
  }

  .cancel-card {
    background: #1a1e2a !important;
  }

  .ticket-card {
    background: #2a261a !important;
  }

  /* ---- Login Page ---- */
  .login-container {
    background: #1e1e1e !important;
  }

  .right-panel {
    background: #1e1e1e !important;
  }

  /* ---- Dropdown Menus ---- */
  .dropdown-menu {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .dropdown-item {
    color: #e0e0e0 !important;
  }

  .dropdown-item:hover {
    background: #2a2a2a !important;
    color: #fba924 !important;
  }

  /* ---- Pagination ---- */
  .pagination-box ul li a {
    border-color: #333 !important;
    color: #e0e0e0 !important;
    background: #1e1e1e !important;
  }

  .pagination-box ul .active a,
  .pagination-box ul li a:hover {
    background: #fba924 !important;
    border-color: #fba924 !important;
    color: #fff !important;
  }

  /* ---- Gallery ---- */
  .gallery-item {
    border-color: #333 !important;
    background: #1e1e1e !important;
  }

  /* ---- Search Popup ---- */
  .search-popup {
    background-color: rgba(0,0,0,0.97) !important;
  }

  /* ---- Sidebar Widget ---- */
  .xs-sidebar-widget {
    background-color: #1a1a1a !important;
  }

  /* ---- Misc Backgrounds ---- */
  .offers-area-section,
  .food-menu-area,
  .find-room-area,
  .inner.room-area,
  .blog-area,
  .about-area.inner,
  .pricing-area,
  .team-area,
  .service-details,
  .room-details {
    background: #121212 !important;
  }

  .booking-list,
  .service-time-list {
    background: #1e1e1e !important;
  }

  .booking-item ul li,
  .service-time-list-item ul li {
    background: #2a2a2a !important;
    color: #e0e0e0 !important;
  }

  .room-details-amenities {
    background: #1e1e1e !important;
  }

  .room-amenities-item ul li {
    border-color: #333 !important;
    color: #ccc !important;
  }

  .room-amenities-item ul li img {
    filter: invert(1);
  }
  .room-amenities ul li img {
    filter: invert(1);
}
  .blog-details-submi-button button {
    background: #fba924;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fba924;
    padding: 12px 26px;
    font-size: 15px;
    margin-top: 34px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}
.blog-details-submi-button button:hover {
    color: #fba924;
}
.btn-black {
    background: #fba924;
    color: #fff;
}
.btn-black:hover {
    background: transparent;
    color: #fba924;
    border: 1px solid #fba924;
    border-radius: 5px;
}
.room-content span {
    color: #fff;
}
  /* ---- Paragraphs & Links ---- */
  p {
    color: #bbb !important;
  }

  .home-four .header-button a, .inner .header-button a, .luxury-button a {
    display: inline-block;
    background: #fff !important;
    padding: 13px 28px;
    font-size: 16px;
    text-transform: uppercase;

    font-weight: 500;
    position: relative;
    z-index: 1;
    border: 1px solid #fba924;
    transition: 0.5s;
}
.blog-button a, .blog-content a {
    color: #FBA924 !important;
    transition: 0.5s;
}

  /* ---- Summary Card (Checkout) ---- */
  .booking-summary-container,
  .summary-card {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .price-line .label,
  .total-label {
    color: #aaa !important;
  }

  .total-value {
    color: #fba924 !important;
  }

  .gst-highlight-box {
    background: #1a2030 !important;
  }

  .total-summary-box {
    background: #1a1e30 !important;
  }

  /* ---- Guests Card ---- */
  .guests-card {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .guest-title {
    color: #e0e0e0 !important;
  }

  .custom-counter-wrapper {
    background: #2a2a2a !important;
    border-color: #444 !important;
  }

  .custom-counter-wrapper .counter-value {
    color: #e0e0e0 !important;
    border-color: #444 !important;
  }

  .guest-info-footer {
    border-color: #444 !important;
  }

  .info-text,
  .extra-charge-text {
    color: #ccc !important;
  }

  /* ---- Meals Section ---- */
  .meals-section {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .dietary-container {
    background: #2a2a2a !important;
  }

  /* ---- Profile Dashboard ---- */
  .user-profile-dashboard .card-profile {
    background: #1e1e1e !important;
    border-color: #333 !important;
  }

  .user-profile-dashboard .input-wrapper {
    background: #2a2a2a !important;
    border-color: #444 !important;
  }

  .user-profile-dashboard .form-control {
    background: transparent !important;
    color: #e0e0e0 !important;
  }

  /* ---- Override white backgrounds ---- */
  .bg-white,
  [style*="background:#fff"],
  [style*="background: #fff"],
  [style*="background-color:#fff"],
  [style*="background-color: #fff"] {
    background: #1e1e1e !important;
  }

  /* ---- Scrollbar ---- */
  ::-webkit-scrollbar {
    width: 8px;
  }

  ::-webkit-scrollbar-track {
    background: #1a1a1a;
  }

  ::-webkit-scrollbar-thumb {
    background: #fba924;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #e69500;
  }

  .stat-card {
    background: #1E1E1E;
    padding: 30px 20px;
    border-radius: 20px;
    border: 1px solid #333;
    text-align: center;
    transition: all 0.3s ease;
}  
.review-card {
  background-color: #1e1e1e;
}
.admin-reply-box {
    background: #181818;
    border-left: 4px solid #22c55e;
}

.btn-filter {
      background: #181818;
    color: #fff;
}
.modal-content {
    background-color: #181818;
    margin: 5% auto 15%;
    border: 1px solid #fba924;
}
.form-label {
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    margin-bottom: 6px;
}
.space-top .card {
    border: none;
    border-radius: 10px;
    background: #181818;
}
.coupon-container .coupon-card {
      background: #1e1e1e;
}
.coupon-discount {
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}
.coupon-validity, .coupon-min {
    font-size: 0.85rem;
    color: #fff;
}
.inner.testimonial-area .owl-next i, .inner.testimonial-area .owl-prev i, .owl-next i, .owl-prev i {
  background-color: #fff !important;
}
.flatpickr-calendar {
  background: #121212;
}
.flatpickr-months .flatpickr-month{
  color: #fff;

}
.flatpickr-months .flatpickr-next-month svg{
  fill: #fff;
}
span.flatpickr-weekday{
  color: #fff;

}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: #ffffff36 !important;
  background-color: rgba(250, 250, 250, 0.1) !important;
}
.rangeMode .flatpickr-day{
  color: #fff;
}
.flatpickr-day:hover{
  color: #000 !important;
}
#guestRoomModal .modal-content{
  background-color: #121212;
}
#guestRoomModal .gap-2{
  border: 1px solid #fff;
  background-color: #121212;
  
}
#guestRoomModal .increment, #guestRoomModal .decrement{
  color: #fff;
}
#closeModal img{
  filter: brightness(0) invert(1);
}
.location-icon {
  color: #fff;

}
.dropdown-options{
  background-color: #121212;
}
.dropdown-option span {
  color: #fff;
}
.dropdown-option:hover {
  background-color: #535556;
}
#toggleBtn-show:hover {
  color: #fff;
}
.room-details-content li {
  list-style: disc;
    list-style-type: disc;
  color: #fff !important;
}
.room-details-content li {
  list-style: disc;
    list-style-type: disc;
  color: #fff !important;
}
.flatpickr-weekdays {
  background: #121212 !important;

}
.offcanvas {
  background-color: #333 !important;
}
#dashboard-tab-mobile .nav-link {
  color: #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
}
.navbar-toggler i {
  color: #fff !important;
}
.form-check .form-check-label {
  color: #fff !important;
}
.text-primary {
    --bs-text-opacity: 1;
    color: rgb(251 169 36) !important;
}
.room-details-content ul, .room-details-content ol {
  padding-left: 30px !important;
  margin: 10px 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange {
  background-color: #ea971c !important;
  border-color: #ea971c !important;
  color: #ea971c;
}
.blog-details-title a {
  color: #ea971c !important;
}
.blog-related-box {
  background-color: #1e1e1e;
}
.blog-related-content a {
  color: #ea971c;
}
.stat-icon {
    background: #121212;
}
a {
    color: #ea971c;
    text-decoration: none;
}
#desc h6 span {
    color: #fff !important;
}
#desc span {
    color: #fff !important;
}
}