/*
 * Dark Mode — auto-activates via prefers-color-scheme: dark
 *
 * Palette (light → dark):
 *   Page bg      #ffffff  → #1b1b1f
 *   Surface      #f3f3f3  → #242428
 *   Elevated     #ffffff  → #2a2a2e
 *   Heading      #363636  → #e8e6e1
 *   Body text    #7d7d7d  → #b5b3ae
 *   Primary      #9f9b74  → #b5b18a
 *   Border       #eaeaea  → #3a3a3d
 *   Dark text    #141414  → #e0ddd8
 *   Hover        #cb8670  → #d49a86
 *   Footer       #363636  → #141417
 */

@media (prefers-color-scheme: dark) {

    /* ==================== 1. Base ==================== */

    html {
        color-scheme: dark;
    }

    body {
        background-color: #1b1b1f;
        color: #b5b3ae;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #e8e6e1;
    }

    p {
        color: #b5b3ae;
    }

    a, a:hover, a:focus {
        color: #e0ddd8;
    }

    img {
        opacity: 0.92;
    }

    /* ==================== 2. Utility ==================== */

    .bg-white {
        background-color: #242428 !important;
    }

    .bg-dark {
        background-color: #111114 !important;
    }

    .bg-overlay::after {
        background-color: rgba(0, 0, 0, 0.75);
    }

    .text-dark {
        color: #e0ddd8 !important;
    }

    /* ==================== 3. Section heading ==================== */

    .section-heading h2 {
        color: #e8e6e1;
    }

    .section-heading p {
        color: #b5b3ae;
    }

    /* ==================== 4. Header ==================== */

    .header-area .palatin-main-menu {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .header-area .is-sticky .palatin-main-menu {
        background-color: #111114;
    }

    .classy-nav-container .classynav ul li .dropdown,
    .classy-nav-container .classynav ul li .megamenu {
        background-color: #242428;
    }

    .classy-nav-container .classynav ul li .dropdown li a,
    .classy-nav-container .classynav ul li .megamenu li a {
        color: #e0ddd8;
    }

    .classy-nav-container .classynav ul li .dropdown li a:hover,
    .classy-nav-container .classynav ul li .megamenu li a:hover {
        color: #fff;
        background-color: #b5b18a;
    }

    /* ==================== 5. Hero ==================== */

    .single-hero-slide .hero-slides-content {
        background-color: rgba(0, 0, 0, 0.75);
    }

    /* ==================== 6. Book Now form ==================== */

    .book-now-form form .form-group,
    .book-now-form form button {
        background-color: #1e1e22;
    }

    .book-now-form form button {
        background-color: #b5b18a;
    }

    .book-now-form .nice-select .list {
        background-color: #2a2a2e;
    }

    .book-now-form .nice-select .option {
        color: #e0ddd8;
    }

    /* ==================== 7. About ==================== */

    .about-content-text h2,
    .about-content-text h3,
    .about-content-text h4 {
        color: #e8e6e1;
    }

    .about-content-text p {
        color: #b5b3ae;
    }

    .about-key-text h6 {
        color: #e0ddd8;
    }

    /* ==================== 8. Rooms / Cards ==================== */

    .single-rooms-area .rooms-text {
        background-color: rgba(10, 10, 14, 0.8);
    }

    .single-rooms-area:hover .rooms-text,
    .single-rooms-area:focus .rooms-text {
        background-color: #111114;
    }

    .single-rooms-area .price-from {
        background-color: #1e1e22;
    }

    /* ==================== 9. Services ==================== */

    .core-features-area .single-core-feature .feature-content {
        background-color: rgba(26, 26, 31, 0.92);
    }

    .core-features-area .single-core-feature .feature-content h3 {
        color: #e8e6e1;
    }

    .core-features-area .single-core-feature .feature-content p {
        color: #b5b3ae;
    }

    .single-service-area h4 {
        color: #e8e6e1;
    }

    .single-service-area p {
        color: #b5b3ae;
    }

    /* ==================== 10. Cool Facts ==================== */

    .single-cool-fact {
        background-color: #1e1e22;
    }

    /* ==================== 11. Hotel Info ==================== */

    .single-hotel-info .hotel-info-text h6 {
        color: #e0ddd8;
    }

    /* ==================== 12. Testimonials ==================== */

    .testimonial-content {
        background-color: #242428;
        border-color: #b5b18a;
    }

    .testimonial-content .single-testimonial p {
        color: #b5b3ae;
    }

    .testimonial-content .single-testimonial h6 {
        color: #e0ddd8;
    }

    /* ==================== 13. Footer ==================== */

    .footer-area {
        background-color: #141417;
    }

    /* ==================== 14. Breadcrumb ==================== */

    .breadcumb-area .breadcumbContent .header-title {
        background-color: rgba(0, 0, 0, 0.78);
    }

    /* ==================== 15. Blog ==================== */

    .single-blog-post .post-content {
        background-color: #242428;
    }

    .single-blog-post .post-content .post-title {
        color: #e8e6e1;
    }

    .single-blog-post .post-content .post-meta a {
        color: #b5b3ae;
    }

    /* ==================== 16. Contact ==================== */

    .contact-area .contact-info h4,
    .contact-area .contact-info h5 {
        color: #e8e6e1;
    }

    .single-contact-information .section-text h3 {
        color: #e8e6e1;
    }

    .single-contact-information .contact-content p {
        color: #b5b3ae;
    }

    .contact-form-area form input,
    .contact-form-area form textarea {
        background-color: #242428;
        border-bottom-color: #3a3a3d;
        color: #e0ddd8;
    }

    .contact-form-area form input:focus,
    .contact-form-area form textarea:focus {
        border-color: #b5b18a;
    }

    .contact-form-area form input::placeholder,
    .contact-form-area form textarea::placeholder {
        color: #777;
    }

    /* ==================== 17. Skills ==================== */

    .single-skils-area .skills-text span,
    .single-skils-area .skills-text p {
        color: #e0ddd8;
    }

    /* ==================== 18. Elements ==================== */

    .single-icon {
        background-color: #242428;
    }

    /* Accordion */

    .single-accordion.panel {
        background-color: #242428;
    }

    .single-accordion h6 a.collapsed {
        background-color: #242428;
        color: #b5b3ae;
        border-color: #b5b18a;
    }

    .single-accordion h6 a.collapsed span {
        color: #b5b3ae;
    }

    .single-accordion .accordion-content {
        background-color: #242428;
    }

    .single-accordion .accordion-content p {
        color: #b5b3ae;
    }

    /* Tabs */

    .palatin-tabs-content .nav-tabs .nav-link {
        background-color: #242428;
        color: #b5b3ae;
    }

    .palatin-tabs-content .nav-tabs .nav-link.active {
        background-color: #b5b18a;
        color: #fff;
    }

    .palatin-tabs-content .tab-content h6 {
        color: #e8e6e1;
    }

    .palatin-tabs-content .tab-content p {
        color: #b5b3ae;
    }

    /* ==================== Buttons ==================== */

    .palatin-btn {
        background-color: #b5b18a;
    }

    .palatin-btn:hover,
    .palatin-btn:focus {
        background-color: #111114;
        color: #b5b18a;
    }

    .palatin-btn.btn-2 {
        background-color: #2a2a2e;
    }

    .palatin-btn.btn-2:hover,
    .palatin-btn.btn-2:focus {
        background-color: #b5b18a;
    }

    .palatin-btn.btn-3 {
        background-color: #1b1b1f;
        color: #b5b18a;
        border-color: #b5b18a;
    }

    .palatin-btn.btn-3:hover,
    .palatin-btn.btn-3:focus {
        background-color: #b5b18a;
        color: #fff;
    }

    /* ==================== Scroll Up ==================== */

    #scrollUp {
        background-color: #b5b18a;
    }

    #scrollUp:hover,
    #scrollUp:focus {
        background-color: #e8e6e1;
        color: #1b1b1f;
    }

    /* ==================== Preloader ==================== */

    .preloader {
        background-color: #1b1b1f;
    }

    /* ==================== Pagination ==================== */

    .pagination-area .pagination .page-item .page-link {
        color: #e0ddd8;
    }

    .pagination-area .pagination .page-item .page-link:hover,
    .pagination-area .pagination .page-item .page-link:focus {
        color: #fff;
        background-color: #3a3a3d;
    }

    .pagination-area .pagination .page-item.active .page-link {
        color: #fff;
        background-color: #3a3a3d;
    }

    /* ==================== Article / Content pages ==================== */

    article p {
        color: #b5b3ae;
    }

    article ul li,
    article ol li {
        color: #b5b3ae;
    }

    article ul li strong,
    article ol li strong {
        color: #e0ddd8;
    }

    /* ==================== Bootstrap form overrides ==================== */

    .form-control {
        background-color: #2a2a2e;
        border-color: #3a3a3d;
        color: #e0ddd8;
    }

    .form-control:focus {
        background-color: #2e2e32;
        border-color: #b5b18a;
        color: #e0ddd8;
    }

    .form-control::placeholder {
        color: #777;
    }

    select.form-control,
    .custom-select {
        background-color: #2a2a2e;
        color: #e0ddd8;
    }

    .input-group-text {
        background-color: #2a2a2e;
        border-color: #3a3a3d;
        color: #b5b3ae;
    }

    /* ==================== Bootstrap card / list-group ==================== */

    .card {
        background-color: #242428;
        border-color: #3a3a3d;
    }

    .list-group-item {
        background-color: #242428;
        border-color: #3a3a3d;
        color: #b5b3ae;
    }

    /* ==================== Bootstrap table ==================== */

    .table {
        color: #b5b3ae;
    }

    .table td,
    .table th {
        border-color: #3a3a3d;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.03);
    }

    .table-hover tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.06);
    }

    /* ==================== Bootstrap modal ==================== */

    .modal-content {
        background-color: #242428;
        border-color: #3a3a3d;
    }

    .modal-header {
        border-bottom-color: #3a3a3d;
    }

    .modal-footer {
        border-top-color: #3a3a3d;
    }

    .modal-header .close {
        color: #e0ddd8;
    }

    .modal-title {
        color: #e8e6e1;
    }

    /* ==================== Bootstrap alert ==================== */

    .alert-warning {
        background-color: #3d3520;
        border-color: #5a4e2e;
        color: #f0d78a;
    }

    .alert-danger {
        background-color: #3d2020;
        border-color: #5a2e2e;
        color: #f0a0a0;
    }

    .alert-success {
        background-color: #1e3d20;
        border-color: #2e5a30;
        color: #a0f0a5;
    }

    .alert-info {
        background-color: #1e2e3d;
        border-color: #2e3e5a;
        color: #a0d0f0;
    }

    /* ==================== Nice select ==================== */

    .nice-select {
        background-color: #2a2a2e;
        border-color: #3a3a3d;
        color: #e0ddd8;
    }

    .nice-select .list {
        background-color: #2a2a2e;
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    }

    .nice-select .option {
        color: #e0ddd8;
    }

    .nice-select .option:hover,
    .nice-select .option.selected {
        background-color: #3a3a3d;
    }

    /* ==================== Selection & Scrollbar ==================== */

    ::selection {
        background-color: #b5b18a;
        color: #1b1b1f;
    }

    ::-webkit-scrollbar {
        width: 10px;
    }

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

    ::-webkit-scrollbar-thumb {
        background: #3a3a3d;
        border-radius: 5px;
    }

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

    /* ==================== Cookie banner ==================== */

    #cookies {
        background-color: rgba(181, 177, 138, 0.92);
    }

    /* ====================================================== */
    /*                   PLACES LIST CARDS                    */
    /* ====================================================== */

    .places-list-title {
        color: #e8e6e1;
    }

    .places-list-count {
        color: #999;
    }

    .plist-card {
        background: #242428;
        border-color: #3a3a3d;
    }

    .plist-card:hover {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
        border-color: #555;
    }

    .plist-card--unavailable:hover {
        box-shadow: none;
        border-color: #3a3a3d;
    }

    .plist-card__img {
        background-color: #2a2a2e;
    }

    .plist-card__img::before {
        background: linear-gradient(90deg, #2a2a2e 25%, #333 50%, #2a2a2e 75%);
    }

    .plist-card__title {
        color: #e8e6e1;
    }

    .plist-card:hover .plist-card__title {
        color: #b5b18a;
    }

    .plist-card--unavailable:hover .plist-card__title {
        color: #e8e6e1;
    }

    .plist-card__location {
        color: #999;
    }

    .plist-card__desc {
        color: #b5b3ae;
    }

    .plist-card__tag {
        color: #b5b3ae;
        background: #2e2e32;
        border-color: #3a3a3d;
    }

    .plist-card__footer {
        border-top-color: #3a3a3d;
    }

    .plist-card__price {
        color: #b5b3ae;
    }

    .plist-card__price strong {
        color: #e8e6e1;
    }

    .plist-card__btn {
        background: #b5b18a;
    }

    .plist-card:hover .plist-card__btn {
        background: #9f9b74;
    }

    .plist-card__btn--disabled {
        background: #555;
    }

    .plist-card--unavailable:hover .plist-card__btn--disabled {
        background: #555;
    }

    .plist-price-loading {
        color: #777;
    }

    .plist-price-nights {
        color: #999;
    }

    /* Alt cards in places list */

    .places-list-section .places-alternatives {
        border-top-color: #3a3a3d;
    }

    .places-list-section .places-alt-label {
        color: #b5b3ae;
    }

    .places-list-section .places-alt-card {
        background: #242428;
        border-color: #3a3a3d;
    }

    .places-list-section .places-alt-card:hover {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    }

    .places-list-section .places-alt-name {
        color: #e0ddd8;
    }

    .places-list-section .places-alt-location {
        color: #999;
    }

    /* ====================================================== */
    /*                    PLACES COMPONENT                    */
    /* ====================================================== */

    .no-availability-msg {
        background: #2e2a1e;
        border-color: #4a4430;
    }

    .no-availability-msg p,
    .no-availability-msg .no-avail-summary {
        color: #b5b3ae;
    }

    .no-avail-list {
        color: #b5b3ae;
    }

    .places-alternatives {
        border-top-color: #3a3a3d;
    }

    .places-alt-label {
        color: #b5b3ae;
    }

    .places-alt-card {
        background: #242428;
        border-color: #3a3a3d;
    }

    .places-alt-card:hover {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    }

    .places-alt-name {
        color: #e0ddd8;
    }

    .places-alt-location {
        color: #999;
    }

    /* ====================================================== */
    /*                    BOOKING PAGE                        */
    /* ====================================================== */

    .booking2-subtitle {
        color: #b5b3ae;
    }

    .booking2-checkin-note {
        border-top-color: #3a3a3d;
        color: #999;
    }

    .room-item span {
        color: #b5b3ae;
    }

    .booking2-sidebar {
        background: #242428;
        border-color: #3a3a3d;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
    }

    .booking2-datepicker-wrap .booking-datepicker-value {
        border-color: #3a3a3d;
        background-color: #2a2a2e;
    }

    .booking2-datepicker-wrap .booking-datepicker-value .trigger {
        color: #b5b3ae;
    }

    .booking2-datepicker-wrap .dates-clear {
        color: #777;
    }

    .booking2-datepicker-wrap .dates-clear:hover {
        color: #e0ddd8;
    }

    .guests-stepper {
        border-color: #3a3a3d;
        background: #2a2a2e;
    }

    .guests-stepper-btn {
        background: #333;
        color: #b5b3ae;
    }

    .guests-stepper-btn:hover:not(:disabled) {
        background: #3a3a3d;
        color: #e0ddd8;
    }

    .guests-stepper-value {
        color: #e0ddd8;
        border-left-color: #3a3a3d;
    }

    .guests-stepper-label {
        color: #b5b3ae;
        border-right-color: #3a3a3d;
    }

    /* Price breakdown */

    .pb-nightly__label {
        color: #999;
    }

    .pb-nightly__value {
        color: #e8e6e1;
    }

    .pb-row {
        color: #b5b3ae;
    }

    .pb-row--stay {
        color: #e0ddd8;
    }

    .pb-total {
        border-top-color: #3a3a3d;
    }

    .pb-total__label,
    .pb-total__value {
        color: #e8e6e1;
    }

    .pb-info-block__header {
        color: #e0ddd8;
    }

    .pb-info-block__body {
        color: #b5b3ae;
    }

    /* Guest form */

    .booking2-guest-field input {
        background-color: #2a2a2e;
        border-color: #3a3a3d;
        color: #e0ddd8;
    }

    /* Availability message */

    .booking2-availability-msg.unavailable {
        background: #3d3520;
        border-color: #5a4e2e;
        color: #f0d78a;
    }

    .booking2-availability-msg.available {
        color: #7dcea0;
    }

    .booking2-avail-link {
        color: #f0d78a;
    }

    .booking2-checking-msg {
        color: #777;
    }

    /* Alternatives */

    .booking2-alternatives .alternatives-label {
        color: #b5b3ae;
    }

    .alternative-card {
        border-color: #3a3a3d;
        background-color: #242428;
    }

    .alternative-card:hover {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    }

    .alternative-name {
        color: #e0ddd8;
    }

    .alternative-price-detail {
        color: #777;
    }

    /* Guesty Pay modal */

    .guestypay-modal-summary {
        background: #2a2a2e;
    }

    .guestypay-modal-summary .summary-dates {
        color: #b5b3ae;
    }

    .guestypay-modal-summary .summary-total {
        color: #e8e6e1;
    }

    .guesty-pay-card-form {
        background: #242428;
    }

    .guesty-pay-error {
        background: #3d2020;
        color: #f0a0a0;
        border-color: #5a2e2e;
    }

    /* Platforms */

    .booking2-platforms .platforms-note {
        color: #777;
    }

    .booking2-platforms .platform-link {
        color: #999;
    }

    .booking2-platforms .platform-link:hover {
        color: #e0ddd8;
    }

    /* Confirmation */

    .booking2-confirmation p {
        color: #b5b3ae;
    }

    .confirmation-guests-app {
        color: #b5b3ae;
    }

    /* Payment failed */

    .booking2-payment-failed {
        background: #3d2020;
        border-color: #5a2e2e;
    }

    .booking2-payment-failed h3 {
        color: #f0a0a0;
    }

    /* Sidebar datepicker */

    .booking2-sidebar .datepicker-range {
        background-color: #242428 !important;
        border-color: #3a3a3d !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
    }

    .booking2-sidebar .datepicker {
        background: #242428;
    }

    .booking2-sidebar .datepicker table tr td {
        color: #e0ddd8;
    }

    .booking2-sidebar .datepicker table tr td.old,
    .booking2-sidebar .datepicker table tr td.new {
        color: #666;
    }

    .booking2-sidebar .datepicker table tr td.disabled,
    .booking2-sidebar .datepicker table tr td.disabled:hover {
        color: #555;
        background: #2a2a2e;
    }

    .booking2-sidebar .datepicker table tr td.day:hover {
        background-color: #3a3a3d;
    }

    .booking2-sidebar .datepicker table tr td.day.today {
        background: transparent;
        color: #666;
    }

    .booking2-sidebar .datepicker table tr td.highlighted,
    .booking2-sidebar .datepicker table tr td.range {
        background-color: rgba(255, 255, 255, 0.25);
        color: #e0ddd8;
    }

    .booking2-sidebar .datepicker table tr td.active.active,
    .booking2-sidebar .datepicker table tr td.active.active.start,
    .booking2-sidebar .datepicker table tr td.active.active.end {
        background-color: rgba(255, 255, 255, 0.25) !important;
        background-image: none !important;
        color: #e0ddd8;
        font-weight: 600;
    }

    .booking2-sidebar .datepicker table thead tr th {
        color: #b5b3ae;
    }

    .booking2-sidebar .datepicker table thead tr th.dow {
        border-bottom-color: #3a3a3d;
    }

    .booking2-sidebar .datepicker .datepicker-switch,
    .booking2-sidebar .datepicker .prev,
    .booking2-sidebar .datepicker .next {
        color: #e0ddd8;
    }

    .booking2-sidebar .datepicker .datepicker-switch:hover,
    .booking2-sidebar .datepicker .prev:hover,
    .booking2-sidebar .datepicker .next:hover {
        background: #3a3a3d;
    }

    .booking2-sidebar .datepicker-range-actions > a {
        border-color: #3a3a3d;
        color: #b5b3ae !important;
    }

    .booking2-sidebar .datepicker-range-actions > a:hover {
        background-color: #b5b18a !important;
        color: #fff !important;
    }

    .booking2-sidebar .datepicker table tr td.blocked {
        color: #555 !important;
    }

    .booking2-sidebar .datepicker table tr td.blocked:hover {
        color: #555 !important;
    }

    /* ====================================================== */
    /*                   BOOKING HOME                         */
    /* ====================================================== */

    .booking-home-card {
        background: rgb(159, 155, 116);
        border-color: rgba(255, 255, 255, 0.2);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    }

    .bh-dates-value .dates {
        border-color: rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.95);
        color: #333 !important;
    }

    .bh-dates-value .trigger {
        border-color: rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.95);
        color: #666;
    }

    .bh-guests-stepper {
        border-color: rgba(255, 255, 255, 0.4);
        background: rgba(255, 255, 255, 0.95);
    }

    .bh-guests-btn {
        background: rgba(255, 255, 255, 0.95);
        color: rgb(159, 155, 116);
    }

    .bh-guests-btn:hover:not(:disabled) {
        background: rgba(255, 255, 255, 0.85);
        color: #333;
    }

    .bh-guests-value {
        color: #333;
        border-left-color: rgba(255, 255, 255, 0.4);
    }

    .bh-guests-label {
        color: #333;
        border-right-color: rgba(255, 255, 255, 0.4);
    }

    .bh-loc-btn {
        border-color: rgba(255, 255, 255, 0.5);
        color: #fff;
        background: rgba(255, 255, 255, 0.2);
    }

    .bh-loc-btn:hover {
        background: rgba(255, 255, 255, 0.35);
        border-color: rgba(255, 255, 255, 0.6);
    }

    .bh-loc-btn.active {
        background: rgba(0, 0, 0, 0.25) !important;
        border-color: rgba(255, 255, 255, 0.6) !important;
        color: #fff !important;
    }

    /* Booking home datepicker */

    .bh-dates-group .datepicker-range {
        background-color: rgb(159, 155, 116);
        border-color: rgba(255, 255, 255, 0.3);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    }

    .booking-home-area .datepicker table tr td {
        color: #333;
        border-color: rgba(255, 255, 255, 0.25);
    }

    .booking-home-area .datepicker table tr td.old,
    .booking-home-area .datepicker table tr td.new {
        color: #999;
    }

    .booking-home-area .datepicker table tr td.disabled,
    .booking-home-area .datepicker table tr td.disabled:hover {
        color: #bbb;
        background: rgba(255, 255, 255, 0.3);
    }

    .booking-home-area .datepicker table tr td.day:hover {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .booking-home-area .datepicker table tr td.day.today {
        background-color: rgba(255, 255, 255, 0.35);
        color: #333;
    }

    .booking-home-area .datepicker table tr td.highlighted,
    .booking-home-area .datepicker table tr td.range {
        background-color: rgba(255, 255, 255, 0.55);
        color: #333;
    }

    .booking-home-area .datepicker table tr td.active.active,
    .booking-home-area .datepicker table tr td.active.active.start,
    .booking-home-area .datepicker table tr td.active.active.end {
        background-color: rgba(255, 255, 255, 0.55) !important;
        background-image: none !important;
        color: #333;
        border: 1px solid rgba(255, 255, 255, 0.4);
        font-weight: 600;
    }

    .booking-home-area .datepicker table thead tr th {
        color: #333;
        border-color: rgba(255, 255, 255, 0.25);
    }

    .booking-home-area .datepicker table thead tr th.dow {
        border-bottom-color: rgba(255, 255, 255, 0.4);
    }

    .booking-home-area .datepicker .datepicker-switch,
    .booking-home-area .datepicker .prev,
    .booking-home-area .datepicker .next {
        color: #333;
    }

    .booking-home-area .datepicker .datepicker-switch:hover,
    .booking-home-area .datepicker .prev:hover,
    .booking-home-area .datepicker .next:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    /* ==================== City info (booking) ==================== */

    .booking2-city-info p {
        color: #b5b3ae;
    }

    .booking2-city-info ul li {
        color: #b5b3ae;
    }

    /* ==================== General datepicker ==================== */

    .datepicker table tr td.day.today {
        background-color: #3a3a3d;
        color: #e0ddd8;
    }

    .datepicker-range {
        background-color: #242428;
        border-color: #b5b18a;
        box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.6);
    }

    .datepicker-dropdown {
        background-color: #242428;
        border-color: #3a3a3d;
    }

    .datepicker-dropdown::before {
        border-bottom-color: #3a3a3d;
    }

    .datepicker-dropdown::after {
        border-bottom-color: #242428;
    }

    .datepicker table thead tr th {
        color: #b5b3ae;
    }

    .datepicker table thead tr th.dow {
        border-bottom-color: #3a3a3d;
    }

    .datepicker table thead tr th:hover {
        background-color: #2e2e32;
        color: #e0ddd8;
    }

    .datepicker table tbody tr td {
        color: #e0ddd8;
    }

    .datepicker table tbody tr td.old,
    .datepicker table tbody tr td.new {
        color: #666;
    }

    .datepicker table tbody tr td.disabled {
        color: #555;
    }

    .datepicker table tbody tr td.day:hover {
        background-color: #3a3a3d;
    }
}