/* Silktide Consent Manager theme. Load after silktide-consent-manager.css.
   Colors use Silktide's documented #stcm-wrapper variables.
   Orange is reserved for the icon mark: cream text on orange is below 4.5:1. */

#stcm-wrapper {
  --fontFamily: "Inter", Arial, sans-serif;
  --primaryColor: #24104f;
  --backgroundColor: #fbfaf7;
  --textColor: #17151d;
  --iconColor: #24104f;
  --iconBackgroundColor: #f66327;
  --boxShadow: 0 12px 28px rgba(36, 16, 79, 0.12);
  --backdropBackgroundColor: rgba(36, 16, 79, 0.45);
  --backdropBackgroundBlur: 2px;
}

#stcm-banner,
#stcm-modal {
  box-shadow: var(--boxShadow);
  border: 1px solid rgba(36, 16, 79, 0.12);
}

#stcm-banner {
  padding: 16px 20px 14px;
}

#stcm-banner.stcm-pos-bottom-right {
  bottom: 8px;
}

#stcm-banner p {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
}

#stcm-banner .stcm-actions {
  margin-top: 12px;
  gap: 12px;
}

#stcm-wrapper h1 {
  max-width: none;
  margin: 0;
  color: var(--textColor);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
}

#stcm-wrapper button,
#stcm-wrapper input,
#stcm-wrapper .stcm-button {
  font-family: var(--fontFamily);
}

#stcm-wrapper .stcm-button {
  border-radius: 0;
  font-weight: 700;
  letter-spacing: 0;
}

#stcm-banner .stcm-accept-all,
#stcm-banner .stcm-reject-all {
  min-height: 44px;
  white-space: nowrap;
  box-sizing: border-box;
}

#stcm-banner .stcm-preferences-button {
  min-height: 44px;
  font-weight: 700;
}

#stcm-wrapper a:focus,
#stcm-wrapper #stcm-banner button:focus,
#stcm-wrapper #stcm-modal button:focus,
#stcm-wrapper #stcm-icon:focus,
#stcm-modal .stcm-toggle:focus-within {
  outline: 2px solid #24104f;
  outline-offset: 3px;
  border-radius: 0;
}

#stcm-wrapper #stcm-icon:focus {
  border-radius: 50%;
}

#stcm-icon {
  width: 48px;
  height: 48px;
  bottom: 16px;
  left: auto;
  right: 16px;
}

@media (max-width: 599px) {
  #stcm-banner {
    left: 16px;
    right: 16px;
    width: auto;
    max-width: none;
  }

  #stcm-banner .stcm-accept-all,
  #stcm-banner .stcm-reject-all {
    width: 100%;
  }
}


/* Preserve the consent title's appearance after its semantic H2 correction. */
#stcm-wrapper #stcm-modal header > h2 {
  font-family: var(--fontFamily);
  max-width: none;
  margin: 0;
  color: var(--textColor);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
}