#cmb2-metabox-front-end-post-form h5 { font-size: 24px; margin: 60px 0 30px 0; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; } #submit_map { height: 300px; margin-bottom: 50px; } .label-_availability, .label-_opening_hours, .label-_menu, .label-_slots { display: none; } .slider-disabled, .disabled .rangeslider { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 0.5; } .time-slot .day {display: none;} body .no-slots-information { padding-bottom: 5px; margin-top: 5px; } .listing-widget .booking-event-date { display: none; } .fa.booking-loading-icon { display: none; margin-left:7px; } .dashboard-list-box.loading .booking-loading-icon { display: inline-block; margin-left:7px; } .woocommerce-checkout #order_review.listeo-pay-form{ float: none; width:100%; } .listeo-next-page-button { position: absolute; top: 20px; left: 20px; background: #fff; color: #222; padding: 10px 15px; border-radius: 50px; cursor: pointer; font-size: 13px; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: 1000; transition: all 0.3s ease; border: none; display: flex; align-items: center; gap: 8px; } #dark-mode .listeo-next-page-button { background: #222; color: #fff; } .listeo-next-page-button:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .listeo-next-page-button .button-text { flex: 1; line-height: 1.3; } .listeo-next-page-button i { font-size: 12px; opacity: 0.8; } @media (max-width: 768px) { .listeo-next-page-button { } } #map-container { position: relative; } .listeo-next-page-button:active { transform: translateY(0); } .fc-day-price { position: absolute; bottom: 2px; right: 4px; font-size: 10px; font-weight: bold; color: #666; background: rgba(255, 255, 255, 0.9); padding: 1px 3px; border-radius: 2px; line-height: 1; z-index: 10; } .fc-daygrid-day:hover .fc-day-price { color: #333; background: rgba(255, 255, 255, 1); } @media (max-width: 768px) { .fc-day-price { font-size: 9px; bottom: 1px; right: 2px; padding: 1px 2px; } } a.book-now.button.inactive { background-color:gray;  } .switch_box{ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100px; min-width: 50px; height: 50px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .add-listing-section .switch_box{ min-height: 67px } .switch_box.inside-switch{ height: auto; min-height: auto; position: absolute; right: 21px; top: 5px;	 zoom:0.7; } input[type="checkbox"].switch_1{ font-size: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 3.5em; height: 1.5em; background: #ddd; border-radius: 3em; position: relative; cursor: pointer; outline: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } input[type="checkbox"].switch_1:after{ position: absolute; content: ""; width: 1.5em; height: 1.5em; border-radius: 50%; background: #fff; -webkit-transform: scale(.7); transform: scale(.7); left: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } input[type="checkbox"].switch_1:checked:after{ left: calc(100% - 1.5em); } .woocommerce-order-pay.user_not_logged_in .woocommerce-info { width: 41.66666667%; margin-left: 25%; } #chart-date-range-enabler, #booking-date-range-enabler { float: right; background: #fff; border-radius: 3px; cursor: pointer; padding: 6px; display: inline-block; position: relative; margin: 0; box-sizing: border-box; color: #666; font-weight: 600; transition: 0.3s; background-color: #fff; margin-left: 15px; top: 0px; } .sign-in-form label input[type="checkbox"] { height: auto; width: 20px; box-shadow: 0px 0px 0px 0px; } .second-slot-taken:not( .disabled ), .first-slot-taken:not( .disabled ) { position: relative; z-index: 0; } .second-slot-taken:not( .disabled )::before, .first-slot-taken:not( .disabled )::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: -1; mix-blend-mode: soft-light; } .second-slot-taken:not( .disabled )::before { border-bottom: 34px solid #f4f4f4; border-left: 32px solid transparent; } .first-slot-taken:not( .disabled )::before { border-top: 34px solid #f4f4f4; border-right: 32px solid transparent; } .daterangepicker.daterangepicker td.disabled, .daterangepicker.daterangepicker option.disabled { background-color: #f4f4f4; } .first-slot-taken:not(.active, .in-range, :hover) { color: #c37979 !important; } .first-slot-taken:not(.active, .in-range, :hover)::before { border-top: 34px solid #ffe9e9; border-right: 32px solid transparent; mix-blend-mode: normal; color: #c37979; } .daterangepicker .calendar-table td.available.second-slot-taken:not(.active, .in-range, :hover) { background: #e0f6dd; color: #6a9664; } .daterangepicker .calendar-table td.available.second-slot-taken:not(.active, .in-range, :hover):before { border-bottom: 34px solid #ffe9e9; border-left: 36px solid transparent; mix-blend-mode: normal; } .fc-day-price { position: absolute; bottom: 2px; right: 4px; font-size: 14px; font-weight: 400; background: rgba(76, 175, 80, 0.1); color: #2E7D32; padding: 1px 4px; border-radius: 3px; line-height: 1.2; z-index: 3; } .fc-daygrid-day { position: relative; } .fc-daygrid-day:hover .fc-day-price, .fc-day-price:hover { background: rgba(76, 175, 80, 0.1); color: #2E7D32; } @media (max-width: 768px) { .fc-day-price { font-size: 10px; padding: 1px 2px; bottom: 1px; right: 2px; } } .fc-toolbar-chunk { filter: grayscale(100%); } .custom-search-fields-container { margin-top: 15px; } .custom-search-group { border: none; width: 100%; border-radius: 4px; margin-bottom: 20px; background: transparent; display: flex; flex-direction: column; } .custom-search-group-header { padding: 0; background: transparent; cursor: pointer; transition: background-color 0.3s ease; position: relative; border-radius: 4px; } .custom-search-group-header:hover { } .custom-search-group-title { margin: 0; font-size: 14px; font-weight: 600; color: #333; display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin-bottom: 10px; } .custom-search-group-title .toggle-icon { font-size: 14px; transition: transform 0.3s ease; color: var(--listeo-primary-color); } .custom-search-group-content { padding: 15px; background: transparent; border: 1px solid #e0e0e0; border-radius: 5px; padding-bottom: 20px; display: flex; flex-direction: column; gap: 0; opacity:1; transition: opacity 0.2s; } .custom-search-group-content:not(.collapsed) { } .custom-search-group-content.collapsed { opacity: 0; } .custom-search-field-wrapper { margin-bottom: 15px; float: none; min-height: 45px; } .checkboxes .bootstrap-select li { padding: 0;} .custom-search-field-wrapper:last-child { margin-bottom: 0; } .custom-search-field-wrapper .col-md-12:last-child { margin-bottom: 0; padding-bottom: 0;} .custom-search-field-wrapper .col-md-12 { margin: 0; padding: 0;} .custom-search-field-wrapper  .checkboxes.one-in-row label { margin-top: 2px !important;} .custom-fields-panel { margin-right: 10px; } .custom-fields-panel a { font-size: 13px; font-weight: 600; } .custom-fields-panel .panel-dropdown-content { min-width: 150px; } .custom-fields-panel .custom-search-field-wrapper { min-height: 75px; } .panel-dropdown-content .custom-search-field-wrapper {display: flex;flex-direction: column;} .custom-fields-panel {display: flex;flex-direction: column;} .panel-dropdown-content .custom-search-field-wrapper .checkboxes label:before { top: 0px } .custom-fields-panel .custom-search-field-wrapper:last-child { border-bottom: none; } .panel-dropdown  .custom-search-field-wrapper .checkboxes:not('.one-in-row') label::before { top: 20px} .custom-search-field-wrapper .bootstrap-select.btn-group,  .custom-search-field-wrapper input,  .custom-search-field-wrapper textarea,  .custom-search-field-wrapper input,  .custom-search-field-wrapper select,  .custom-search-field-wrapper.chosen-container { margin-bottom: 0 !important; border-radius: 4px; } .main-search-inner .custom-search-field-wrapper .bootstrap-select.btn-group { border: 1px solid #e0e0e0; } .main-search-input  .panel-dropdown .custom-search-field-wrapper  a { line-height: 20px; height: auto; padding: 7px 10px; vertical-align: middle; }  .custom-search-field-label {  font-weight: 600; font-size: 14px; color: #333;  } .custom-search-field-label:not(.panel-dropdown-content .custom-search-field-label) {  margin-top: 12px !important; } .panel-dropdown-content  .custom-search-field-wrapper:first-of-type .custom-search-field-label, .custom-search-group-content .custom-search-field-wrapper:first-of-type .custom-search-field-label { margin-top: 0 !important; } #dark-mode .custom-search-field-label {color: #fff; } body#dark-mode #cmb2-metabox-front-end-post-form h5 { border-bottom: 1px solid #333; } body#dark-mode .slider-disabled, body#dark-mode .disabled .rangeslider { -webkit-filter: grayscale(100%) brightness(0.7); -moz-filter: grayscale(100%) brightness(0.7); -ms-filter: grayscale(100%) brightness(0.7); -o-filter: grayscale(100%) brightness(0.7); } body#dark-mode .fc-day-price { color: #ccc; background: rgba(40, 40, 40, 0.9); } body#dark-mode .fc-daygrid-day:hover .fc-day-price { color: #fff; background: rgba(60, 60, 60, 1); } body#dark-mode a.book-now.button.inactive { background-color: #555; } body#dark-mode input[type="checkbox"].switch_1 { background: #444; } body#dark-mode input[type="checkbox"].switch_1:after { background: #222; } body#dark-mode #chart-date-range-enabler, body#dark-mode #booking-date-range-enabler { background: #333; color: #ccc; background-color: #333; } body#dark-mode .second-slot-taken:not(.disabled)::before { border-bottom: 34px solid #2a2a2a; } body#dark-mode .first-slot-taken:not(.disabled)::before { border-top: 34px solid #2a2a2a; } body#dark-mode .daterangepicker.daterangepicker td.disabled,  body#dark-mode .daterangepicker.daterangepicker option.disabled { background-color: #2a2a2a; } body#dark-mode .first-slot-taken:not(.active, .in-range, :hover) { color: #e87979 !important; } body#dark-mode .first-slot-taken:not(.active, .in-range, :hover)::before { border-top: 34px solid #4a2a2a; color: #e87979; } body#dark-mode .daterangepicker .calendar-table td.available.second-slot-taken:not(.active, .in-range, :hover) { background: #2a4a2a; color: #8cc77f; } body#dark-mode .daterangepicker .calendar-table td.available.second-slot-taken:not(.active, .in-range, :hover):before { border-bottom: 34px solid #4a2a2a; } body#dark-mode .fc-day-price { background: rgba(76, 175, 80, 0.2); color: #81C784; } body#dark-mode .fc-daygrid-day:hover .fc-day-price, body#dark-mode .fc-day-price:hover { background: rgba(76, 175, 80, 0.3); color: #A5D6A7; } body#dark-mode .fc-toolbar-chunk {  filter: grayscale(100%) brightness(0.8);  } body#dark-mode .custom-search-group-title { color: #e0e0e0; } body#dark-mode .custom-search-group-title .toggle-icon { color: var(--listeo-primary-color, #4CAF50); } body#dark-mode .custom-search-group-content { background: transparent; border: 1px solid #444; } body#dark-mode .main-search-inner .custom-search-field-wrapper .bootstrap-select.btn-group {  border: 1px solid #444;  } body#dark-mode .woocommerce-order-pay.user_not_logged_in .woocommerce-info { background: #333; color: #e0e0e0; } body#dark-mode .custom-search-field-wrapper input, body#dark-mode .custom-search-field-wrapper textarea, body#dark-mode .custom-search-field-wrapper select { background: #333; color: #e0e0e0; border-color: #555; } body#dark-mode .custom-search-field-wrapper input::placeholder, body#dark-mode .custom-search-field-wrapper textarea::placeholder { color: #999; } body#dark-mode .bootstrap-select .dropdown-toggle { background: #333; color: #e0e0e0; border-color: #555; } body#dark-mode .bootstrap-select .dropdown-menu { background: #333; border-color: #555; } body#dark-mode .bootstrap-select .dropdown-menu li a { color: #e0e0e0; } body#dark-mode .bootstrap-select .dropdown-menu li a:hover { background: #444; color: #fff; } body#dark-mode .custom-fields-panel .panel-dropdown-content { background: #333; border-color: #555; } body#dark-mode .custom-fields-panel a { color: #e0e0e0; } body#dark-mode .checkboxes label { color: #e0e0e0; } body#dark-mode .sign-in-form label input[type="checkbox"] { background: #333; border-color: #555; } .listeo-user-location-marker { background: transparent !important; border: none !important; } .user-location-container { position: relative; z-index: 1000; } .user-location-marker { width: 15px; height: 15px; background: #007cba; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 124, 186, 0.4); position: relative; animation: userLocationPulse 2s infinite; border: 3px solid white; } @keyframes userLocationPulse { 0% { transform: scale(1); box-shadow: 0 2px 10px rgba(0, 124, 186, 0.4); } 50% { transform: scale(1.1); box-shadow: 0 4px 20px rgba(0, 124, 186, 0.6); } 100% { transform: scale(1); box-shadow: 0 2px 10px rgba(0, 124, 186, 0.4); } } .user-location-popup { text-align: center; min-width: 200px; } .user-location-popup strong { color: #007cba; font-size: 14px; display: block; margin-bottom: 5px; } .user-location-popup small { color: #666; font-size: 11px; } body#dark-mode .user-location-marker { background: #4a9eff; box-shadow: 0 2px 10px rgba(74, 158, 255, 0.4); } body#dark-mode .user-location-popup strong { color: #4a9eff; } body#dark-mode .user-location-popup small { color: #ccc; } @media (max-width: 768px) { .user-location-marker { width: 12px; height: 12px; } } .listeo-user-location-marker {pointer-events: none !important;} .message-attachment-upload { margin: 15px 0 0 0; padding: 0px 0; border-top: none; } .attachment-label { display: inline-block; padding: 4px 15px; background: #f4f4f4; border-radius: 4px; cursor: pointer; transition: background 0.3s; position: relative; } .attachment-label:hover::after { content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: #333; color: white; padding: 4px 12px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 1000; margin-bottom: 5px; } .attachment-label:hover::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #333; margin-bottom: -4px; z-index: 1000; } .attachment-label:hover { background: #e8e8e8; } .attachment-label i { margin-right: 8px; color: #666; } .attachment-info { display: block; font-size: 11px; color: #999; margin-top: 2px; line-height: 1.2; } .attachment-preview { display: inline-block; padding: 8px 12px; background: #e8f4f8; border-radius: 4px; position: relative; } .attachment-preview-name { color: #333; margin-right: 10px; } .remove-attachment { color: #ff6b6b; margin-left: 10px; } .remove-attachment:hover { color: #ff5252; } .attachment-upload-progress { margin-top: 10px; } .progress-bar { width: 100%; height: 6px; background: #f0f0f0; border-radius: 3px; overflow: hidden; } .progress-fill { height: 100%; background: var(--primary-color, #3498db); width: 0; transition: width 0.3s; } .message-attachment { margin-top: 10px; } .attachment-link { display: inline-block; padding: 3px 12px; background: #f8f8f8; border: 1px solid #e0e0e0; border-radius: 4px; text-decoration: none; color: #333; transition: all 0.3s; } .attachment-link:hover { background: #fff; border-color: var(--primary-color, #3498db); color: var(--primary-color, #3498db); text-decoration: none; } .attachment-link i { margin-right: 8px; font-size: 16px; } .attachment-name { font-weight: 500; } .attachment-size { color: #999; font-size: 12px; margin-left: 5px; } @media (max-width: 768px) { .attachment-label span { display: none; } .attachment-label i { margin-right: 0; } } .listeo-load-more-container { text-align: center; padding: 40px 0; clear: both; } .listeo-load-more-container .fa-spinner { margin-right: 0 !important; } .listeo-load-more-button { display: inline-block; background: var(--listeo-primary-color); color: #fff; padding: 7px 20px !important; border-radius: 4px; border: none; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .listeo-load-more-button:hover { background: var(--listeo-primary-color); color: #fff; } #listeo-listings-container .clearfix {display: none;} .listeo-load-more-button .button-text { display: inline-block; } .listeo-load-more-button .loading-icon { margin-left: 8px; color: #fff; } .listeo-load-more-button.loading { opacity: 0.8; cursor: wait; } .listeo-load-more-button.loading .loading-icon { color: #fff; } #listeo-listings-container.loading { position: relative; } #listeo-listings-container.loading:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0); z-index: 1; } .listeo-infinite-scroll-active .pagination-container { display: none !important; } .password-field-wrapper { position: relative; } .password-strength-requirements { display: none; position: absolute; top: 100%; left: 0; right: 0; margin-top: 8px; padding: 12px 15px; background: #f5f5f5; border-radius: 4px; font-size: 13px; line-height: 1.6; color: #666; animation: fadeIn 0.3s ease; z-index: 10; } .password-strength-requirements::before { content: ''; position: absolute; top: -8px; left: 20px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f5f5f5; } .password-strength-requirements.visible { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } .password-strength-requirements strong { color: #444; font-weight: 600; transition: color 0.3s ease; } .pwstrength_viewport_progress.password-strength-visible { display: none !important; } .time-slots-carousel-container { position: relative; width: 100%; padding: 0; border-radius: 4px; margin-bottom: 18px; } .slot-carousel-mode-hidden { display: none !important; } .slot-carousel-navigation { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; z-index: 10; } .slot-carousel-nav-btn { pointer-events: all; width: 40px; height: 40px; border-radius: 50%; border: none; background: #fff; color: #666; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .slot-carousel-nav-btn:hover:not(:disabled) { background: var(--listeo-primary-color); border-color: var(--listeo-primary-color); color: #fff; } .slot-carousel-nav-btn i { transition: 0.2s; } .slot-carousel-nav-btn:hover:not(:disabled) i { color: #fff; } .slot-carousel-nav-btn:disabled { opacity: 0.3; cursor: not-allowed; } .slot-carousel-nav-btn.prev-day { margin-left: -20px; } .slot-carousel-nav-btn.next-day { margin-right: -20px; } .slot-carousel-viewport { overflow: hidden; width: 100%; transition: height 0.4s ease; padding: 5px 15px; box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 6px; } .slot-carousel-track { display: flex; transition: transform 0.4s ease; gap: 15px; } .slot-carousel-day-column { flex: 0 0 calc(33.333% - 10px); min-width: calc(33.333% - 10px); max-width: calc(33.333% - 10px); width: calc(33.333% - 10px); } .calendar-day { border: none; border-radius: 6px; padding: 15px 0px; display: flex; flex-direction: column; width: 100%; } .calendar-day.day-placeholder { opacity: 0.6; } .calendar-day.day-available { background: #fff; } .time-slots-carousel-container  .calendar-day-date { text-align: center; border-bottom: none; margin-bottom: 10px; padding: 0; background: transparent; } .time-slots-carousel-container .calendar-day-date .day-name { margin: 0; font-size: 14px; font-weight: 700; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; margin-bottom: -3px; } .time-slots-carousel-container  .calendar-day-date .day-date { margin: 0; font-size: 12px; color: #888; font-weight: 500; line-height: 20px; } .calendar-day-slots { flex: 1; display: flex; flex-direction: column; } .calendar-day-slots-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } .calendar-day-slots-list-item { margin: 0; } .calendar-slot { width: 100%; padding: 10px 8px; border: none; border-radius: 5px; background: #f9f9f9; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-align: center; color: #666; padding: 6px 0; line-height: 16px; } .calendar-slot-available { background: var(--listeo-primary-color-light); border-color: var(--listeo-primary-color); color: var(--listeo-primary-color); } .calendar-slot-available:hover { background: var(--listeo-primary-color); color: #fff; } .calendar-slot-available.selected { background: var(--listeo-primary-color); color: #fff; border-color: var(--listeo-primary-color); } .calendar-slot-booked { background: #f5f5f5; border-color: #ddd; color: #999; cursor: not-allowed; opacity: 0.6; } .calendar-slot-placeholder { background: transparent; border-color: transparent; color: #ccc; cursor: default; } .hidden-slot { display: none; } .show-more-item { } .calendar-slot-show-more { width: 100%; padding: 10px; background: transparent; border: 1px dashed var(--listeo-primary-color); border-radius: 4px; color: var(--listeo-primary-color); font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-align: center; line-height: 16px; margin: 0; } .calendar-slot-show-more:hover { background: var(--listeo-primary-color-light); border-style: solid; } .calendar-day.expanded .hidden-slot { display: block; } .calendar-day.expanded .show-more-item { display: none; } .time-slots-carousel-container { position: relative; } .slot-carousel-viewport { max-height: 150px; overflow: hidden; transition: max-height 0.4s ease, height 0.4s ease; } .slot-carousel-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100% ); z-index: 10; opacity: 1; border-radius: 6px; transition: opacity 0.3s ease; pointer-events: none; } .slot-carousel-loader-spinner { width: 30px; height: 30px; border: 3px solid rgba(0, 0, 0, 0.1); border-top-color: var(--listeo-primary-color); border-radius: 50%; animation: carousel-spinner-rotate 0.8s linear infinite; } @keyframes carousel-spinner-rotate { to { transform: rotate(360deg); } } .time-slots-carousel-container.slot-carousel-loaded .slot-carousel-viewport { max-height: none; } .time-slots-carousel-container.slot-carousel-loaded .slot-carousel-loader { opacity: 0; pointer-events: none; } .calendar-slot-booked { filter: grayscale(1); opacity: 0.5; text-decoration: line-through; pointer-events: none; cursor: not-allowed; background: #f5f5f5 !important; color: #999 !important; border-color: #ddd !important; } @media (max-width: 1360px) { .slot-carousel-day-column { flex: 0 0 calc(50% - 7.5px); min-width: calc(50% - 7.5px); max-width: calc(50% - 7.5px); width: calc(50% - 7.5px); } }