.elementor-7815 .elementor-element.elementor-element-40a5de21{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7815 .elementor-element.elementor-element-505f747b > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:767px){.elementor-7815 .elementor-element.elementor-element-505f747b > .elementor-widget-container{margin:-8px -30px 0px -30px;}}/* Start custom CSS for text-editor, class: .elementor-element-505f747b */@media (max-width: 768px) {
  .bkntc_service-gallery img, .bkntc_service_cart img {
    object-fit: contain !important;
    
  }
      .bkntc_services_container, .bkntc_landing-page-hero {
        padding-inline: 0px !important;
    }
  
}


.bkntc_landing-page{
    background: none !important;
}

h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
     color: #ffffff !important;
}


.bkntc_list_info {
    background: #0f0f20 !important;
    border: 1px solid rgba(108, 112, 220, 0.3) !important;
    box-shadow:
        0 0 3px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: #ffffff !important;
    
}


.bkntc_list_info p,
.bkntc_service-info a{
    color: #ffffff !important;
}


.bkntc_service_cart {
     border-radius: 16px !important;
    background: #0f0f20 !important;
    border: 1px solid rgba(108, 112, 220, 0.3) !important;
    box-shadow:
        0 0 3px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover effects for interactive elements */
.bkntc_service_cart:hover{
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(108, 112, 220, 0.4) !important;
    box-shadow:
        0 0 20px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
}

















/* Enhanced Booknetic Booking Panel - Glass Morphism Dark Theme */

/* Main container and card elements with glass morphism effect */
.booknetic_appointment_contaner_body,
.booknetic_service_extra_car,
.booknetic_service_card,
.booknetic_appointment .form-control,
.booknetic-cart-item.active,
.booknetic_card,
.booknetic_confirm_step_body .booknetic_portlet,
#booknetic_calendar_area,
.booknetic_times,
.booknetic-cart-col,
.booknetic-cp-tab-body,
.booknetic_calendar_days > div,
.booknetic_times_list > div,
.booknetic_payment_method,
.booknetic_confirm_sum_price,
.booknetic_appointment_finished,
.booknetic_portlet,
.booknetic_appointment .bkntc-information-step-info-container {
    border-radius: 16px !important;
    background: #0f0f20 !important;
    border: 1px solid rgba(108, 112, 220, 0.3) !important;
    box-shadow:
        0 0 3px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.booknetic_appointment {
    border-radius: 16px !important;
    background: #0f0f20 !important;
    border: 1px solid rgba(108, 112, 220, 0.3) !important;
    box-shadow:
        0 0 20px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.booknetic_appointment_steps.has-logo {
    background: rgba(0, 0, 0) !important;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

/* Hover effects for interactive elements */
.booknetic_service_card:hover,
.booknetic_calendar_days > div:hover,
.booknetic_times_list > div:hover,
.booknetic_payment_method:hover,
.booknetic_card_container > div:hover{
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(108, 112, 220, 0.4) !important;
    box-shadow:
        0 0 20px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
}

/* Main appointment container with enhanced glass effect */
.booknetic_appointment_container {
    background: #0f0f20 !important;
    border: 1px solid rgba(108, 112, 220, 0.08) !important;
    border-bottom-right-radius: 16px !important;
    border-top-right-radius: 16px !important;
    box-shadow:
        0 0 20px rgba(108, 112, 220, 0.15),
        inset 0 1px 0 rgba(108, 112, 220, 0.1) !important;
}


/* Add subtle animated gradient overlay */
.booknetic_appointment_container::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(106, 112, 220, 0.6),
        rgba(147, 51, 234, 0.6),
        transparent
    ) !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

@keyframes shimmer {
    0%, 100% { opacity: 0.3 !important; }
    50% { opacity: 0.8 !important; }
}

/* Enhanced form controls */
.booknetic_appointment .form-control {
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 12px 16px !important;
    transition: all 0.3s ease !important;
}

.booknetic_appointment .form-control:focus {
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(108, 112, 220, 0.5) !important;
    box-shadow:
        0 0 0 3px rgba(108, 112, 220, 0.1),
        0 4px 12px rgba(108, 112, 220, 0.2) !important;
    outline: none !important;
}

/* Steps sidebar with enhanced styling */
.booknetic_appointment_steps {
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top-color: transparent !important;
}

/* Footer with glass effect */
.booknetic_appointment_container_footer {
    background: rgba(0, 0, 0) !important;
    border-top: unset !important;
}

.booknetic_appointment_steps_footer {
    border-top: unset !important;
}

/* Enhanced button styling */

.booknetic_btn_secondary,
.booknetic_btn_primary,
.button.bkntc_again_booking {
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(106, 112, 220, 0.4) !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    transition: all 0.3s ease !important;
}

.booknetic_btn_secondary::before,
.booknetic_btn_primary::before{
    background: linear-gradient(
        90deg,
        transparent,
        rgba(0, 0, 0, 0.2),
        transparent
    ) !important;
    transition: left 0.5s ease !important;
}

.booknetic_btn_secondary:hover::before,
.booknetic_btn_primary:hover::before {
    left: 100% !important;
}

.booknetic_btn_secondary:hover,
.booknetic_btn_primary:hover {
    background: rgba(108, 112, 220, 0.1) !important;
    box-shadow: 0 4px 16px rgba(106, 112, 220, 0.3) !important;

}

/* Enhanced text colors with better contrast */
.booknetic_times_head,
.booknetic_calendar_head > div,
.booknetic-cart-item-body,
.booknetic-cart-item .booknetic-cart-item-header,
.booknetic_card_title,
.booknetic_appointment .form-group > label,
.booknetic_service_card_title > span:first-child,
.booknetic_appointment_container_header_text,
.booknetic_calendar_days > div,
.booknetic_times_list > div,
.booknetic_payment_method > span,
.booknetic_appointment_finished_subtitle,
.booknetic_portlet {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.booknetic_appointment_container_header {
    border-bottom: none !important;
}

/* Secondary text with improved readability */
.booknetic_appointment .form-control,
.booknetic-cart-item-body-row .booknetic-cart-item-body-cell,
.booknetic_confirm_details > .booknetic_confirm_details_title,
.booknetic_appointment_finished_code {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Disabled/empty states */
.booknetic_calendar_days.booknetic_calendar_empty_day > div,
.booknetic_appointment .bkntc-information-step-info-container {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Enhanced confirm details */
.booknetic_confirm_details > .booknetic_confirm_details_price,
.booknetic_confirm_details > .booknetic_confirm_details_title {
    background: rgba(25, 25, 30, 0.6) !important;
    border-radius: 16px !important;
    padding: 8px 12px !important;
}

/* Payment method styling */
.booknetic_payment_method {
    width: 95% !important;
    margin: 8px auto !important;
    position: relative !important;
}

/* Enhanced sum price styling */
.booknetic_confirm_sum_price {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    background: rgba(106, 112, 220, 0.1) !important;
    border-top: 1px solid rgba(106, 112, 220, 0.3) !important;
}


.booknetic_appointment .form-control:disabled, .form-control[readonly] {
    color: #000000 !important;
}


/* Responsive design improvements */

@media only screen and (max-width: 1000px) {
    
    .booknetic_appointment_steps {
        border-top-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
    }
    .booknetic_appointment_finished_title {
        margin: 15px !important;
    }
    .booknetic_appointment_container_header {
        border-bottom-color: transparent !important;
    }
    .booknetic_warning_message {
        top: -40px !important;
    }
}

@media (max-width: 767px) {
  .booknetic_appointment_container_footer {
    position: fixed !important;
      bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;               /* prevent full width stretch */
    max-width: calc(100% - 20px) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(10px);
     border: 1px solid rgba(108, 112, 220, 0.3) !important;
    border-radius: 50px !important;
  }
}



/* Hide unwanted elements */
.booknetic_confirm_details:before,
.booknetic_card:not(.booknetic_card_selected):after {
    visibility: hidden !important;
}

/* Enhanced active states */
.booknetic-cart-item.active {
    background: rgba(106, 112, 220, 0.1) !important;
    border: 1px solid rgba(106, 112, 220, 0.4) !important;
}

/* Scoped transitions */
button,
input,
.booknetic_card_container,
.booknetic_service_card,
.booknetic_payment_method,
.booknetic_times_list > div {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}


/* Scrollbar Styling for nice-scrollbar-primary container */
.nice-scrollbar-primary {
    scrollbar-width: thin;
    scrollbar-color: rgba(108, 112, 220) transparent;
}



/* Enhanced loading states */
.booknetic_loading {
    background: rgba(106, 112, 220, 0.1) !important;
    border-radius: 16px !important;
}

/* Improved focus indicators for accessibility */
.booknetic_service_card:focus,
.booknetic_calendar_days > div:focus,
.booknetic_times_list > div:focus {
    outline: 2px solid rgba(106, 112, 220, 0.6) !important;
    outline-offset: 2px !important;
}

@media only screen and (max-width: 768px) {
  .booknetic_appointment_container,
  .booknetic_appointment_contaner_body,
  .booknetic_appointment  {
    box-shadow: none !important;
    border-bottom: none !important;
    border-radius: 0px !important;
  }
  
  .booknetic_appointment_steps.has-logo {
    top: 15px !important;
    left: 5px !important;
    right: 5px !important;
    width: auto !important;               /* prevent full width stretch */
    max-width: calc(100% - 10px) !important;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px);
     border: 1px solid rgba(108, 112, 220, 0.3) !important;
    border-radius: 16px !important;
     box-shadow:
        0 0 5px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .booknetic_appointment_container,
  .booknetic_appointment_contaner_body {
    margin-top: 14.95px !important;
    border: none !important;

}
}/* End custom CSS */