.elementor-16727 .elementor-element.elementor-element-7a620706{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-16727 .elementor-element.elementor-element-7a620706.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16727 .elementor-element.elementor-element-6755d869{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-textpanel-title{text-align:inherit;color:var( --e-global-color-text );}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-textpanel-description{text-align:inherit;font-size:12px;color:var( --e-global-color-text );}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-arrow-left{width:32px;height:32px;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-arrow-right{width:32px;height:32px;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-arrow-right svg polyline{stroke:var( --e-global-color-text );}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-arrow-left svg polyline{stroke:var( --e-global-color-text );}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-arrow-right,.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-arrow-left{border-style:double;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-button-fullscreen svg polyline{stroke:#FFFFFF00;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-button-fullscreen svg line{stroke:#FFFFFF00;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-button-fullscreen svg circle{fill:#FFFFFF00;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-button-fullscreen{opacity:50%;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-button-fullscreen:hover{opacity:100%;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-button-fullscreen.ug-fullscreenmode path{fill:#ffffff;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-button-fullscreen.ug-fullscreenmode{opacity:50%;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-button-fullscreen.ug-fullscreenmode:hover path{fill:#ffffff;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-control.ug-button-fullscreen.ug-fullscreenmode:hover{opacity:100%;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-wrapper .ug-button-videoplay{width:86px;height:66px;background-color:#000;opacity:60%;border-radius:5px 5px 5px 5px;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-wrapper .ug-button-videoplay path{fill:#ffffff;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-wrapper .ug-button-videoplay:hover{background-color:#000;opacity:100%;border-radius:5px 5px 5px 5px;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-slider-wrapper .ug-button-videoplay:hover path{fill:#ffffff;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-videoplayer-button-close:hover svg{fill:#C80000;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-thumb-image{object-fit:cover;}.elementor-16727 .elementor-element.elementor-element-1385b4c .ug-error-message{text-align:inherit;}.elementor-16727 .elementor-element.elementor-element-1a525ca2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:010px;--padding-bottom:0px;--padding-left:20px;--padding-right:40px;}.elementor-16727 .elementor-element.elementor-element-31ae3da8 .elementor-heading-title{font-family:"Verb Black", Sans-serif;font-size:1rem;font-weight:400;line-height:1.2rem;}.elementor-16727 .elementor-element.elementor-element-441d34b5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16727 .elementor-element.elementor-element-441d34b5{font-family:"Verb Medium", Sans-serif;font-size:16px;letter-spacing:-0.2px;}.elementor-16727 .elementor-element.elementor-element-a84f1d1 .elementor-button{background-color:#F9A025;font-family:"Verb Medium", Sans-serif;font-size:1rem;font-weight:400;text-decoration:none;line-height:1.2rem;fill:#FFF;color:#FFF;}.elementor-16727 .elementor-element.elementor-element-337864b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .uc_bold_tabs ul{padding:0px 0px 0px 0px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .uc_bold_tabs ul li a.ue-tab-btn, .r-tabs-accordion-title > a{font-family:var( --e-global-typography-93642f4-font-family ), Sans-serif;font-size:var( --e-global-typography-93642f4-font-size );font-weight:var( --e-global-typography-93642f4-font-weight );line-height:var( --e-global-typography-93642f4-line-height );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .uc_bold_tabs ul li a.ue-tab-btn,.elementor-16727 .elementor-element.elementor-element-6ad6c97 .r-tabs-accordion-title > a{padding:10px 20px 10px 20px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-tab-btn{flex-direction:column;justify-content:center;align-items:center;color:#000;gap:0px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-tab-btn,.elementor-16727 .elementor-element.elementor-element-6ad6c97 .r-tabs-accordion-title > a{background-color:var( --e-global-color-b8f0d98 );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-tab-btn:hover,.elementor-16727 .elementor-element.elementor-element-6ad6c97 .r-tabs-accordion-title > a:hover{background-color:var( --e-global-color-b8f0d98 );color:var( --e-global-color-primary );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .r-tabs-state-active .ue-tab-btn{background-color:var( --e-global-color-b8f0d98 );color:var( --e-global-color-text );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .uc_bold_tabs > ul li.r-tabs-state-active a.ue-tab-btn,.elementor-16727 .elementor-element.elementor-element-6ad6c97 .r-tabs-accordion-title.r-tabs-state-active > a{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-graphic-element{width:64px;height:64px;background-color:#ffffff;margin-top:0px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-graphic-element img{width:64px;height:64px;object-fit:cover;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-graphic-element,.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-graphic-element img{border-radius:100px 100px 100px 100px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-ge-icon{font-size:20px;color:#616161;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .uc-tabs-accordion-title{gap:0px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-ge-text{color:#616161;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .panel-container{background-color:var( --e-global-color-b8f0d98 );margin-top:0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-b2f2ca6 );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .tab-container{padding:20px 20px 20px 20px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .panel-container,.elementor-16727 .elementor-element.elementor-element-6ad6c97 .tab-container{border-radius:0px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-item-content-wrapper{flex-direction:column;align-items:flex-start;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .r-tabs-accordion-title a.r-tabs-anchor{color:var( --e-global-color-text );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-content-title{color:#000000;font-family:var( --e-global-typography-fbb08ad-font-family ), Sans-serif;font-size:var( --e-global-typography-fbb08ad-font-size );font-weight:var( --e-global-typography-fbb08ad-font-weight );line-height:var( --e-global-typography-fbb08ad-line-height );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-content-text{color:#000000;margin-top:0px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#000000;color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1268px){.elementor-16727 .elementor-element.elementor-element-6ad6c97 .uc_bold_tabs ul li a.ue-tab-btn, .r-tabs-accordion-title > a{font-size:var( --e-global-typography-93642f4-font-size );line-height:var( --e-global-typography-93642f4-line-height );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-content-title{font-size:var( --e-global-typography-fbb08ad-font-size );line-height:var( --e-global-typography-fbb08ad-line-height );}}@media(min-width:768px){.elementor-16727 .elementor-element.elementor-element-6755d869{--width:33.3333%;}.elementor-16727 .elementor-element.elementor-element-1a525ca2{--width:66.6666%;}}@media(min-width:2400px){.elementor-16727 .elementor-element.elementor-element-6ad6c97 .uc_bold_tabs ul li a.ue-tab-btn, .r-tabs-accordion-title > a{font-size:var( --e-global-typography-93642f4-font-size );line-height:var( --e-global-typography-93642f4-line-height );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-content-title{font-size:var( --e-global-typography-fbb08ad-font-size );line-height:var( --e-global-typography-fbb08ad-line-height );}}@media(max-width:767px){.elementor-16727 .elementor-element.elementor-element-7a620706{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-16727 .elementor-element.elementor-element-6755d869{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-16727 .elementor-element.elementor-element-1a525ca2{--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .uc_bold_tabs ul li a.ue-tab-btn, .r-tabs-accordion-title > a{font-size:var( --e-global-typography-93642f4-font-size );line-height:var( --e-global-typography-93642f4-line-height );}.elementor-16727 .elementor-element.elementor-element-6ad6c97 .ue-content-title{font-size:var( --e-global-typography-fbb08ad-font-size );line-height:var( --e-global-typography-fbb08ad-line-height );}}/* Start custom CSS for ucaddon_uc_compact_image_theme, class: .elementor-element-1385b4c *//* Compact/Elementor gallery – keep ONLY the thumbnail strip square */ #square-thumbs .e-gallery-item, #square-thumbs .pp-gallery-thumbs .pp-gallery-item { aspect-ratio: 1 / 1; width: auto; /* let the layout control width */ overflow: hidden; } #square-thumbs .e-gallery-image img, #square-thumbs .pp-gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; /* crop to square neatly */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2baac395 */.date-range-widget, .date-range-widget * { margin: 0; padding: 0; box-sizing: border-box; } /* Reset and isolate styles for WordPress embedding */ .date-range-widget { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: transparent; padding: 0; border-radius: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Ensure isolation from parent styles */ box-sizing: border-box; /* WordPress specific */ position: relative; z-index: 1; /* Prevent text selection issues */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .date-range-widget * { box-sizing: border-box; } /* Override potential WordPress theme styles */ .date-range-widget input, .date-range-widget select, .date-range-widget textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .date-range-widget button:not(.submit-btn):not(.calendar-day):not(.calendar-nav) { background: none; border: none; padding: 0; margin: 0; cursor: pointer; } .date-range-widget input { border: none; outline: none; background: none; } .widget-container { background: transparent; padding: 0; border-radius: 0; border: none; text-align: left; max-width: 600px; width: 100%; margin: 0; /* Ensure proper display */ display: block; } .date-range-widget h1 { color: #333; margin-bottom: 20px; font-size: 1.8em; font-weight: 300; } @media (max-width: 768px) { .date-range-widget h1 { font-size: 2em; margin-bottom: 20px; } .widget-container { padding: 0; margin: 0; } .derived-dates { padding: 20px 15px; margin-top: 20px; } .derived-dates h3 { font-size: 1.2em; margin-bottom: 15px; } .date-field label { font-size: 1em; } .calculated-date { padding: 10px 12px; font-size: 1em; } .date-description { font-size: 0.8em; } .submit-btn { padding: 15px 30px; font-size: 1em; margin: 0; } } @media (max-width: 480px) { .date-range-widget h1 { font-size: 1.8em; } .widget-container { padding: 0; } .date-group { margin-bottom: 20px; } .date-input { padding: 12px; font-size: 1em; } .calendar-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90vw; max-width: 350px; max-height: 80vh; overflow-y: auto; z-index: 1001; } .calendar-grid { padding: 10px; } .calendar-day { padding: 8px; font-size: 0.85em; } .calendar-weekday { padding: 8px; font-size: 0.8em; } .calendar-header { padding: 12px; } .calendar-nav { padding: 8px 12px; font-size: 1.3em; } .derived-dates { padding: 15px 10px; } .date-row { margin-bottom: 15px; } } .radio-section { margin-bottom: 14px; text-align: left; } .radio-group { display: flex; flex-direction: column; gap: 8px; margin-top: 6px; } .radio-option { display: flex; align-items: center; cursor: pointer; padding: 6px 10px; border: 2px solid #e1e5e9; border-radius: 6px; background: white; transition: all 0.3s ease; } .radio-option:hover { border-color: #667eea; background: #f8f9fa; } .radio-option input[type="radio"] { margin-right: 10px; transform: scale(1.1); } .radio-option input[type="radio"]:checked + .radio-text { color: #667eea; font-weight: 600; } .quantity-buttons { display: flex; gap: 12px; margin-top: 6px; } .quantity-btn { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; border: 2px solid #ccc !important; border-radius: 8px !important; background: #f0f0f0 !important; cursor: pointer !important; transition: all 0.2s ease !important; padding: 6px !important; box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; } /* WordPress-specific overrides */ .date-range-widget .quantity-btn, .date-range-widget .quantity-btn:hover, .date-range-widget .quantity-btn:active, .date-range-widget .quantity-btn:focus { all: unset !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; border: 2px solid #ccc !important; border-radius: 8px !important; background: #f0f0f0 !important; cursor: pointer !important; transition: all 0.2s ease !important; padding: 6px !important; box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; margin: 0 !important; outline: none !important; text-decoration: none !important; font-size: inherit !important; line-height: normal !important; } .quantity-btn:hover { border-color: #667eea !important; background: #e0e0e0 !important; transform: translateY(-1px) !important; } .quantity-btn.active { border-color: #718096 !important; background: #718096 !important; color: white !important; transform: translateY(-1px) !important; border-width: 2px !important; font-weight: 600 !important; } /* WordPress-specific hover and active overrides */ .date-range-widget .quantity-btn:hover { border-color: #667eea !important; background: #e0e0e0 !important; transform: translateY(-1px) !important; } .date-range-widget .quantity-btn.active { border-color: #718096 !important; background: #718096 !important; color: white !important; transform: translateY(-1px) !important; border-width: 3px !important; font-weight: 600 !important; } .quantity-number { font-size: 1.5em; font-weight: 700; margin-bottom: 2px; } .quantity-save { font-size: 0.7em; font-weight: 500; text-align: center; line-height: 1.2; } .quantity-btn.active .quantity-save { opacity: 0.9; } .radio-text { font-size: 0.95em; color: #333; } .dates-container { display: flex; gap: 20px; margin: 16px 0; align-items: flex-start; } .dates-container form { flex: 1; min-width: 0; /* Prevent flex item from overflowing */ max-width: 50%; /* Equal width with derived dates for better balance */ } .dates-container .derived-dates { flex: 1; margin: 0; min-width: 0; /* Prevent flex item from overflowing */ max-width: 50%; /* Equal width with form for perfect balance */ } /* Tablet responsive - adjust layout for medium screens */ @media (max-width: 900px) { .widget-container { max-width: 500px; } .dates-container { gap: 16px; } } /* Mobile responsive - stack vertically on small screens */ @media (max-width: 768px) { .widget-container { max-width: 95vw; margin: 4px; padding: 15px 10px; } .dates-container { flex-direction: column; gap: 16px; } .dates-container form, .dates-container .derived-dates { flex: none; width: 100%; max-width: 100%; /* Full width on mobile */ } .pricing-section { width: 100%; max-width: 100%; padding: 0; gap: 0; } .quantity-buttons { gap: 8px; } .quantity-btn { width: 55px; height: 55px; } .rent-now-section .submit-btn { position: static; left: auto; right: auto; width: 100%; max-width: 100%; box-sizing: border-box; padding: 16px 0; } /* Force button container to behave like form elements on mobile */ .rent-now-section { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; flex: none; } /* Force button to take full width on mobile */ .rent-now-section .submit-btn { width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 0 !important; padding: 16px 0 !important; box-sizing: border-box !important; } /* Override any parent container constraints */ .rent-now-section, .rent-now-section * { width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* Force pricing section to match form width exactly on mobile */ .dates-container form .pricing-section { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; } .dates-container form .price-display { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } .date-group { min-width: auto; width: 100%; } .date-input { width: 100%; min-width: auto; max-width: 100%; } .calendar-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90vw; max-width: 350px; max-height: 80vh; overflow-y: auto; z-index: 1001; min-width: auto; /* Allow mobile sizing */ left: 50% !important; /* Force center positioning */ right: auto !important; /* Override absolute positioning */ } .calendar-grid { padding: 10px; min-width: auto; width: 100%; } .calendar-day { min-width: auto; padding: 6px; font-size: 0.8em; } /* Ensure mobile calendar is properly centered */ .calendar-popup.show { left: 50% !important; right: auto !important; } .rent-now-section .submit-btn { position: static !important; left: auto !important; right: auto !important; } } /* Extra small mobile devices */ @media (max-width: 480px) { .widget-container { padding: 12px 8px; margin: 2px; } .date-input { padding: 8px; font-size: 0.85em; } .calendar-popup { width: 95vw; max-width: 320px; } .calendar-grid { padding: 8px; } .calendar-day { padding: 5px; font-size: 0.75em; min-height: 32px; } .pricing-section { padding: 0; gap: 0; width: 100%; } .quantity-buttons { gap: 6px; } .quantity-btn { width: 50px; height: 50px; } /* Force pricing section to match form width exactly on small mobile */ .dates-container form .pricing-section { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; } .dates-container form .price-display { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } .submit-btn { padding: 14px 28px; font-size: 1em; width: 100%; max-width: 100%; box-sizing: border-box; } /* Button width on small mobile */ .rent-now-section { width: 100%; max-width: 100%; margin: 0; padding: 0; flex: none; } .rent-now-section .submit-btn { position: static; left: auto; right: auto; width: 100%; max-width: 100%; box-sizing: border-box; padding: 16px 0; } /* Force button container to behave like form elements on small mobile */ .rent-now-section { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; } /* Force button to take full width on small mobile */ .rent-now-section .submit-btn { width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 0 !important; padding: 16px 0 !important; box-sizing: border-box !important; } /* Override any parent container constraints on small mobile */ .rent-now-section, .rent-now-section * { width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } } .date-group { margin-bottom: 14px; text-align: left; position: relative; width: 100%; /* Use full available width */ } label { display: block; margin-bottom: 6px; color: #555; font-weight: 500; font-size: 0.95em; } .date-input { width: 100%; padding: 10px; border: 2px solid #667eea; border-radius: 6px; font-size: 0.9em; transition: all 0.3s ease; background: white; cursor: pointer; position: relative; min-width: 0; /* Allow shrinking to fit container */ max-width: 100%; /* Don't exceed container width */ box-sizing: border-box; /* Include padding in width calculation */ } .date-input:hover { border-color: #5a6fd8; background: #f8f9ff; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); } .date-input:focus { outline: none; border-color: #667eea; background: white; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } .date-input.disabled { background: #f5f5f5; border-color: #ccc; color: #999; cursor: not-allowed; opacity: 0.7; } .date-input.disabled .calendar-icon { color: #999; } .calendar-icon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #667eea; font-size: 1.2em; pointer-events: none; } .calendar-popup { position: absolute; top: 100%; left: 0; right: 0; background: white; border: 2px solid #e1e5e9; border-radius: 12px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); z-index: 1000; display: none; margin-top: 6px; overflow: hidden; min-width: 320px; /* Increased to prevent cutoff */ width: max-content; /* Allow natural sizing */ box-sizing: border-box; /* Include padding in width calculation */ } .calendar-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; } .calendar-overlay.show { display: block; } .calendar-popup.show { display: block; } .calendar-header { display: flex; justify-content: space-between; align-items: center; padding: 8px 15px; border-bottom: 1px solid #e1e5e9; background: #F89F24; color: white; } .calendar-nav { background: none; border: none; font-size: 1.5em; color: white; cursor: pointer; padding: 8px 12px; border-radius: 8px; transition: all 0.2s ease; min-height: 44px; min-width: 44px; display: flex; align-items: center; justify-content: center; touch-action: manipulation; } .calendar-nav:hover { background: rgba(255, 255, 255, 0.2); transform: scale(1.1); } .calendar-title { font-weight: 600; color: white; font-size: 1.2em; } .calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; background: #f8f9fa; padding: 15px; min-width: 0; /* Allow shrinking to fit container */ width: 100%; box-sizing: border-box; /* Include padding in width calculation */ } .calendar-weekday { background: white; padding: 10px 6px; text-align: center; font-weight: 600; color: black; font-size: 0.85em; border-radius: 5px; } .calendar-day { background: white !important; padding: 8px; text-align: center; cursor: pointer; transition: all 0.2s ease; border: none; font-size: 0.85em; min-height: 36px; display: flex; align-items: center; justify-content: center; touch-action: manipulation; border-radius: 5px; margin: 1px; color: #333 !important; min-width: 32px; /* Ensure minimum width for calendar days */ } .calendar-day:hover:not(.disabled) { background: #667eea; color: white; transform: scale(1.05); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); } .calendar-day.selected { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: white !important; font-weight: 600; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); } .calendar-day.selected:hover { background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%); transform: scale(1.05); box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5); } .calendar-day.disabled { color: #ccc; background: #f8f9fa; cursor: not-allowed; opacity: 0.6; } .calendar-day.other-month { color: #ccc; background: #f8f9fa; opacity: 0.5; } .calendar-day.today { background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important; color: white !important; font-weight: 600; box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4); } .calendar-day.today:hover { background: linear-gradient(135deg, #218838 0%, #1ea085 100%); transform: scale(1.05); box-shadow: 0 6px 16px rgba(40, 167, 69, 0.5); } .pricing-section { display: flex; justify-content: center; align-items: center; margin: 16px 0 8px 0; gap: 0; padding: 0; width: 100%; box-sizing: border-box; } /* Mobile responsive - stack pricing section vertically */ @media (max-width: 768px) { .pricing-section { flex-direction: column; align-items: stretch; gap: 12px; padding: 12px 16px; width: 100%; } .price-display { text-align: center; width: 100%; } .submit-btn { align-self: center; } } .price-display { text-align: center; padding: 8px 12px; background: #f8f9fa; border: 2px solid #e1e5e9; border-radius: 10px; width: 100%; box-sizing: border-box; margin: 0; } .price-label { font-size: 0.8em; color: #666; margin-bottom: 4px; } .price-amount { font-size: 1.5em; font-weight: 700; color: #28a745; margin-bottom: 4px; } .service-fee { font-size: 0.75em; color: #666; font-style: italic; } .discount-info { font-size: 0.8em; color: #28a745; margin-top: 3px; font-weight: 500; } .reset-btn { background: #95a5a6; color: white; border: none; padding: 6px 12px; border-radius: 6px; font-size: 0.8em; cursor: pointer; margin: 8px auto; display: block; width: auto; max-width: none; position: static; } .reset-btn:hover { background: #7f8c8d; } .submit-btn { background: #0DB14B; color: white; border: none; padding: 16px 32px; border-radius: 20px; font-size: 1.1em; font-weight: 600; cursor: pointer; margin: 0; display: block !important; width: auto; min-width: 200px; flex-shrink: 0; text-align: center; line-height: 1.2; box-sizing: border-box; } /* Make button match the form width exactly */ .rent-now-section { width: 50%; max-width: 50%; margin-left: 0; padding: 0; text-align: left; position: relative; padding-bottom: 40px; /* match or exceed button height */ } .rent-now-section .submit-btn { position: absolute; left: 0; right: 16px; width: auto; max-width: none; min-width: auto !important; box-sizing: border-box; margin: 0; padding: 16px 32px; } .result { margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 10px; border-left: 4px solid #667eea; text-align: left; display: none; } .result.show { display: block; } .result h3 { color: #333; margin-bottom: 10px; } .result p { color: #666; line-height: 1.6; } .error { border-left-color: #e74c3c; background: #fdf2f2; } .error p { color: #e74c3c; } .business-day-info { font-size: 0.9em; color: #666; margin-top: 5px; font-style: italic; } .derived-dates { margin-top: 0; padding: 14px; background: #f8f9fa; border-radius: 10px; border: 2px solid #e1e5e9; } .derived-dates h3 { color: #333; margin-bottom: 16px; text-align: left; font-size: 1.1em; margin-left: 0; padding-left: 0; } .date-row { margin-bottom: 12px; } .date-row:last-child { margin-bottom: 0; } .date-field label { display: block; margin-bottom: 6px; color: #333; font-weight: 400; font-size: 0.9em; text-align: left; } .calculated-date { padding: 8px 10px; background: #f8f9fa; border: 2px solid #e1e5e9; border-radius: 5px; color: #666; font-weight: 400; font-size: 0.9em; text-align: left; margin-bottom: 3px; } .date-description { font-size: 0.75em; color: #666; font-style: italic; text-align: left; } #session-expired { display: none; color: red; padding: 15px; margin: 20px 0; font-family: Arial, sans-serif; font-size: 16px; } .submit-btn:disabled { background: #ccc; cursor: not-allowed; opacity: 0.7; } .submit-btn:hover, .submit-btn:focus, .submit-btn:active { background: #0DB14B; /* keep same color */ color: white; box-shadow: none !important; /* kill default shadow */ outline: none !important; } /* Prevent clashes with Elementor */ .custom-date-widget { position: relative; width: 100%; } .custom-date-widget .widget-container { /* this replaces the old .container styles */ max-width: 100%; margin: 0 auto; } /* Clearfix for floats */ .custom-date-widget::after { content: ""; display: block; clear: both; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Verb Black'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://popupwifi.com.au/wp-content/uploads/2023/12/verbblack-webfont.woff2') format('woff2'), url('https://popupwifi.com.au/wp-content/uploads/2023/12/verbblack-webfont.woff') format('woff'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Verb Medium'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://popupwifi.com.au/wp-content/uploads/2023/12/verbmedium-webfont.woff2') format('woff2'), url('https://popupwifi.com.au/wp-content/uploads/2023/12/verbmedium-webfont.woff') format('woff'); } /* End Custom Fonts CSS */