/**
* Theme Name: Aesthetica Child
* Description: This is a child theme of Aesthetica.
* Author: <a href="https://cmsmasters.net/">cmsmasters</a>
* Template: aesthetica
* Version: 1.0.0
* Tested up to: 6.6
* Requires PHP: 7.4
* License:
* License URI:
* Text Domain: aesthetica-child
* Copyright: cmsmasters 2025 / All Rights Reserved
*/


/**
* Header Adjustments
*/

/* Datepicker Z-Index im Popup */
#ui-datepicker-div {
  z-index: 9999999 !important;
}

/* Popup Overflow freigeben */
.cmsmasters-popup .ps,
.cmsmasters-popup .elementor-section-wrap,
.cmsmasters-popup .e-con,
.cmsmasters-popup .e-con-inner,
.cmsmasters-popup .elementor-widget-container,
.cmsmasters-popup .forminator-field {
  overflow: visible !important;
}

/* Scrollbar Plugin nicht den Kalender verstecken lassen */
.cmsmasters-popup .ps__rail-x,
.cmsmasters-popup .ps__rail-y {
  z-index: 1 !important;
}

/* Ticker */
.sk-ticker .elementor-widget-container {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-align: center !important;
}

.sk-ticker .elementor-heading-title {
  display: inline-block !important;
  animation: sk-fade 8s ease-in-out infinite !important;
  white-space: nowrap !important;
}

@keyframes sk-fade {
  0%   { opacity: 0; }
  15%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { opacity: 0; }
}


@media (min-width: 769px) {
  .elementor-widget-cmsmasters-nav-menu__item-link-sub .elementor-widget-cmsmasters-nav-menu__arrow {
    display: none !important;
  }
}


/* Mobil Scrolling Fix */
@media (max-width: 768px) {
  .sk-ticker .elementor-heading-title {
    animation-duration: 8s !important;
  }
	
 .elementor-widget-cmsmasters-offcanvas__arrow .e-font-icon-svg {
    width: 20px !important;
    height: 20px !important;
	 margin-left: 8px !important;
  }

  body {
    overflow: visible !important;
    overflow-x: hidden !important;
  }

  html {
    overflow: visible !important;
    overflow-x: hidden !important;
  }
}
/* X_Zeichen beim Video verstecken */
.elementor-widget-cmsmasters-video__close-button {
  display: none !important;
}







/* ===== PLANITY WIDGET - CUSTOM STYLES ===== */

/* Löschen Button - weiße Schrift beim Hover */
.planity_ui_action_button_icon-remove:hover,
.planity_ui_action_button_icon-remove:hover span {
    color: #ffffff !important;
}

/* "Weitere Dienstleistungen" + "Weniger anzeigen" Button - Standard */
.planity_ui_showMoreservices,
#planitywl .button-module_underlined-H3lcl {
    background-color: transparent !important;
    border: 1px solid #1f385f !important;
    color: #1f385f !important;
    border-radius: 0 !important;
    --border-radius-medium: 0 !important;
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    padding: 14px 35px !important;
    text-decoration: none !important;
}

.planity_ui_showMoreservices span,
#planitywl .button-module_underlined-H3lcl span {
    color: #1f385f !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

/* Hover */
.planity_ui_showMoreservices:hover,
#planitywl .button-module_underlined-H3lcl:hover {
    background-color: #1f385f !important;
    border-color: #1f385f !important;
    color: #ffffff !important;
}

.planity_ui_showMoreservices:hover span,
#planitywl .button-module_underlined-H3lcl:hover span {
    color: #ffffff !important;
    font-weight: normal !important;
}

.planity_ui_showMoreservices::before,
#planitywl .button-module_underlined-H3lcl::before {
    display: none !important;
}

/* Alle Buttons im Planity Widget - viereckig */
#planitywl button {
    border-radius: 0 !important;
    --border-radius-medium: 0 !important;
}

/* AUSWÄHLEN Button - Hover Blau mit weißer Schrift */
.planity_appointment_button-choose:hover {
    background-color: #1f385f !important;
    border-color: #1f385f !important;
    color: #ffffff !important;
}

.planity_appointment_button-choose:hover span {
    color: #ffffff !important;
}

/* "Weniger Details anzeigen" Button - Hover weiße Schrift */
#planitywl .service-module_toggle-MAAsH:hover,
#planitywl .service-module_toggle-MAAsH:hover span {
    color: #ffffff !important;
}

/* "Weitere Details" Button - Abstand nach oben */
#planitywl .service-module_toggle-MAAsH {
    margin-top: 50px !important;
}

/* Planity - 100vh Whitespace Fix */
#planitywl .css-8xz9l5 {
    min-height: unset !important;
    height: auto !important;
}