/* Silktide Consent Manager - design overrides.
   Same override set as onnoplus/website (website-v2, src/pages/_document.tsx),
   with colours and font switched to ReviewHero's brand. */

#stcm-wrapper {
  --boxShadow:
    -5px 5px 10px 0px #00000012,
    0px 0px 50px 0px #0000001a;

  --fontFamily: 'Public Sans', Helvetica, Arial, sans-serif;

  --primaryColor: #2c5bd4;
  --backgroundColor: #FFFFFF;
  --textColor: #33475B;

  --backdropBackgroundColor: #00000033;
  --backdropBackgroundBlur: 0px;

  --iconColor: #2c5bd4;
  --iconBackgroundColor: #FFFFFF;
}


/* Buttons use the site font too (Silktide's buttons don't inherit --fontFamily) */

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


/* Banner sizing */

#stcm-banner {
  width: 600px;
  max-width: calc(100% - 32px);
}


/* Banner actions */

#stcm-banner .stcm-actions {
  align-items: stretch;
}

#stcm-banner .stcm-actions-row {
  flex: 1;
  min-width: 0;
}

#stcm-banner .stcm-button {
  min-width: 0;
}


/* "Nur notwendige" = outlined secondary action */

#stcm-banner .stcm-reject-all,
#stcm-modal .stcm-modal-reject-all {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #2c5bd4 !important;
  border: 2px solid #2c5bd4 !important;
  box-shadow: none !important;
}

#stcm-banner .stcm-reject-all:hover,
#stcm-modal .stcm-modal-reject-all:hover {
  background: #FFF4EF !important;
  background-color: #FFF4EF !important;
  color: #2c5bd4 !important;
}


/* Center ON / OFF */

#stcm-wrapper .stcm-toggle-on,
#stcm-wrapper .stcm-toggle-off {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}


/* Remove Silktide credit */

#stcm-wrapper .stcm-credit-link,
#stcm-modal .stcm-credit-link,
#stcm-wrapper a[href*="silktide.com"] {
  display: none !important;
}


/* Hide the permanent floating cookie icon. Silktide re-shows it via inline
   style after the banner/modal closes, hence !important. Preferences are
   reopened from the "Cookie-Einstellungen" footer button instead. */

#stcm-icon {
  display: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  #stcm-banner {
    max-width: calc(100% - 24px);
  }

  #stcm-wrapper .stcm-modal-title {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  #stcm-wrapper .stcm-modal-description {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  #stcm-wrapper .stcm-consent-type-title {
    font-size: 17px !important;
    line-height: 1.3 !important;
  }

  #stcm-wrapper .stcm-consent-type-description {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  #stcm-wrapper .stcm-button {
    font-size: 16px !important;
  }

  #stcm-wrapper .stcm-toggle-on,
  #stcm-wrapper .stcm-toggle-off {
    font-size: 14px !important;
    line-height: 1 !important;
  }

  #stcm-banner .stcm-actions {
    width: 100%;
  }

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