/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 18 2025 | 09:19:46 */
/* This adds custom colours for the Booknetic plugin elements to match our style */

.booknetic_service_extra_title { display: none !important; }

.booknetic_service_duration_wrapper > span {
    display: none !important;
	background-color: #ADFFF8;
}

/* Hides the duration from the pop-up when using custom durations so that it only shows the custom labels - allows us to display time first before price */
.bkntc_custom_duration_p_labels { display: none !important; }

/* Sets the font size of the custom duration/price labels in the pop-up */
.bkntc_custom_duration_content {
  font-size: 14px;
}

/* Hides the 'continue with default' duration message under the duration choices */
.bkntc_custom_duration_continue {
    display: none !important;
}

/* Hides the line that says 'or' which comes under the duration options */
.bkntc_custom_duration_line {
    display: none !important;
}

.bkntc_custom_duration_price {
  color: grey !important;  
	background-color: #ADFFF8 !important;
	margin: auto !important;
	padding: 10px !important;
}

.bkntc_custom_duration_continue.bkntc_custom_duration_btn_color {
	background-color: #ADFFF8 !important;
    color: black;
    border: 1px solid #ADFFF8 !important;
}

.booknetic_warning_message {
    background-color: #ff8fdf !important;
}

.booknetic_appointment .booknetic_input_error
{
	border-color: #ff8fdf !important;
}

/*THIS SECTION ENSURES THE CUSTOM DURATIONS ALWAYS APPEAR IN VIEW AS ON MOBILE YOU HAVE TO SCROLL WITHOUT THIS TWEAK*/
/* Change popup to come from top */
.booknetic_custom_duration_popup {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    bottom: auto !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    width: 440px !important; /* Match parent popup width */
    left: 50% !important; /* Center horizontally */
    transform: translate(-50%, -50%) !important; /* Center both vertically and horizontally */
}

/* Keep overlay properly sized */
.popup-overlay {
    position: fixed !important;
    z-index: 9998 !important;
}

/* Ensure proper layering */
.booknetic_custom_duration_popup {
    z-index: 9999 !important;
}

/* Make sure content doesn't overflow new width */
.bkntc_custom_duration.booknetic_custom_duration_popup_body {
    max-width: 100% !important;
}