/* Fringe Grapes tweaks for the Silktide cookie banner: smaller, and the same font as the website (Montserrat).
   Loaded AFTER silktide-consent-manager.css, so the vendor file itself stays untouched and can be updated. */
#stcm-wrapper {
  --fontFamily: "Montserrat", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  --primaryColor: #806792;
  --backgroundColor: #FFFFFF;
  --textColor: #1f1f1f;
  --iconColor: #806792;
  --iconBackgroundColor: #FFFFFF;
}

/* every element inside the banner uses the site font (buttons and toggles do not inherit it by default) */
#stcm-wrapper, #stcm-wrapper * { font-family: var(--fontFamily); }

/* ---- banner: smaller ---- */
#stcm-banner { width: 410px; padding: 20px 22px; border-radius: 10px; bottom: 14px; right: 14px; }
#stcm-banner p { font-size: 13px; line-height: 20px; margin: 0 0 10px; }
#stcm-banner .stcm-actions { margin-top: 14px; gap: 6px 10px; flex-wrap: wrap; }
#stcm-banner .stcm-actions-row { gap: 8px; flex-wrap: wrap; justify-content: flex-start; }
#stcm-banner .stcm-preferences-button { font-size: 13px; padding: 8px 0; }
#stcm-banner a.stcm-logo { width: 34px; height: 34px; }
#stcm-wrapper .stcm-button { font-size: 13px; line-height: 18px; padding: 8px 14px; border-radius: 6px; font-weight: 600; white-space: nowrap; }

/* ---- preferences window: smaller ---- */
#stcm-modal { width: 560px; padding: 22px; border-radius: 10px; }
#stcm-modal h1 { font-size: 18px; font-weight: 600; }
#stcm-modal header { margin-bottom: 12px; }
#stcm-modal section { margin-top: 18px; }
#stcm-modal p { font-size: 13px; line-height: 20px; }
#stcm-modal fieldset legend, #stcm-modal legend { font-size: 14px; }
#stcm-modal label, #stcm-modal .stcm-switch-label { font-size: 14px; }

/* ---- the small re-open icon ---- */
#stcm-icon { width: 42px; height: 42px; bottom: 12px; }

@media (max-width: 480px) {
  #stcm-banner { width: calc(100% - 20px); right: 10px; bottom: 10px; padding: 16px; }
}