:root,
.cloudstay-cards-widget,
.cs-cards-widget,
.cs-listing-card,
.listing-card,
.card-content,
.cloudstay-taxonomy-cards,
.cloudstay-search-grid,
.cloudstay-grid-widget,
.cloudstay-grid-widget .listings-grid,
.cloudstay-grid-widget .cloudstay-map,
.cloudstay-grid-widget .cloudstay-listings,
.cloudstay-listing-page,
.cloudstay-listing-page-preview,
.gallery-grid-modal,
.lightbox-modal,
.date-picker-modal,
.guest-modal,
.listing-hero-preview,
.booking-card,
.booking-widget,
.booking-widget__datepicker-popup,
.cloudstay-search-bar,
.cloudstay-search-widget,
.search-bar-fields,
.grid-search-bar,
.search-field,
.search-btn,
.search-field-label,
.search-field-value,
.cloudstay-map,
.leaflet-popup-content-wrapper,
.marker-cluster,
.cloudstay-booking-form,
body > .search-dropdown,
body > .search-dropdown-overlay,
#cs-preview-container,
.cloudstay-confirmation,
.cloudstay-confirmation-page,
.cloudstay-checkout,
.cloudstay-guest-portal,
.cloudstay-guest-login,
.cloudstay-my-bookings,
.cloudstay-wishlist-page,
.mobile-search-trigger,
.mobile-trigger-icon,
.mobile-search-modal,
.mobile-modal-content {
    --csg-accent: #cc3d2e;
    --csg-accent-hover: #c2410c;
    --csg-heading: #111827;
    --csg-text-primary: #374151;
    --csg-text-secondary: #6b7280;
    --csg-text-muted: #6b7280;
    --csg-bg-primary: #ffffff;
    --csg-bg-secondary: #f9fafb;
    --csg-bg-tertiary: #f3f4f6;
    --csg-border: #e5e7eb;
    --csg-border-light: #f3f4f6;
    --cs-primary: #cc3d2e;
    --cs-accent: #cc3d2e;
    --csg-font-family: inherit;
    --csg-font-size-base: 14px;
    --csg-radius-btn: 50px;
    --csg-radius-card: 12px;
    --csg-radius-img: 8px;
    --csg-radius-input: 8px;
    --csg-radius-sm: 4px;
    --csg-radius-md: 50px;
    --csg-radius-lg: 12px;
    --cs-radius-sm: 4px;
    --cs-radius-md: 50px;
    --cs-radius-lg: 12px;
    --cs-radius-xl: 16px;
    --cs-btn-radius: 50px;
    --cs-input-radius: 8px;
    --csg-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --csg-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --csg-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
    --csg-btn-bg: #cc3d2e;
    --csg-btn-text: #ffffff;
    --csg-btn-hover-bg: #cc3d2e;
    --csg-btn-hover-text: #ffffff;
    --csg-btn-radius: 50px;
    --csg-btn-font-family: var(--csg-font-family);
    --csg-btn-font-size: 14px;
    --csg-btn-font-weight: 600;
    --csg-btn-letter-spacing: normal;
    --csg-btn-text-transform: none;
    --csg-input-bg: #ffffff;
    --csg-input-border: #e5e7eb;
    --csg-input-border-focus: #1f1f1f;
    --csg-input-radius: 8px;
    --csg-cal-selected-bg: #cc3d2e;
    --csg-cal-selected-text: #ffffff;
    --csg-cal-range-bg: rgba(31, 31, 31, 0.1);
    --csg-cal-hover-bg: #f3f4f6;
    --csg-cal-disabled-text: #b0b0b0;
    --csg-cal-today-border: #1f1f1f;
    --cs-title-font: inherit;
    --cs-title-size: 16px;
    --cs-title-weight: 600;
    --cs-title-transform: none;
    --cs-title-color: #1f1f1f;
    --cs-title-margin: 4px;
    --cs-location-font: inherit;
    --cs-location-size: 13px;
    --cs-location-weight: 400;
    --cs-location-transform: none;
    --cs-location-color: #6b7280;
    --cs-location-margin: 4px;
    --cs-meta-font: inherit;
    --cs-meta-size: 13px;
    --cs-meta-weight: 400;
    --cs-meta-transform: none;
    --cs-meta-color: #6b7280;
    --cs-meta-margin: 4px;
    --cs-price-font: inherit;
    --cs-price-size: 14px;
    --cs-price-weight: 600;
    --cs-price-transform: none;
    --cs-price-color: #1f1f1f;
    --cs-price-label-color: #6b7280;
    --cs-price-margin: 4px;
    --cs-title-size-mobile: 16px;
    --cs-content-padding-x: 0px;
    --cs-content-padding-y: 16px;
    --cs-card-bg: #ffffff;
    --cs-card-content-bg: #ffffff;
    --cs-gap: 24px;
    --cs-column-gap: 12px;
    --cs-row-gap: 12px;
    --cs-card-radius: 8px;
    --cs-border: #e5e7eb;
    --cs-border-width: 0px;
    --cs-accent: #2563eb;
    --cs-rating-color: #facc15;
    --cs-icon-color: #6b7280;
    --cs-icon-size: 16px;
    --cs-element-gap: 0px;
    --cs-discount-color: #cc3d2e;
    --cs-tag-bg: rgba(255,255,255,0.95);
    --cs-tag-color: #1f1f1f;
    --cs-nav-bg: rgba(255,255,255,0.95);
    --cs-nav-color: #1f1f1f;
    --cs-nav-hover-bg: #ffffff;
    --cs-nav-border: rgba(0,0,0,0.1);
    --cs-dot-bg: rgba(255,255,255,0.5);
    --cs-dot-active-bg: #ffffff;
    --cs-skeleton-bg: #e8e8e8;
    --cs-skeleton-shine: #f5f5f5;
    --cs-loadmore-bg: #1f1f1f;
    --cs-loadmore-text: #ffffff;
    --cs-loadmore-hover: #000000;
    --cs-loadmore-radius: var(--csg-btn-radius);
    --cs-loadmore-font-size: 14px;
    --cs-loadmore-font-weight: 600;
    --cs-image-radius: 0px;
    --cs-image-ratio: 1/1;
    --cs-image-height: auto;
    --cs-widget-heading-color: #344c64;
    --cs-widget-heading-size: 22px;
    --cs-widget-heading-weight: 700;
    --cs-widget-heading-link-color: #cc3d2e;
    --cs-widget-heading-hover-color: #cc3d2e;
    --cs-widget-heading-hover-opacity: 1;
    --cs-widget-heading-size-mobile: 18px;
    --lp-container-width: 1580px;
    --lp-page-padding-top: 0px;
    --lp-page-padding: 24px;
    --lp-section-spacing: 48px;
    --lp-section-padding: 48px;
    --lp-sidebar-sticky-offset: 100px;
    --lp-hero-height: 500px;
    --lp-hero-radius: 12px;
    --lp-page-bg: #ffffff;
    --lp-section-bg: #ffffff;
    --lp-section-border: #e5e7eb;
    --lp-modal-bg: ;
    --lp-modal-text: ;
    --lp-modal-border: ;
    --lp-modal-input-bg: ;
    --lp-modal-placeholder: ;
    --lp-modal-hover: ;
    --lp-title-font: inherit;
    --lp-title-size: 32px;
    --lp-title-weight: 700;
    --lp-title-color: #344c64;
    --lp-heading-font: inherit;
    --lp-heading-size: 22px;
    --lp-heading-weight: 700;
    --lp-heading-color: #344c64;
    --lp-heading: #344c64;
    --lp-text-secondary: #4b5563;
    --lp-text-muted: #6b7280;
    --lp-placeholder: #9ca3af;
    --lp-desc-font: inherit;
    --lp-desc-size: 16px;
    --lp-desc-line-height: 1.6;
    --lp-desc-color: #4b5563;
    --lp-meta-icon-size: 18px;
    --lp-meta-icon-color: #cc3d2e;
    --lp-meta-text-size: 16px;
    --lp-meta-text-color: #4b5563;
    --lp-booking-bg: #ffffff;
    --lp-booking-border: #e5e7eb;
    --lp-booking-radius: 12px;
    --lp-booking-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --lp-booking-btn-bg: #cc3d2e;
    --lp-booking-btn-text: #ffffff;
    --lp-booking-input-bg: #ffffff;
    --lp-booking-input-border: #e5e7eb;
    --lp-booking-label: #4b5563;
    --lp-booking-placeholder: #9ca3af;
    --lp-accent: #f97316;
    --lp-input-bg: #ffffff;
    --lp-input-border: #d1d5db;
    --lp-input-text: #111827;
    --lp-input-focus-border: ;
    --lp-btn-bg: #ffffff;
    --lp-btn-text: #222222;
    --lp-btn-border: #222222;
    --lp-btn-radius: 8px;
    --lp-btn-size: 14px;
    --lp-btn-hover-bg: #f3f4f6;
    --lp-btn-hover-border: #000000;
    --lp-accordion-bg: #ffffff;
    --lp-accordion-hover-bg: #fafafa;
    --lp-accordion-content-bg: #fafafa;
    --lp-accordion-border: #e5e7eb;
    --lp-accordion-radius: 8px;
    --lp-accordion-text: #1f2937;
    --lp-accordion-icon: #6b7280;
    --lp-amenity-text: #374151;
    --lp-amenity-icon: #cc3d2e;
    --lp-amenity-icon-size: 20px;
    --lp-amenity-size: 14px;
    --lp-social-proof-bg: #fef3c7;
    --lp-social-proof-text: #92400e;
    --lp-social-proof-icon: #f59e0b;
    --lp-social-proof-divider: #fcd34d;
    --lp-desc-gradient-color: #ffffff;
    --lp-divider-color: #e5e7eb;
    --lp-divider-width: 1px;
    --lp-things-heading: #1f2937;
    --lp-things-subheading: #374151;
    --lp-things-text: #4b5563;
    --lp-things-icon: #cc3d2e;
    --lp-surroundings-text: #4b5563;
    --lp-surroundings-distance: #6b7280;
    --lp-question-text: #4b5563;
    --lp-question-btn-bg: #cc3d2e;
    --lp-question-btn-text: #ffffff;
    --lp-question-btn-hover-bg: #cc3d2e;
    --lp-share-btn-bg: #ffffff;
    --lp-share-btn-text: #374151;
    --lp-share-btn-border: #e5e7eb;
    --lp-share-btn-hover-bg: #f3f4f6;
    --lp-booking-helper-text: #4b5563;
    --lp-booking-helper-icon: #16a34a;
    --lp-reserve-btn-bg: var(--csg-btn-bg);
    --lp-reserve-btn-text: var(--csg-btn-text);
    --lp-reserve-btn-hover-bg: var(--csg-btn-hover-bg);
    --lp-enquiry-btn-bg: #ffffff;
    --lp-enquiry-btn-text: #1f2937;
    --lp-enquiry-btn-border: #1f2937;
    --lp-enquiry-btn-hover-bg: #f3f4f6;
    --lp-enquiry-btn-hover-text: #1f2937;
    --lp-modal-apply-bg: var(--csg-btn-bg);
    --lp-modal-apply-text: var(--csg-btn-text);
    --lp-photos-btn-bg: #ffffff;
    --lp-photos-btn-text: #1f2937;
    --lp-photos-btn-hover-bg: #f3f4f6;
    --lp-photos-btn-size: 14px;
    --lp-lightbox-backdrop: rgba(0,0,0,0.95);
    --lp-lightbox-close: #ffffff;
    --lp-lightbox-nav: #ffffff;
    --lp-lightbox-nav-bg: rgba(255,255,255,0.1);
    --lp-lightbox-nav-hover-bg: rgba(255,255,255,0.2);
    --lp-lightbox-counter: #ffffff;
    --lp-gallery-counter-bg: rgba(0,0,0,0.7);
    --lp-gallery-counter-color: #ffffff;
    --lp-gallery-modal-bg: #ffffff;
    --lp-gallery-modal-text: #1f2937;
    --lp-gallery-modal-border: #e5e7eb;
    --lp-gallery-modal-close-bg: #ffffff;
    --lp-gallery-modal-close-icon: #1f2937;
    --lp-gallery-modal-caption: #6b7280;
    --lp-gallery-modal-tab-bg: #f3f4f6;
    --lp-gallery-modal-tab-active-bg: #1f2937;
    --lp-gallery-modal-tab-active-text: #ffffff;
    --lp-price-main: #1f2937;
    --lp-price-per-night: #6b7280;
    --lp-price-total: #1f2937;
    --lp-price-fees: #4b5563;
    --lp-price-taxes: #6b7280;
    --lp-cal-bg: #ffffff;
    --lp-cal-border: #e5e7eb;
    --lp-cal-radius: 12px;
    --lp-cal-header-bg: #ffffff;
    --lp-cal-header-text: #1f1f1f;
    --lp-cal-nav-color: #6b7280;
    --lp-cal-nav-hover: #1f1f1f;
    --lp-cal-nav-bg: #ffffff;
    --lp-cal-nav-border: #e5e7eb;
    --lp-cal-weekday: #6b7280;
    --lp-cal-day: #1f1f1f;
    --lp-cal-today-bg: transparent;
    --lp-cal-today-border: #1f1f1f;
    --lp-cal-selected-bg: #cc3d2e;
    --lp-cal-selected-text: #ffffff;
    --lp-cal-hover-bg: #f3f4f6;
    --lp-cal-range-bg: rgba(31, 31, 31, 0.1);
    --lp-cal-blocked-bg: #f3f4f6;
    --lp-cal-blocked-text: #9ca3af;
    --lp-cal-price: #6b7280;
    --lp-cal-legend-text: #6b7280;
    --lp-cal-font-size: 14px;
    --lp-reviews-card-bg: #f9fafb;
    --lp-reviews-card-radius: 12px;
    --lp-reviews-rating: #facc15;
    --lp-reviews-score: #1f1f1f;
    --lp-reviews-score-count: #6b7280;
    --lp-reviews-text: #1f1f1f;
    --lp-reviews-date: #6b7280;
    --lp-reviews-author: #1f1f1f;
    --lp-reviews-avatar-bg: #e5e7eb;
    --lp-reviews-avatar-text: #6b7280;
    --lp-reviews-quote: #4b5563;
    --lp-reviews-nav-bg: #ffffff;
    --lp-reviews-nav-color: #6b7280;
    --lp-reviews-nav-hover: #1f1f1f;
    --lp-reviews-nav-border: #e5e7eb;
    --lp-map-height: 400px;
    --lp-map-radius: 12px;
    --lp-map-border: transparent;
    --lp-map-pin: #cc3d2e;
    --lp-map-circle: rgba(227, 83, 35, 0.2);
    --lp-contact-bg: #ffffff;
    --lp-mobile-bar-bg: #ffffff;
    --lp-mobile-bar-border: #e5e7eb;
    --lp-mobile-bar-price: #1f1f1f;
    --lp-mobile-bar-price-label: #6b7280;
    --lp-mobile-bar-btn-bg: #cc3d2e;
    --lp-mobile-bar-btn-text: #ffffff;
    --lp-mobile-bar-btn-radius: 100px;
    --lp-datepicker-btn-bg: #111111;
    --lp-datepicker-btn-text: #ffffff;
    --lp-mobile-modal-confirm-bg: var(--csg-accent, #111111);
    --lp-mobile-modal-confirm-text: #ffffff;
    --lp-mobile-hero-height: 400px;
    --lp-mobile-hero-radius: 0px;
    --lp-similar-card-bg: #ffffff;
    --lp-similar-card-border: #e5e7eb;
    --lp-similar-card-radius: 12px;
    --lp-similar-title: #1f1f1f;
    --lp-similar-location: #6b7280;
    --lp-similar-price: #1f1f1f;
    --lp-similar-price-label: #6b7280;
    --lp-similar-columns: 4;
    --lp-similar-mobile-columns: 2;
    --cs-card-shadow: none;
    --sb-container-max-width: 1200px;
    --sb-container-bg: #fafafa;
    --sb-container-padding: 5px;
    --sb-container-border-width: 0px;
    --sb-container-border-color: #e5e7eb;
    --sb-container-radius: 100px;
    --sb-field-height: 54px;
    --sb-field-gap: 4px;
    --sb-field-padding: 16px;
    --sb-field-bg: #ffffff;
    --sb-field-bg-hover: #ffffff;
    --sb-field-padding-left: 10px;
    --sb-field-bg-focus: #ffffff;
    --sb-field-border: #e5e7eb;
    --sb-field-border-focus: #1f1f1f;
    --sb-field-border-width: 1px;
    --sb-field-radius: 100px;
    --sb-field-icon-color: #6b7280;
    --sb-divider-color: #e5e7eb;
    --sb-label-font: inherit;
    --sb-label-size: 14px;
    --sb-label-weight: 500;
    --sb-label-color: #1f1f1f;
    --sb-label-transform: none;
    --sb-value-font: inherit;
    --sb-placeholder-size: 16px;
    --sb-placeholder-color: #9ca3af;
    --sb-value-color: #1f1f1f;
    --sb-value-weight: 500;
    --sb-btn-font: inherit;
    --sb-btn-bg: var(--csg-btn-bg);
    --sb-btn-bg-hover: var(--csg-btn-hover-bg);
    --sb-btn-text: var(--csg-btn-text);
    --sb-btn-radius: 97px;
    --sb-apply-btn-radius: 8px;
    --sb-btn-size: 16px;
    --sb-btn-weight: 500;
    --sb-btn-min-width: 100px;
    --sb-modal-bg: #ffffff;
    --sb-modal-text: #222222;
    --sb-modal-text-secondary: #717171;
    --sb-modal-border: #e5e7eb;
    --sb-modal-hover-bg: #f7f7f7;
    --sb-modal-radius: 12px;
    --sb-modal-list-border: #e5e7eb;
    --sb-modal-overlay: rgba(0, 0, 0, 0.5);
    --sb-modal-title-size: 18px;
    --sb-modal-title-weight: 600;
    --sb-modal-text-size: 14px;
    --sb-modal-apply-bg: var(--csg-btn-bg);
    --sb-modal-apply-text: var(--csg-btn-text);
    --sb-modal-clear-color: #222222;
    --sb-modal-close-color: #222222;
    --sb-inner-padding-x: 16px;
    --sb-inner-padding-y: 12px;
    --sb-mobile-trigger-bg: #ffffff;
    --sb-mobile-trigger-text: #ffffff;
    --sb-mobile-trigger-radius: 50px;
    --sb-mobile-icon-bg: #cc3d2e;
    --sb-mobile-icon-color: #ffffff;
    --sb-mobile-icon-radius: 50%;
    --sb-mobile-trigger-border-width: 1px;
    --sb-mobile-trigger-border-color: #cccccc;
    --sb-mobile-trigger-padding-y: 8px;
    --sb-mobile-trigger-padding-x: 8px;
    --sb-mobile-icon-size: 42px;
    --sb-mobile-icon-svg-size: 21px;
    --sb-mobile-trigger-font-size: 18px;
    --sb-mobile-trigger-font-weight: 500;
    --sb-mobile-trigger-text-align: center;
    --sb-mobile-trigger-direction: row;
    --sb-mobile-text-margin-left: 0px;
    --sb-mobile-text-margin-right: calc(var(--sb-mobile-icon-size, 32px) + 12px);
    --sb-mobile-text-padding-left: 0px;
    --sb-mobile-text-padding-right: 0px;
    --sb-mobile-trigger-shadow: none;
    --sb-mobile-modal-btn-radius: 8px;
    --sb-mobile-modal-field-radius: 16px;
    --sb-mobile-modal-counter-radius: 50%;
    --sb-mobile-modal-title-size: 18px;
    --sb-mobile-modal-title-weight: 600;
    --sb-mobile-modal-text-size: 14px;
    --sb-mobile-modal-text-weight: 400;
    --sb-mobile-modal-label-size: 12px;
    --sb-mobile-modal-label-weight: 500;
    --sb-mobile-modal-bg: #ffffff;
    --sb-mobile-modal-padding: 20px;
    --sb-mobile-filter-bg: #f7f7f7;
    --sb-mobile-text-color: #222222;
    --sb-mobile-text-secondary: #666666;
    --sb-mobile-border: #e5e7eb;
    --sb-mobile-label-color: #666666;
    --sb-mobile-arrow-color: #666666;
    --sb-mobile-number-color: #222222;
    --sb-mobile-clear-btn-bg: #f7f7f7;
    --sb-mobile-clear-btn-text: #222222;
    --sb-mobile-clear-btn-border: #e5e7eb;
    --sb-mobile-selection-bg: #ffffff;
    --sb-mobile-selection-border: #e5e7eb;
    --sb-container-shadow: none;
    --sb-modal-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
    --cal-bg: #ffffff;
    --cal-border: #e5e7eb;
    --cal-header-bg: #ffffff;
    --cal-day-text: #222222;
    --cal-weekday-color: #717171;
    --cal-month-title-color: #222222;
    --cal-selected-bg: #cc3d2e;
    --cal-selected-text: #ffffff;
    --cal-selected-price: rgba(255, 255, 255, 0.8);
    --cal-today-border: #cc3d2e;
    --cal-range-bg: rgba(31, 31, 31, 0.1);
    --cal-hover-bg: #f3f4f6;
    --cal-hover-text: ;
    --cal-disabled-text: #b0b0b0;
    --cal-disabled-bg: #f7f7f7;
    --cal-other-month-opacity: 0.4;
    --cal-font-family: inherit;
    --cal-font-size: 14px;
    --cal-day-weight: 400;
    --cal-weekday-size: 12px;
    --cal-weekday-weight: 600;
    --cal-month-size: 16px;
    --cal-month-weight: 600;
    --cal-price-size: 10px;
    --cal-price-color: #717171;
    --cal-border-radius: 12px;
    --cal-day-radius: 4px;
    --cal-day-size: 40px;
    --cal-day-gap: 2px;
    --cal-month-gap: 32px;
    --cal-nav-bg: #ffffff;
    --cal-nav-border: #e5e7eb;
    --cal-nav-icon: #222222;
    --cal-nav-hover-bg: #f7f7f7;
    --cal-nav-hover-border: #222222;
    --col-heading-font: inherit;
    --col-heading-size: 24px;
    --col-heading-weight: 600;
    --col-heading-color: #1f1f1f;
    --col-title-font: inherit;
    --col-title-size: 18px;
    --col-title-weight: 600;
    --col-title-color: #ffffff;
    --col-count-font: inherit;
    --col-count-size: 13px;
    --col-count-weight: 500;
    --col-count-color: rgba(255,255,255,0.9);
    --col-price-font: inherit;
    --col-price-size: 13px;
    --col-price-weight: 600;
    --col-price-color: #ffffff;
    --sp-grid-gap-row: 12px;
    --sp-grid-gap-col: 12px;
    --sp-grid-padding: 0px;
    --sp-page-padding: 24px;
    --sp-header-offset: 0px;
    --sp-map-width: 50%;
    --sp-pin-bg: #ffffff;
    --sp-pin-text: #000000;
    --sp-cluster-bg: #cc3d2e;
    --sp-cluster-text: #ffffff;
    --sp-infobox-title-size: 14px;
    --sp-infobox-title-weight: 600;
    --sp-infobox-title-color: #1f1f1f;
    --sp-infobox-meta-size: 13px;
    --sp-infobox-meta-color: #6b7280;
    --sp-infobox-price-color: #1f1f1f;
    --sp-infobox-bg: #ffffff;
    --sp-infobox-radius: 8px;
    --sp-infobox-border-color: transparent;
    --sp-infobox-border-width: 0px;
    --sp-infobox-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    --sp-arrow-color: #222222;
    --sp-arrow-bg: #ffffff;
    --sp-dot-color: #ffffff;
    --sp-dot-active-color: #ffffff;
    --sp-cols-map-mobile: 2;
    --sp-cols-map-tablet: 2;
    --sp-cols-map-desktop: 3;
    --sp-cols-map-widescreen: 3;
    --sp-cols-full-mobile: 2;
    --sp-cols-full-tablet: 2;
    --sp-cols-full-desktop: 6;
    --sp-cols-full-widescreen: 6;
    --sp-page-bg: #ffffff;
    --sp-text-color: #344c64;
    --sp-text-secondary: #666666;
    --sp-header-bg: #ffffff;
    --sp-sidebar-bg: #ffffff;
    --sp-dropdown-bg: #ffffff;
    --sp-skeleton-bg: #EAEAEA;
    --sp-skeleton-highlight: #f5f5f5;
    --sp-dropdown-hover-bg: #fafafa;
    --sp-dropdown-text: #1f1f1f;
    --sp-dropdown-hover-text: #1f1f1f;
    --sp-dropdown-border: #e5e7eb;
    --sp-card-highlight: #222222;
    --sp-card-highlight-width: 2px;
    --sp-card-title-size: 18px;
    --sp-card-title-weight: 600;
    --sp-card-title-transform: none;
    --sp-card-title-color: #202020;
    --sp-card-location-size: 13px;
    --sp-card-location-weight: 500;
    --sp-card-location-transform: none;
    --sp-card-location-color: #6b7280;
    --sp-card-meta-size: 13px;
    --sp-card-meta-weight: 500;
    --sp-card-meta-color: #6b7280;
    --sp-card-icon-color: #6b7280;
    --sp-card-price-size: 14px;
    --sp-card-price-weight: 700;
    --sp-card-price-color: #202020;
    --sp-card-price-label-color: #666666;
    --sp-card-title-size-mobile: 16px;
    --sp-card-bg: #ffffff;
    --sp-card-border-color: #ffffff;
    --sp-card-border-width: 1px;
    --sp-card-radius: 12px;
    --sp-card-shadow: none;
    --sp-card-image-radius: 0px;
    --sp-card-rating-color: #facc15;
    --sp-card-discount-color: #059669;
    --sp-tag-bg: #f3f4f6;
    --sp-tag-color: #374151;
    --sp-tag-hover-bg: #e5e7eb;
    --sp-tag-hover-color: #1f2937;
    --sp-tag-font-size: 12px;
    --sp-tag-font-weight: 500;
    --sp-tag-padding-x: 10px;
    --sp-tag-padding-y: 4px;
    --sp-tag-border-width: 0px;
    --sp-tag-border-color: transparent;
    --sp-tag-hover-border-color: transparent;
    --sp-tag-radius: 20px;
    --sp-tag-gap: 6px;
    --sp-toolbar-btn-bg: #ffffff;
    --sp-toolbar-btn-border: #e5e7eb;
    --sp-toolbar-btn-text: #666666;
    --sp-toolbar-btn-hover-text: #222222;
    --sp-toolbar-btn-hover-border: #222222;
    --sp-count-number-color: #222222;
    --sp-count-text-color: #666666;
    --sp-count-font-size: 12px;
    --sp-card-hover-shadow: none;
    --sp-card-hover-scale: 1;
    --sp-card-content-padding-top: 12px;
    --sp-card-content-padding-bottom: 0px;
    --sp-card-content-padding-left: 0px;
    --sp-card-content-padding-right: 0px;
    --sp-card-element-gap: 1px;
    --sp-card-discount-bg: #ecfdf5;
    --sp-card-image-ratio: 4/3;
    --sp-card-image-height: auto;
    --sp-fav-bg: rgba(255, 255, 255, 0.9);
    --sp-fav-hover-bg: #ffffff;
    --sp-fav-icon-color: #374151;
    --sp-fav-icon-hover-color: #ef4444;
    --sp-fav-active-color: #ef4444;
    --sp-fav-size: 36px;
    --sp-fav-icon-size: 20px;
    --sp-fav-radius: 50%;
    --sp-fav-border-width: 0px;
    --sp-fav-border-color: transparent;
    --sp-fav-hover-border-color: transparent;
    --sp-fav-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --sp-fav-hover-scale: 1.1;
    --sp-fav-position-top: 12px;
    --sp-fav-position-right: 12px;
    --sp-sb-container-bg: #fafafa;
    --sp-sb-container-border: #e5e7eb;
    --sp-sb-container-border-width: 0px;
    --sp-sb-container-radius: 100px;
    --sp-sb-container-shadow: none;
    --sp-sb-container-padding: 5px;
    --sp-sb-field-bg: #ffffff;
    --sp-sb-field-bg-hover: #ffffff;
    --sp-sb-field-border: #e5e7eb;
    --sp-sb-field-radius: 100px;
    --sp-sb-field-height: 54px;
    --sp-sb-label-color: #1f1f1f;
    --sp-sb-label-size: 14px;
    --sp-sb-label-weight: 500;
    --sp-sb-value-color: #1f1f1f;
    --sp-sb-placeholder-color: #9ca3af;
    --sp-sb-btn-bg: var(--csg-btn-bg);
    --sp-sb-btn-text: var(--csg-btn-text);
    --sp-sb-btn-hover-bg: var(--csg-btn-hover-bg);
    --sp-sb-btn-radius: 97px;
    --sp-sb-divider-color: #e5e7eb;
    --sp-sb-field-icon-color: #6b7280;
    --sp-sb-modal-bg: #ffffff;
    --sp-sb-modal-text: #222222;
    --sp-sb-modal-text-secondary: #717171;
    --sp-sb-modal-border: #e5e7eb;
    --sp-sb-modal-hover-bg: #f7f7f7;
    --sp-sb-modal-radius: 12px;
    --sp-sb-modal-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
    --sp-sb-modal-apply-bg: var(--csg-btn-bg);
    --sp-sb-modal-apply-text: var(--csg-btn-text);
    --sp-sb-modal-clear-color: #222222;
    --sp-sb-modal-close-color: #222222;
    --sp-sb-cal-bg: #ffffff;
    --sp-sb-cal-border: #e5e7eb;
    --sp-sb-cal-day-color: #1f1f1f;
    --sp-sb-cal-weekday-color: #6b7280;
    --sp-sb-cal-month-color: #1f1f1f;
    --sp-sb-cal-selected-bg: #1f1f1f;
    --sp-sb-cal-selected-text: #ffffff;
    --sp-sb-cal-range-bg: #f3f4f6;
    --sp-sb-cal-hover-bg: #f3f4f6;
    --sp-sb-cal-disabled-color: #d1d5db;
    --sp-sb-cal-nav-color: #6b7280;
    --sp-sb-mobile-trigger-bg: #ffffff;
    --sp-sb-mobile-trigger-text: #ffffff;
    --sp-sb-mobile-trigger-radius: 50px;
    --sp-sb-mobile-icon-bg: #cc3d2e;
    --sp-sb-mobile-icon-color: #ffffff;
    --sp-sb-mobile-icon-radius: 50%;
    --sp-sb-mobile-trigger-border-width: 1px;
    --sp-sb-mobile-trigger-border-color: #cccccc;
    --sp-sb-mobile-trigger-padding-y: 8px;
    --sp-sb-mobile-trigger-padding-x: 8px;
    --sp-sb-mobile-icon-size: 42px;
    --sp-sb-mobile-icon-svg-size: 21px;
    --sp-sb-mobile-trigger-font-size: 18px;
    --sp-sb-mobile-trigger-font-weight: 400;
    --sp-sb-mobile-trigger-text-align: center;
    --sp-sb-mobile-trigger-direction: row;
    --sp-sb-mobile-text-margin-left: 0px;
    --sp-sb-mobile-text-margin-right: calc(var(--sp-sb-mobile-icon-size, 32px) + 12px);
    --sp-sb-mobile-text-padding-left: 0px;
    --sp-sb-mobile-text-padding-right: 0px;
    --sp-sb-mobile-trigger-shadow: none;
    --sp-sb-mobile-modal-btn-radius: 8px;
    --sp-sb-mobile-modal-field-radius: 16px;
    --sp-sb-mobile-modal-counter-radius: 50%;
    --sp-sb-mobile-modal-title-size: 18px;
    --sp-sb-mobile-modal-title-weight: 600;
    --sp-sb-mobile-modal-text-size: 14px;
    --sp-sb-mobile-modal-text-weight: 400;
    --sp-sb-mobile-modal-label-size: 12px;
    --sp-sb-mobile-modal-label-weight: 500;
    --sp-sb-mobile-modal-bg: #ffffff;
    --sp-sb-mobile-modal-padding: 20px;
    --sp-sb-mobile-filter-bg: #f7f7f7;
    --sp-sb-mobile-text-color: #222222;
    --sp-sb-mobile-text-secondary: #666666;
    --sp-sb-mobile-border: #e5e7eb;
    --sp-sb-mobile-label-color: #666666;
    --sp-sb-mobile-arrow-color: #666666;
    --sp-sb-mobile-number-color: #222222;
    --sp-sb-mobile-clear-btn-bg: #f7f7f7;
    --sp-sb-mobile-clear-btn-text: #222222;
    --sp-sb-mobile-clear-btn-border: #e5e7eb;
    --sp-sb-mobile-selection-bg: #ffffff;
    --sp-sb-mobile-selection-border: #e5e7eb;
    --bf-container-bg: #ffffff;
    --bf-container-border: #e5e7eb;
    --bf-container-radius: 12px;
    --bf-container-padding: 24px;
    --bf-container-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    --bf-btn-bg: #e35323;
    --bf-btn-bg-hover: #d14a1f;
    --bf-btn-text: #ffffff;
    --bf-btn-radius: 0px;
    --bf-btn-size: 16px;
    --bf-btn-weight: 600;
    --bf-input-bg: #ffffff;
    --bf-input-border: #e5e7eb;
    --bf-input-border-focus: #1f1f1f;
    --bf-input-radius: 8px;
    --bf-label-color: #4b5563;
    --bf-label-size: 12px;
    --bf-label-weight: 600;
    --bf-placeholder-color: #9ca3af;
    --bf-value-color: #1f1f1f;
    --bf-value-size: 14px;
    --bf-value-weight: 500;
    --bf-price-size: 24px;
    --bf-price-weight: 600;
    --bf-price-color: #1f1f1f;
    --bf-text-color: #4b5563;
    --bf-text-size: 14px;
    --bf-heading-color: #1f1f1f;
    --bf-heading-size: 16px;
    --bf-heading-weight: 600;
    --bf-cal-selected-bg: #1f1f1f;
    --bf-cal-selected-text: #ffffff;
    --bf-cal-hover-bg: #f3f4f6;
    --bf-cal-range-bg: #f3f4f6;
    --bf-cal-blocked-bg: #f3f4f6;
    --bf-cal-blocked-text: #9ca3af;
    --bf-cal-today-border: #1f1f1f;
    --bf-cal-font-size: 14px;
    --card-hover-shadow: 0 10px 40px rgba(0,0,0,0.15);
    --card-hover-scale: 1.02;
    --card-hover-transition: 300ms;
    --animation-duration: 300ms;
    --animation-stagger: 50ms;
    --breakpoint-mobile: 480px;
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 1024px;
    --breakpoint-widescreen: 2000px;
    --csg-cf-container-width: 600px;
    --csg-cf-page-padding: 24px;
    --csg-cf-page-bg: #f9fafb;
    --csg-cf-card-bg: #ffffff;
    --csg-cf-text-primary: #111827;
    --csg-cf-text-secondary: #6b7280;
    --csg-cf-border-color: #e5e7eb;
    --csg-cf-success-color: #10b981;
    --csg-cf-success-bg: #ecfdf5;
    --csg-cf-heading-size: 28px;
    --csg-cf-heading-weight: 700;
    --csg-cf-body-size: 14px;
    --csg-cf-btn-bg: #111827;
    --csg-cf-btn-text: #ffffff;
    --csg-cf-btn-hover-bg: #374151;
    --csg-cf-btn-radius: 8px;
    --csg-cf-badge-radius: 9999px;
    --csg-cf-hero-bg: #1a1a2e;
    --csg-cf-hero-overlay-opacity: 0.5;
    --csg-cf-hero-height: 280px;
    --csg-cf-header-bg: #111827;
    --csg-cf-header-text: #ffffff;
    --csg-cf-dark-page-bg: #111827;
    --csg-cf-dark-card-bg: #1f2937;
    --csg-cf-dark-text-primary: #f9fafb;
    --csg-cf-dark-text-secondary: #9ca3af;
    --csg-cf-dark-border-color: #374151;
    --csg-cf-dark-success-bg: rgba(16,185,129,0.1);
    --csg-cf-dark-btn-bg: #f9fafb;
    --csg-cf-dark-btn-text: #111827;
    --csg-cf-dark-btn-hover-bg: #e5e7eb;
    --csg-co-container-width: 1200px;
    --csg-co-form-width: 520px;
    --csg-co-sidebar-width: 400px;
    --csg-co-page-padding: 24px;
    --csg-co-section-gap: 24px;
    --csg-co-page-bg: #f9fafb;
    --csg-co-card-bg: #ffffff;
    --csg-co-text-primary: #111827;
    --csg-co-text-secondary: #6b7280;
    --csg-co-border-color: #e5e7eb;
    --csg-co-accent-color: #e35323;
    --csg-co-input-bg: #ffffff;
    --csg-co-input-border: #d1d5db;
    --csg-co-input-focus-border: #111827;
    --csg-co-input-radius: 8px;
    --csg-co-input-height: 48px;
    --csg-co-summary-bg: #ffffff;
    --csg-co-summary-border: #e5e7eb;
    --csg-co-summary-radius: 12px;
    --csg-co-submit-bg: #cc3d2e;
    --csg-co-submit-text: #ffffff;
    --csg-co-submit-hover-bg: var(--csg-accent-hover, var(--csg-co-submit-bg));
    --csg-co-dark-page-bg: #202020;
    --csg-co-dark-card-bg: #2a2a2a;
    --csg-co-dark-text-primary: #ffffff;
    --csg-co-dark-text-secondary: #999999;
    --csg-co-dark-border-color: #333333;
    --csg-co-dark-input-bg: #2a2a2a;
    --csg-co-dark-input-border: #444444;
    --csg-co-dark-submit-bg: #ffffff;
    --csg-co-dark-submit-text: #202020;
    --csg-co-dark-submit-hover-bg: #e5e7eb;
    --csg-co-modal-overlay: rgba(0, 0, 0, 0.5);
    --csg-co-modal-bg: #ffffff;
    --csg-co-modal-radius: 16px;
    --csg-co-modal-tab-bg: #ffffff;
    --csg-co-modal-tab-text: #222222;
    --csg-co-modal-tab-border: #222222;
    --csg-co-modal-tab-active-bg: #222222;
    --csg-co-modal-tab-active-text: #ffffff;
    --csg-co-modal-counter-bg: #ffffff;
    --csg-co-modal-counter-border: #d1d5db;
    --csg-co-modal-counter-text: #6b7280;
    --csg-co-modal-confirm-bg: #ffffff;
    --csg-co-modal-confirm-text: #222222;
    --csg-co-modal-confirm-border: #222222;
    --csg-co-modal-confirm-hover-bg: #222222;
    --csg-co-modal-confirm-hover-text: #ffffff;
    --csg-co-cal-day-text: #111827;
    --csg-co-cal-price-text: #6b7280;
    --csg-co-cal-selected-bg: var(--cal-selected-bg, #1f1f1f);
    --csg-co-cal-selected-text: var(--cal-selected-text, #ffffff);
    --csg-co-cal-range-bg: rgba(31, 31, 31, 0.1);
    --csg-co-cal-blocked-bg: #f9fafb;
    --csg-co-cal-blocked-text: #9ca3af;
    --csg-co-cal-disabled-text: #d1d5db;
    --csg-co-dark-modal-overlay: rgba(0, 0, 0, 0.7);
    --csg-co-dark-modal-bg: #1f2937;
    --csg-co-dark-modal-tab-bg: #374151;
    --csg-co-dark-modal-tab-text: #f9fafb;
    --csg-co-dark-modal-tab-border: #4b5563;
    --csg-co-dark-modal-tab-active-bg: #f9fafb;
    --csg-co-dark-modal-tab-active-text: #111827;
    --csg-co-dark-modal-counter-bg: #374151;
    --csg-co-dark-modal-counter-border: #4b5563;
    --csg-co-dark-modal-counter-text: #9ca3af;
    --csg-co-dark-modal-confirm-bg: #f9fafb;
    --csg-co-dark-modal-confirm-text: #111827;
    --csg-co-dark-modal-confirm-border: #f9fafb;
    --csg-co-dark-modal-confirm-hover-bg: #e5e7eb;
    --csg-co-dark-cal-day-text: #f9fafb;
    --csg-co-dark-cal-price-text: #9ca3af;
    --csg-co-dark-cal-selected-bg: #f9fafb;
    --csg-co-dark-cal-selected-text: #111827;
    --csg-co-dark-cal-range-bg: rgba(249, 250, 251, 0.1);
    --csg-co-dark-cal-blocked-bg: #374151;
    --csg-co-dark-cal-blocked-text: #6b7280;
    --csg-co-dark-cal-disabled-text: #4b5563;
    --csg-gl-bg: #f9fafb;
    --csg-gl-gradient-start: #f9fafb;
    --csg-gl-gradient-end: #f9fafb;
    --csg-gl-card-bg: #ffffff;
    --csg-gl-card-radius: 16px;
    --csg-gl-card-padding: 48px;
    --csg-gl-card-width: 600px;
    --csg-gl-title-color: #111827;
    --csg-gl-title-size: 24px;
    --csg-gl-subtitle-color: #6b7280;
    --csg-gl-label-color: #374151;
    --csg-gl-input-bg: #ffffff;
    --csg-gl-input-border: #d1d5db;
    --csg-gl-input-focus-border: #cc3d2e;
    --csg-gl-input-radius: 8px;
    --csg-gl-btn-bg: #cc3d2e;
    --csg-gl-btn-text: #ffffff;
    --csg-gl-btn-hover-bg: #cc3d2e;
    --csg-gl-btn-radius: 50px;
    --csg-gl-logo-height: 53px;
    --csg-gl-card-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
    --csg-gl-dark-gradient-start: #4f46e5;
    --csg-gl-dark-gradient-end: #7c3aed;
    --csg-gl-dark-card-bg: #2a2a2a;
    --csg-gl-dark-title-color: #ffffff;
    --csg-gl-dark-subtitle-color: #999999;
    --csg-gl-dark-label-color: #999999;
    --csg-gl-dark-input-bg: #2a2a2a;
    --csg-gl-dark-input-border: #444444;
    --csg-gl-dark-input-focus-border: #60a5fa;
    --csg-gl-dark-btn-bg: #ffffff;
    --csg-gl-dark-btn-hover-bg: #eeeeee;
    --csg-gp-sidebar-width: 280px;
    --csg-gp-content-max-width: 1200px;
    --csg-gp-page-padding: 24px;
    --csg-gp-page-bg: #f9fafb;
    --csg-gp-sidebar-bg: #ffffff;
    --csg-gp-content-bg: #ffffff;
    --csg-gp-text-primary: #111827;
    --csg-gp-text-secondary: #6b7280;
    --csg-gp-border-color: #e5e7eb;
    --csg-gp-primary: #344c64;
    --csg-gp-primary-hover: #1d4ed8;
    --csg-gp-nav-bg: transparent;
    --csg-gp-nav-hover-bg: #f3f4f6;
    --csg-gp-nav-active-bg: #f3f4f6;
    --csg-gp-nav-text: #344c64;
    --csg-gp-nav-active-text: #344c64;
    --csg-gp-nav-icon-color: #cc3d2e;
    --csg-gp-nav-radius: 8px;
    --csg-gp-card-bg: #ffffff;
    --csg-gp-card-border: #e5e7eb;
    --csg-gp-card-radius: 12px;
    --csg-gp-badge-confirmed-bg: #dcfce7;
    --csg-gp-badge-confirmed-text: #166534;
    --csg-gp-badge-pending-bg: #fef9c3;
    --csg-gp-badge-pending-text: #854d0e;
    --csg-gp-badge-cancelled-bg: #fee2e2;
    --csg-gp-badge-cancelled-text: #991b1b;
    --csg-gp-btn-primary-bg: #cc3d2e;
    --csg-gp-btn-primary-text: #ffffff;
    --csg-gp-btn-secondary-bg: transparent;
    --csg-gp-btn-secondary-border: #cc3d2e;
    --csg-gp-btn-secondary-text: #ffffff;
    --csg-gp-card-shadow: none;
    --csg-gp-dark-page-bg: #111827;
    --csg-gp-dark-sidebar-bg: #1f2937;
    --csg-gp-dark-content-bg: #1f2937;
    --csg-gp-dark-text-primary: #f9fafb;
    --csg-gp-dark-text-secondary: #9ca3af;
    --csg-gp-dark-border-color: #374151;
    --csg-gp-dark-nav-hover-bg: #374151;
    --csg-gp-dark-nav-active-bg: #374151;
    --csg-gp-dark-nav-text: #d1d5db;
    --csg-gp-dark-nav-active-text: #f9fafb;
    --csg-gp-dark-card-bg: #1f2937;
    --csg-gp-dark-card-border: #374151;
    --csg-gp-dark-btn-primary-bg: #f9fafb;
    --csg-gp-dark-btn-primary-text: #111827;
    --csg-gp-dark-badge-confirmed-bg: rgba(34,197,94,0.2);
    --csg-gp-dark-badge-confirmed-text: #4ade80;
    --csg-gp-dark-badge-pending-bg: rgba(234,179,8,0.2);
    --csg-gp-dark-badge-pending-text: #facc15;
    --csg-gp-dark-badge-cancelled-bg: rgba(239,68,68,0.2);
    --csg-gp-dark-badge-cancelled-text: #f87171;
    --csg-mb-container-width: 1200px;
    --csg-mb-page-padding: 40px;
    --csg-mb-card-gap: 24px;
    --csg-mb-page-bg: #f9fafb;
    --csg-mb-card-bg: #ffffff;
    --csg-mb-text-primary: #111827;
    --csg-mb-text-secondary: #6b7280;
    --csg-mb-border-color: #e5e7eb;
    --csg-mb-card-radius: 12px;
    --csg-mb-image-radius: 8px;
    --csg-mb-badge-upcoming-bg: #dbeafe;
    --csg-mb-badge-upcoming-text: #1e40af;
    --csg-mb-badge-completed-bg: #dcfce7;
    --csg-mb-badge-completed-text: #166534;
    --csg-mb-badge-cancelled-bg: #fee2e2;
    --csg-mb-badge-cancelled-text: #991b1b;
    --csg-mb-tab-bg: transparent;
    --csg-mb-tab-active-bg: #111827;
    --csg-mb-tab-text: #6b7280;
    --csg-mb-tab-active-text: #ffffff;
    --csg-mb-tab-radius: 9999px;
    --csg-mb-empty-icon-color: #d1d5db;
    --csg-mb-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    --csg-mb-card-hover-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --csg-mb-dark-page-bg: #111827;
    --csg-mb-dark-card-bg: #1f2937;
    --csg-mb-dark-text-primary: #f9fafb;
    --csg-mb-dark-text-secondary: #9ca3af;
    --csg-mb-dark-border-color: #374151;
    --csg-mb-dark-tab-active-bg: #f9fafb;
    --csg-mb-dark-tab-active-text: #111827;
    --csg-mb-dark-badge-upcoming-bg: rgba(59,130,246,0.2);
    --csg-mb-dark-badge-upcoming-text: #60a5fa;
    --csg-mb-dark-badge-completed-bg: rgba(34,197,94,0.2);
    --csg-mb-dark-badge-completed-text: #4ade80;
    --csg-mb-dark-badge-cancelled-bg: rgba(239,68,68,0.2);
    --csg-mb-dark-badge-cancelled-text: #f87171;
    --csg-wl-container-width: 1200px;
    --csg-wl-page-padding: 40px;
    --csg-wl-grid-gap: 24px;
    --csg-wl-page-bg: #f9fafb;
    --csg-wl-card-bg: #ffffff;
    --csg-wl-text-primary: #111827;
    --csg-wl-text-secondary: #6b7280;
    --csg-wl-border-color: #e5e7eb;
    --csg-wl-title-size: 32px;
    --csg-wl-title-weight: 700;
    --csg-wl-title-color: #111827;
    --csg-wl-subtitle-color: #6b7280;
    --csg-wl-card-radius: 12px;
    --csg-wl-card-border: #e5e7eb;
    --csg-wl-card-shadow: none;
    --csg-wl-card-hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --csg-wl-card-name-size: 16px;
    --csg-wl-card-name-weight: 600;
    --csg-wl-card-name-color: #111827;
    --csg-wl-card-location-color: #6b7280;
    --csg-wl-card-price-color: #111827;
    --csg-wl-card-price-label-color: #6b7280;
    --csg-wl-remove-btn-bg: #ffffff;
    --csg-wl-remove-btn-icon: #ef4444;
    --csg-wl-remove-btn-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    --csg-wl-empty-bg: #ffffff;
    --csg-wl-empty-icon-color: #d1d5db;
    --csg-wl-empty-title-color: #111827;
    --csg-wl-empty-text-color: #6b7280;
    --csg-wl-clear-btn-bg: #ffffff;
    --csg-wl-clear-btn-border: #e5e7eb;
    --csg-wl-clear-btn-text: #6b7280;
    --csg-wl-clear-btn-hover-border: #ef4444;
    --csg-wl-clear-btn-hover-text: #ef4444;
    --csg-wl-btn-bg: #CC3D2E;
    --csg-wl-btn-text: #ffffff;
    --csg-wl-btn-hover-bg: #1f2937;
    --csg-wl-btn-radius: 24px;
    --csg-wl-dark-page-bg: #111827;
    --csg-wl-dark-card-bg: #1f2937;
    --csg-wl-dark-text-primary: #f9fafb;
    --csg-wl-dark-text-secondary: #9ca3af;
    --csg-wl-dark-border-color: #374151;
    --csg-wl-dark-title-color: #f9fafb;
    --csg-wl-dark-subtitle-color: #9ca3af;
    --csg-wl-dark-card-name-color: #f9fafb;
    --csg-wl-dark-card-location-color: #9ca3af;
    --csg-wl-dark-card-price-color: #f9fafb;
    --csg-wl-dark-card-hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    --csg-wl-dark-remove-btn-bg: #374151;
    --csg-wl-dark-remove-btn-icon: #f87171;
    --csg-wl-dark-empty-bg: #1f2937;
    --csg-wl-dark-empty-icon-color: #4b5563;
    --csg-wl-dark-btn-bg: #f9fafb;
    --csg-wl-dark-btn-text: #111827;
    --csg-wl-dark-btn-hover-bg: #e5e7eb;
    --csg-wl-dark-clear-btn-bg: #1f2937;
    --csg-wl-dark-clear-btn-border: #374151;
    --csg-wl-dark-clear-btn-text: #9ca3af;
    --csg-ms-container-width: 1200px;
    --csg-ms-page-padding: 40px;
    --csg-ms-sidebar-width: 360px;
    --csg-ms-content-gap: 0px;
    --csg-ms-page-bg: #f9fafb;
    --csg-ms-card-bg: #ffffff;
    --csg-ms-text-primary: #111827;
    --csg-ms-text-secondary: #6b7280;
    --csg-ms-border-color: #e5e7eb;
    --csg-ms-accent-color: #e35323;
    --csg-ms-font-size: 14px;
    --csg-ms-heading-size: 24px;
    --csg-ms-heading-weight: 700;
    --csg-ms-card-radius: 12px;
    --csg-ms-list-bg: #ffffff;
    --csg-ms-list-item-hover-bg: #f3f4f6;
    --csg-ms-list-item-active-bg: #eff6ff;
    --csg-ms-list-item-active-border: #e35323;
    --csg-ms-list-avatar-radius: 9999px;
    --csg-ms-list-avatar-size: 48px;
    --csg-ms-list-name-size: 15px;
    --csg-ms-list-name-weight: 600;
    --csg-ms-list-preview-size: 13px;
    --csg-ms-list-preview-color: #6b7280;
    --csg-ms-list-time-size: 12px;
    --csg-ms-list-time-color: #9ca3af;
    --csg-ms-list-unread-bg: #e35323;
    --csg-ms-list-unread-text: #ffffff;
    --csg-ms-chat-bg: #ffffff;
    --csg-ms-chat-header-bg: #ffffff;
    --csg-ms-chat-header-border: #e5e7eb;
    --csg-ms-bubble-sent-bg: #e35323;
    --csg-ms-bubble-sent-text: #ffffff;
    --csg-ms-bubble-sent-radius: 16px;
    --csg-ms-bubble-received-bg: #f3f4f6;
    --csg-ms-bubble-received-text: #111827;
    --csg-ms-bubble-received-radius: 16px;
    --csg-ms-bubble-time-size: 11px;
    --csg-ms-bubble-time-color: #9ca3af;
    --csg-ms-input-bg: #ffffff;
    --csg-ms-input-border: #e5e7eb;
    --csg-ms-input-focus-border: #e35323;
    --csg-ms-input-radius: 24px;
    --csg-ms-input-height: 48px;
    --csg-ms-input-placeholder-color: #9ca3af;
    --csg-ms-send-btn-bg: #e35323;
    --csg-ms-send-btn-text: #ffffff;
    --csg-ms-send-btn-hover-bg: #c2410c;
    --csg-ms-send-btn-radius: 9999px;
    --csg-ms-empty-icon-color: #d1d5db;
    --csg-ms-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    --csg-ms-dark-page-bg: #111827;
    --csg-ms-dark-card-bg: #1f2937;
    --csg-ms-dark-text-primary: #f9fafb;
    --csg-ms-dark-text-secondary: #9ca3af;
    --csg-ms-dark-border-color: #374151;
    --csg-ms-dark-list-bg: #1f2937;
    --csg-ms-dark-list-item-hover-bg: #374151;
    --csg-ms-dark-list-item-active-bg: rgba(227,83,35,0.15);
    --csg-ms-dark-chat-bg: #1f2937;
    --csg-ms-dark-chat-header-bg: #1f2937;
    --csg-ms-dark-bubble-received-bg: #374151;
    --csg-ms-dark-bubble-received-text: #f9fafb;
    --csg-ms-dark-input-bg: #374151;
    --csg-ms-dark-input-border: #4b5563;
    --tp-hero-height: 600px;
    --tp-hero-height-mobile: 350px;
    --tp-hero-overlay: rgba(0,0,0,0);
    --tp-hero-radius: 0px;
    --tp-search-max-width: 1000px;
    --tp-title-font-family: "Motherland", Sans-serif;
    --tp-title-size: 36px;
    --tp-title-weight: 700;
    --tp-title-color: #cc3d2e;
    --tp-subtitle-size: 16px;
    --tp-subtitle-color: #6b7280;
    --tp-desc-size: 16px;
    --tp-desc-color: #374151;
    --tp-desc-line-height: 1.7;
    --tp-hero-overlay-opacity: 0;
    --tp-hero-title-color: #ffffff;
    --tp-hero-title-size: 48px;
    --tp-hero-btn-bg: rgba(0,0,0,0.5);
    --tp-hero-btn-color: #ffffff;
    --tp-page-bg: #ffffff;
    --tp-content-align: center;
    --tp-content-justify: center;
    --tp-content-main-margin: 0 auto;
    --tp-content-max-width: 100%;
    --tp-content-padding: 32px;
    --tp-page-padding-x: 5%;
    --tp-section-border: #e5e7eb;
    --tp-listings-padding: 48px;
    --tp-columns-desktop: 5;
    --tp-columns-tablet: 2;
    --tp-columns-mobile: 2;
    --tp-grid-gap: 12px;
}

/* Search Page Search Bar - map sp_sb_* to --sb-* variables */
.cloudstay-grid-widget .cloudstay-search-widget,
.cloudstay-grid-widget .cloudstay-search-bar,
.cloudstay-grid-widget .grid-search-bar,
.cloudstay-grid-widget .search-bar-fields,
.cloudstay-grid-widget .search-field,
.cloudstay-grid-widget .search-btn {
    --sb-container-bg: #fafafa;
    --sb-container-border-color: #e5e7eb;
    --sb-container-border-width: 0px;
    --sb-container-radius: 100px;
    --sb-container-shadow: none;
    --sb-container-padding: 5px;
    --sb-field-bg: #ffffff;
    --sb-field-bg-hover: #ffffff;
    --sb-field-border-color: #e5e7eb;
    --sb-field-radius: 100px;
    --sb-field-height: 54px;
    --sb-divider-color: #e5e7eb;
    --sb-label-color: #1f1f1f;
    --sb-label-size: 14px;
    --sb-label-weight: 500;
    --sb-value-color: #1f1f1f;
    --sb-placeholder-color: #9ca3af;
    --sb-field-icon-color: #6b7280;
    --sb-btn-bg: var(--csg-btn-bg);
    --sb-btn-text: var(--csg-btn-text);
    --sb-btn-bg-hover: var(--csg-btn-hover-bg);
    --sb-btn-radius: 97px;
    --sb-modal-bg: #ffffff;
    --sb-modal-text: #222222;
    --sb-modal-text-secondary: #717171;
    --sb-modal-border: #e5e7eb;
    --sb-modal-hover-bg: #f7f7f7;
    --sb-modal-radius: 12px;
    --sb-modal-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
    --sb-modal-apply-bg: var(--csg-btn-bg);
    --sb-modal-apply-text: var(--csg-btn-text);
    --sb-modal-clear-color: #222222;
    --sb-modal-close-color: #222222;
    --sb-cal-bg: #ffffff;
    --sb-cal-border: #e5e7eb;
    --sb-cal-day-color: #1f1f1f;
    --sb-cal-weekday-color: #6b7280;
    --sb-cal-month-color: #1f1f1f;
    --sb-cal-selected-bg: #1f1f1f;
    --sb-cal-selected-text: #ffffff;
    --sb-cal-range-bg: #f3f4f6;
    --sb-cal-hover-bg: #f3f4f6;
    --sb-cal-disabled-color: #d1d5db;
    --sb-cal-nav-color: #6b7280;
    --sb-mobile-trigger-bg: #ffffff;
    --sb-mobile-trigger-text: #ffffff;
    --sb-mobile-trigger-radius: 50px;
    --sb-mobile-icon-bg: #cc3d2e;
    --sb-mobile-icon-color: #ffffff;
    --sb-mobile-icon-radius: 50%;
    --sb-mobile-trigger-border-width: 1px;
    --sb-mobile-trigger-border-color: #cccccc;
    --sb-mobile-trigger-padding-y: 8px;
    --sb-mobile-trigger-padding-x: 8px;
    --sb-mobile-icon-size: 42px;
    --sb-mobile-icon-svg-size: 21px;
    --sb-mobile-trigger-font-size: 18px;
    --sb-mobile-trigger-font-weight: 400;
    --sb-mobile-trigger-text-align: center;
    --sb-mobile-trigger-direction: row;
    --sb-mobile-text-margin-left: 0px;
    --sb-mobile-text-margin-right: calc(var(--sb-mobile-icon-size, 32px) + 12px);
    --sb-mobile-text-padding-left: 0px;
    --sb-mobile-text-padding-right: 0px;
    --sb-mobile-trigger-shadow: none;
    --sb-mobile-modal-btn-radius: 8px;
    --sb-mobile-modal-field-radius: 16px;
    --sb-mobile-modal-counter-radius: 50%;
    --sb-mobile-modal-title-size: 18px;
    --sb-mobile-modal-title-weight: 600;
    --sb-mobile-modal-text-size: 14px;
    --sb-mobile-modal-text-weight: 400;
    --sb-mobile-modal-label-size: 12px;
    --sb-mobile-modal-label-weight: 500;
    --sb-mobile-modal-bg: #ffffff;
    --sb-mobile-modal-padding: 20px;
    --sb-mobile-filter-bg: #f7f7f7;
    --sb-mobile-text-color: #222222;
    --sb-mobile-text-secondary: #666666;
    --sb-mobile-border: #e5e7eb;
    --sb-mobile-label-color: #666666;
    --sb-mobile-arrow-color: #666666;
    --sb-mobile-number-color: #222222;
    --sb-mobile-clear-btn-bg: #f7f7f7;
    --sb-mobile-clear-btn-text: #222222;
    --sb-mobile-clear-btn-border: #e5e7eb;
    --sb-mobile-selection-bg: #ffffff;
    --sb-mobile-selection-border: #e5e7eb;
}

/* Title single line with ellipsis */
.cs-listing-card__title,
.listing-card .card-content h3 {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Disable all hover effects */
.cs-listing-card,
.cs-taxonomy-card,
.listing-card {
    box-shadow: none !important;
}
.cs-listing-card:hover,
.cs-taxonomy-card:hover,
.listing-card:hover {
    transform: none !important;
    box-shadow: none !important;
}
.cs-listing-card:hover .cs-listing-card__image img,
.cs-taxonomy-card:hover .cs-taxonomy-card__image img,
.listing-card:hover .card-image img {
    transform: none !important;
}

/* Fade up animation */
.listing-card,
.cs-listing-card {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 300ms ease forwards;
}
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Unified Button Colors - All action buttons use global button colors */
/* Reserve Button */
.cloudstay-listing-page .booking-widget__submit,
.cloudstay-listing-page .reserve-btn,
.cloudstay-listing-page .booking-sidebar .btn-primary,
.listing-booking-widget .reserve-btn,
.booking-widget .reserve-btn {
    background-color: var(--csg-btn-bg) !important;
    color: var(--csg-btn-text) !important;
    font-family: var(--csg-btn-font-family) !important;
    font-size: var(--csg-btn-font-size) !important;
    font-weight: var(--csg-btn-font-weight) !important;
    letter-spacing: var(--csg-btn-letter-spacing) !important;
    text-transform: var(--csg-btn-text-transform) !important;
}
.cloudstay-listing-page .booking-widget__submit:hover,
.cloudstay-listing-page .reserve-btn:hover,
.cloudstay-listing-page .booking-sidebar .btn-primary:hover,
.listing-booking-widget .reserve-btn:hover,
.booking-widget .reserve-btn:hover {
    background-color: var(--csg-btn-hover-bg) !important;
    color: var(--csg-btn-hover-text) !important;
}

/* Search Button */
.cloudstay-search-bar .search-btn,
.cloudstay-search-widget .search-btn,
.cloudstay-grid-widget .search-bar .search-btn,
.cloudstay-grid-widget .search-btn,
.grid-search-bar .search-btn,
.search-filters .search-btn {
    background-color: var(--csg-btn-bg) !important;
    color: var(--csg-btn-text) !important;
    font-family: var(--csg-btn-font-family) !important;
    font-size: var(--csg-btn-font-size) !important;
    font-weight: var(--csg-btn-font-weight) !important;
    letter-spacing: var(--csg-btn-letter-spacing) !important;
    text-transform: var(--csg-btn-text-transform) !important;
}
.cloudstay-search-bar .search-btn:hover,
.cloudstay-search-widget .search-btn:hover,
.cloudstay-grid-widget .search-bar .search-btn:hover,
.cloudstay-grid-widget .search-btn:hover,
.grid-search-bar .search-btn:hover,
.search-filters .search-btn:hover {
    background-color: var(--csg-btn-hover-bg) !important;
    color: var(--csg-btn-hover-text) !important;
}

/* Modal Apply Buttons */
.search-dropdown .apply-btn,
.search-dropdown .apply-destination-btn,
.search-dropdown .close-datepicker-btn,
.search-dropdown .guest-dropdown-footer .apply-btn,
.guest-modal .apply-btn,
.date-picker-modal .apply-btn,
.cloudstay-listing-page .modal-apply-btn,
.cloudstay-listing-page .guest-picker-apply,
.cloudstay-listing-page .date-picker-apply {
    background-color: var(--csg-btn-bg) !important;
    color: var(--csg-btn-text) !important;
    font-family: var(--csg-btn-font-family) !important;
    font-size: var(--csg-btn-font-size) !important;
    font-weight: var(--csg-btn-font-weight) !important;
    letter-spacing: var(--csg-btn-letter-spacing) !important;
    text-transform: var(--csg-btn-text-transform) !important;
}
.search-dropdown .apply-btn:hover,
.search-dropdown .apply-destination-btn:hover,
.search-dropdown .close-datepicker-btn:hover,
.search-dropdown .guest-dropdown-footer .apply-btn:hover,
.guest-modal .apply-btn:hover,
.date-picker-modal .apply-btn:hover {
    background-color: var(--csg-btn-hover-bg) !important;
    color: var(--csg-btn-hover-text) !important;
}

/* Mobile Bottom Bar Button */
.cloudstay-listing-page .mobile-bottom-bar .reserve-btn,
.mobile-booking-bar .reserve-btn,
.listing-mobile-bar .reserve-btn {
    background-color: var(--csg-btn-bg) !important;
    color: var(--csg-btn-text) !important;
    font-family: var(--csg-btn-font-family) !important;
    font-size: var(--csg-btn-font-size) !important;
    font-weight: var(--csg-btn-font-weight) !important;
    letter-spacing: var(--csg-btn-letter-spacing) !important;
    text-transform: var(--csg-btn-text-transform) !important;
}

/* Primary Button Generic */
.cloudstay-plugin .cs-btn-primary,
.cloudstay-booking-form .bf-submit-btn {
    background-color: var(--csg-btn-bg) !important;
    color: var(--csg-btn-text) !important;
    font-family: var(--csg-btn-font-family) !important;
    font-size: var(--csg-btn-font-size) !important;
    font-weight: var(--csg-btn-font-weight) !important;
    letter-spacing: var(--csg-btn-letter-spacing) !important;
    text-transform: var(--csg-btn-text-transform) !important;
}
.cloudstay-plugin .cs-btn-primary:hover,
.cloudstay-booking-form .bf-submit-btn:hover {
    background-color: var(--csg-btn-hover-bg) !important;
    color: var(--csg-btn-hover-text) !important;
}


/* Global Token Inheritance - Calendar Colors */
.calendar-day.selected,
.cloudstay-calendar .day.selected,
.booking-widget__calendar .day.selected,
.search-dropdown .calendar-day.selected {
    background-color: var(--csg-cal-selected-bg) !important;
    color: var(--csg-cal-selected-text) !important;
}
.calendar-day.in-range,
.cloudstay-calendar .day.in-range,
.booking-widget__calendar .day.in-range,
.search-dropdown .calendar-day.in-range {
    background-color: var(--csg-cal-range-bg) !important;
}
.calendar-day:hover:not(.disabled):not(.selected),
.cloudstay-calendar .day:hover:not(.disabled):not(.selected),
.booking-widget__calendar .day:hover:not(.disabled):not(.selected) {
    background-color: var(--csg-cal-hover-bg) !important;
}
.calendar-day.today,
.cloudstay-calendar .day.today,
.booking-widget__calendar .day.today {
    border-color: var(--csg-cal-today-border) !important;
}

/* Global Token Inheritance - Text Colors */
.cloudstay-plugin h1,
.cloudstay-plugin h2,
.cloudstay-plugin h3,
.cloudstay-listing-page h1,
.cloudstay-listing-page h2,
.cloudstay-grid-widget h1,
.cloudstay-grid-widget h2 {
    color: var(--csg-text-primary);
}

/* Global Token Inheritance - Background Colors */
.cloudstay-listing-page,
.cloudstay-checkout {
    background-color: var(--csg-bg-primary);
}

/* Global Token Inheritance - Border Colors */
.cloudstay-plugin .cs-card,
.cloudstay-listing-page .section-divider,
.cloudstay-booking-form {
    border-color: var(--csg-border);
}

/* Card Styling Inheritance - Apply card styles globally to all listing cards */
.cloudstay-grid-widget .listing-card,
.cloudstay-listing-page .similar-listings .listing-card {
    --cs-title-color: var(--cs-title-color);
    --cs-location-color: var(--cs-location-color);
    --cs-meta-color: var(--cs-meta-color);
    --cs-price-color: var(--cs-price-color);
    --cs-card-bg: var(--cs-card-bg);
    --cs-card-radius: var(--cs-card-radius);
    --cs-image-radius: var(--cs-image-radius);
}



/* Cloudstay Critical Style Overrides - Loaded in footer to override page builders */

html body .cloudstay-search-bar .search-btn,
html body .grid-search-bar .search-btn,
html body .cloudstay-grid-widget .search-btn,
html body .cloudstay-listing-page .booking-widget__submit,
html body .cloudstay-booking-form .bf-submit-btn,
html body .cloudstay-checkout .cs-btn-primary,
html body .elementor-widget-container .cloudstay-search-bar .search-btn,
html body .elementor-widget-container .booking-widget__submit {
    background-color: var(--csg-btn-bg) !important;
    color: var(--csg-btn-text) !important;
}
html body .cloudstay-search-bar .search-btn:hover,
html body .grid-search-bar .search-btn:hover,
html body .cloudstay-grid-widget .search-btn:hover,
html body .cloudstay-listing-page .booking-widget__submit:hover,
html body .cloudstay-booking-form .bf-submit-btn:hover,
html body .cloudstay-checkout .cs-btn-primary:hover,
html body .elementor-widget-container .cloudstay-search-bar .search-btn:hover,
html body .elementor-widget-container .booking-widget__submit:hover {
    background-color: var(--csg-btn-hover-bg) !important;
}
/* Calendar selected day overrides */
html body .calendar-day.selected,
html body .calendar-day.check-in,
html body .calendar-day.check-out,
html body .cloudstay-calendar .day.selected,
html body .booking-widget__calendar .day.selected,
html body .search-dropdown .calendar-day.selected,
html body .search-dropdown .calendar-day.check-in,
html body .search-dropdown .calendar-day.check-out,
html body .elementor-widget-container .calendar-day.selected {
    background-color: #cc3d2e !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* Search Bar Modal/Dropdown Overrides - Body Level */
body > .search-dropdown .search-dropdown-content {
    background: #ffffff !important;
    color: #222222 !important;
    border-color: #e5e7eb !important;
    border-radius: var(--sb-modal-radius, 16px) !important;
}
body > .search-dropdown .search-dropdown-header {
    border-bottom-color: #e5e7eb !important;
    background: #ffffff !important;
}
body > .search-dropdown .search-dropdown-header h3 {
    color: #222222 !important;
}
body > .search-dropdown .search-dropdown-body {
    background: #ffffff !important;
}

/* Close button circle */
body > .search-dropdown .search-dropdown-close {
    background-color: #f7f7f7 !important;
}
body > .search-dropdown .search-dropdown-close svg {
    stroke: #222222 !important;
}
body > .search-dropdown .search-dropdown-close:hover {
    background-color: #f7f7f7 !important;
}
body > .search-dropdown .search-dropdown-close:hover svg {
    stroke: #222222 !important;
}

/* Footer area */
body > .search-dropdown .search-dropdown-footer {
    background: #ffffff !important;
    border-top-color: #e5e7eb !important;
}

/* Apply buttons - use global button colors in unified mode */
body > .search-dropdown .apply-destination-btn,
body > .search-dropdown .close-datepicker-btn,
body > .search-dropdown .guest-dropdown-footer .apply-btn,
body > .search-dropdown .apply-btn {
    background: var(--csg-btn-bg) !important;
    border-radius: var(--sb-apply-btn-radius, 8px) !important;
    color: var(--csg-btn-text) !important;
}
body > .search-dropdown .apply-destination-btn:hover,
body > .search-dropdown .close-datepicker-btn:hover,
body > .search-dropdown .guest-dropdown-footer .apply-btn:hover,
body > .search-dropdown .apply-btn:hover {
    background: var(--csg-btn-hover-bg) !important;
}

/* Clear buttons - text and border */
body > .search-dropdown .clear-destination-btn,
body > .search-dropdown .clear-dates-btn,
body > .search-dropdown .clear-guests-btn {
    color: #222222 !important;
    border-color: #222222 !important;
    background: transparent !important;
}

/* Footer areas - same bg as modal */
body > .search-dropdown .search-dropdown-footer,
body > .search-dropdown .date-picker-footer,
body > .search-dropdown .guest-dropdown-footer {
    background: #ffffff !important;
    border-top-color: #e5e7eb !important;
}

/* Destination items and list */
body > .search-dropdown .destination-item,
body > .search-dropdown .destination-suggestions > div {
    color: #222222 !important;
    border-bottom-color: var(--sb-modal-list-border, #e5e7eb) !important;
}
body > .search-dropdown .guest-row {
    color: #222222 !important;
    border-bottom-color: #e5e7eb !important;
}
body > .search-dropdown .destination-item:hover,
body > .search-dropdown .destination-suggestions > div:hover {
    background-color: #f7f7f7 !important;
}
body > .search-dropdown .suggestions-hint {
    color: #717171 !important;
}

/* Guest labels - h4 white, p #ccc */
body > .search-dropdown .guest-info h4 {
    color: #222222 !important;
}
body > .search-dropdown .guest-info p {
    color: #717171 !important;
}

/* Plus/minus counter buttons */
body > .search-dropdown .guest-counter-btn {
    background-color: #f7f7f7 !important;
    border: 1px solid #e5e7eb !important;
    color: #222222 !important;
}
body > .search-dropdown .guest-counter-btn svg {
    stroke: #222222 !important;
}
body > .search-dropdown .guest-counter-value {
    color: #222222 !important;
}

/* Destination input field */
body > .search-dropdown .destination-input,
body > .search-dropdown input[type='text'] {
    background-color: #ffffff !important;
    color: #222222 !important;
    border-color: #e5e7eb !important;
}
body > .search-dropdown .destination-input::placeholder,
body > .search-dropdown input[type='text']::placeholder {
    color: #9ca3af !important;
}

/* Calendar */
body > .search-dropdown .calendar-day,
body > .search-dropdown .date-picker-calendar .calendar-day,
body > .search-dropdown.date-picker-dropdown .calendar-day {
    color: #222222 !important;
}
body > .search-dropdown .calendar-weekday,
body > .search-dropdown .date-picker-calendar .calendar-weekday {
    color: #717171 !important;
}
body > .search-dropdown .calendar-month-title,
body > .search-dropdown .date-picker-calendar .calendar-month-title,
body > .search-dropdown .calendar-header .month-title {
    color: #222222 !important;
}
body > .search-dropdown .calendar-day:hover:not(.disabled):not(.selected),
body > .search-dropdown .date-picker-calendar .calendar-day:hover:not(.disabled):not(.selected) {
    background-color: #f7f7f7 !important;
}
body > .search-dropdown .calendar-day.disabled,
body > .search-dropdown .date-picker-calendar .calendar-day.disabled {
    color: #b0b0b0 !important;
}
body > .search-dropdown .calendar-container,
body > .search-dropdown .date-picker-calendar,
body > .search-dropdown .calendar-grid {
    background: #ffffff !important;
}

/* Calendar navigation arrows */
body > .search-dropdown .prev-month-btn,
body > .search-dropdown .next-month-btn,
body > .search-dropdown .calendar-nav-btn {
    color: #222222 !important;
    background: transparent !important;
}
body > .search-dropdown .prev-month-btn svg,
body > .search-dropdown .next-month-btn svg,
body > .search-dropdown .calendar-nav-btn svg {
    stroke: #222222 !important;
}
body > .search-dropdown .prev-month-btn:hover svg,
body > .search-dropdown .next-month-btn:hover svg,
body > .search-dropdown .calendar-nav-btn:hover svg {
    stroke: #222222 !important;
}

/* Dark scrollbar for modals */
body > .search-dropdown .search-dropdown-body::-webkit-scrollbar,
body > .search-dropdown .destination-suggestions::-webkit-scrollbar {
    width: 8px;
}
body > .search-dropdown .search-dropdown-body::-webkit-scrollbar-track,
body > .search-dropdown .destination-suggestions::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
body > .search-dropdown .search-dropdown-body::-webkit-scrollbar-thumb,
body > .search-dropdown .destination-suggestions::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}
body > .search-dropdown .search-dropdown-body::-webkit-scrollbar-thumb:hover,
body > .search-dropdown .destination-suggestions::-webkit-scrollbar-thumb:hover {
    background: #f7f7f7;
}

/* Destination suggestions list - tighter spacing */
body > .search-dropdown .destination-suggestions {
    scrollbar-color: #c1c1c1 #f1f1f1;
    scrollbar-width: thin;
}
body > .search-dropdown .destination-suggestions > div {
    padding: 8px 12px !important;
    margin: 0 !important;
}

/* Search bar container transparent bg fix */
.cloudstay-search-bar,
.cloudstay-search-widget,
.cloudstay-search-form {
    background: var(--sb-container-bg, transparent) !important;
    border-color: var(--sb-container-border-color, transparent) !important;
}

/* Search bar field hover */
.cloudstay-search-bar .search-field:hover,
.cloudstay-search-widget .search-field:hover {
    background-color: var(--sb-field-bg-hover, var(--sb-field-bg)) !important;
}

/* Search button styling - use CSS variables for global accent inheritance */
.cloudstay-search-bar .search-btn,
.cloudstay-search-widget .search-btn {
    background-color: var(--sb-btn-bg) !important;
    color: var(--sb-btn-text) !important;
}
.cloudstay-search-bar .search-btn:hover,
.cloudstay-search-widget .search-btn:hover {
    background-color: var(--sb-btn-bg-hover) !important;
    color: var(--sb-btn-text) !important;
}