/* Load after silktide-consent-manager.css — Zehnder brand (yellow panel, black text, blue buttons) */

#stcm-wrapper {
  --backgroundColor: #fcb222;
  --textColor: #000000;
  --primaryColor: #113f67;
  --iconColor: #113f67;
  --iconBackgroundColor: #fcb222;
  --fontFamily: var(--font-source-code-pro), ui-monospace, monospace;
}

#stcm-wrapper #stcm-backdrop {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#stcm-wrapper #stcm-banner,
#stcm-wrapper #stcm-modal {
  color: var(--textColor);
  border: 1px solid color-mix(in srgb, var(--textColor) 25%, transparent);
}

#stcm-wrapper #stcm-banner,
#stcm-wrapper #stcm-banner p {
  text-align: center;
}

#stcm-wrapper #stcm-modal p,
#stcm-wrapper #stcm-modal legend,
#stcm-wrapper #stcm-modal .stcm-consent-description {
  color: var(--textColor);
}

#stcm-wrapper #stcm-modal p {
  opacity: 1;
}

#stcm-wrapper #stcm-modal h1 {
  color: var(--textColor);
  font-weight: 700;
}

#stcm-wrapper a {
  color: var(--textColor);
  text-decoration: underline;
}

#stcm-wrapper a:hover {
  color: color-mix(in srgb, var(--textColor) 65%, white);
}

#stcm-wrapper .stcm-button-primary {
  background-color: var(--primaryColor) !important;
  color: var(--backgroundColor) !important;
  border-color: var(--primaryColor) !important;
}

#stcm-wrapper .stcm-button-primary:hover {
  opacity: 0.92;
}

#stcm-wrapper #stcm-banner .stcm-actions button.stcm-preferences-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 20px !important;
  line-height: 24px;
  flex-shrink: 0;
  background-color: var(--primaryColor) !important;
  color: var(--backgroundColor) !important;
  border: 2px solid var(--primaryColor) !important;
}

/* Mobile + tablet: equal-width stacked buttons (not shrink-to-fit labels) */
@media (max-width: 1023px) {
  #stcm-wrapper #stcm-banner .stcm-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  #stcm-wrapper #stcm-banner .stcm-actions .stcm-button,
  #stcm-wrapper #stcm-banner .stcm-actions .stcm-preferences-button {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
  }

  #stcm-wrapper #stcm-modal footer {
    flex-direction: column;
    align-items: stretch;
  }

  #stcm-wrapper #stcm-modal footer .stcm-button {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
  }
}

#stcm-wrapper #stcm-modal .stcm-modal-close {
  color: var(--primaryColor);
}

#stcm-wrapper #stcm-modal .stcm-modal-close svg {
  fill: var(--primaryColor);
}

#stcm-wrapper #stcm-modal .stcm-toggle input:checked + .stcm-toggle-track {
  background: var(--primaryColor);
}

#stcm-wrapper #stcm-modal .stcm-toggle-track {
  background: color-mix(in srgb, var(--primaryColor) 45%, var(--backgroundColor));
}

#stcm-wrapper #stcm-modal .stcm-toggle-thumb {
  background: var(--backgroundColor);
}

/* Site modals (Kontakt / Erstberatung) must stay sharp above consent UI */
body.site-modal-open #stcm-wrapper #stcm-backdrop,
body.site-modal-open #stcm-wrapper #stcm-modal,
body.site-modal-open #stcm-wrapper #stcm-banner {
  display: none !important;
  pointer-events: none !important;
}

/* Floating Cookie-Trigger: Nur noch über Footer-Link »COOKIES & TRACKING« */
#stcm-wrapper #stcm-icon {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#stcm-wrapper #stcm-banner a.stcm-logo,
#stcm-wrapper #stcm-modal footer a.stcm-credit-link,
#stcm-wrapper a.stcm-credit-link {
  display: none !important;
}