/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* ===== Interactive card (Tooltip-Popup mobil) ===== */
@media (max-width: 768px) {
  .nttip.open {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80vw !important;
    height: auto !important;
    filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.25)) !important;
  }
  .nttip.open .inner {
    all: unset !important;
    display: block !important;
    padding: 30px 20px 20px 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }
  .nttip.open .tipclose {
    all: unset !important;
    display: block !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    cursor: pointer !important;
  }
}

/* ===== Mobiler Header ausblenden ===== */
@media (max-width: 767px) {
  .nectar-mobile-only.mobile-header {
    display: none !important;
  }
}

/* ===== Complianz Cookie-Banner ===== */
#cmplz-document p > i {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
}
.cmplz-cookiebanner li::before,
.cmplz-cookiebanner a::before {
  display: none !important;
}
.cmplz-cookiebanner ul,
.cmplz-cookiebanner li {
  list-style: none !important;
}
/* Falls Theme Bullets über ::before reinhaut */
.cmplz-cookiebanner a::before,
.cmplz-cookiebanner .cmplz-manage-consent::before {
  content: none !important;
}

/* ===== Kontaktformular Grid-Layout ===== */
.kontakt-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Abstand zwischen den Feldern */
}
/* zwei Spalten */
.kontakt-grid .half {
  width: calc(50% - 10px);
}
/* volle Breite */
.kontakt-grid .full {
  width: 100%;
}
/* Pflichtfeld-Hinweis vertikal mittig */
.kontakt-grid .field-note {
  display: flex;
  align-items: center;
}
/* Felder sollen die ganze Spaltenbreite nehmen */
.kontakt-grid input,
.kontakt-grid textarea {
  width: 100%;
}
/* Mobile: alles untereinander */
@media (max-width: 768px) {
  .kontakt-grid .half {
    width: 100%;
  }
}

/* ===== Liste ===== */
.nectar-list-item {
  font-size: 18px !important;
}
.nectar-hor-list-item .nectar-list-item:first-child {
  font-weight: 700 !important;
  font-size: 20px !important;
}

/* ===== FAQ Titles ===== */
.toggles.accordion .toggle-title a {
  font-size: 20px !important;
  font-weight: 500 !important;
}

/* ===== Image Points (Hotspots) ===== */
.nectar_image_with_hotspots[data-size=medium] .nectar_hotspot {
  height: 36px !important;
  width: 36px !important;
  line-height: 36px !important;
  font-size: 18px !important;
}

/* ===== Scribble Underline ===== */
body .nectar-scribble.squiggle-underline {
  bottom: -50% !important;
}
#leistungen-preview .squiggle-underline {
  bottom: -40% !important;
}
/* Hinweis: Es gab hier zusätzlich eine dritte, kaputte Regel
   (".nectar-scribble squiggle-underline { bottom: -60% !important }" –
   fehlender Punkt vor "squiggle-underline", daher nie wirksam).
   Wurde entfernt. Falls -60% irgendwo tatsächlich gewollt war,
   bitte mit korrektem Selektor neu ergänzen. */

/* ===== Divider Fill ===== */
.nectar-shape-divider-wrap.no-color .nectar-shape-divider {
  fill: #f8f8f8 !important;
}

/* ===== h1 Start ===== */
.nectar-split-heading[data-custom-font-size="true"] h1 {
  font-weight: 700 !important;
}

/* ===== Menü mobil Unterpunkte ===== */
#slide-out-widget-area .off-canvas-menu-container .sub-menu li a {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  padding-right: 30px !important;
}
#slide-out-widget-area .off-canvas-menu-container .sub-menu li {
  box-sizing: border-box !important;
  max-width: 100% !important;
}
#slide-out-widget-area .off-canvas-menu-container .sub-menu li,
#slide-out-widget-area .off-canvas-menu-container .sub-menu li a {
  font-size: 16px !important;
}

/* ===== Kontaktformular (Fancy Form) ===== */
body[data-fancy-form-rcs="1"] .fancy-select-wrap .field-label {
  color: #000 !important;
}
body[data-fancy-form-rcs="1"] .fancy-select-wrap .field-label,
.field-label {
  font-size: 22px !important;
}
span[data-name="select-307"],
span[data-name="select-571"],
span[data-name="your-message"] {
  padding-top: 12px !important;
}

/* ===== Social Buttons ===== */
.nectar_icon_wrap {
  float: right !important;
  margin-left: 15px !important;
}