/*
 * RentBuzz brand theme overrides for Silktide consent manager.
 * Loaded AFTER silktide-consent-manager.css so these values win.
 *
 * Brand tokens (from apps/web/tailwind.config.ts + CLAUDE.md):
 *   brand teal-500  #0D9488  primary actions
 *   brand teal-600  #0F766E  hover
 *   stone-900       #1C1917  primary text
 *   stone-600       #57534E  secondary text
 *   cream-50        #FDFAF5  warm page background
 *   border          #E7E5E4  subtle borders
 */

#stcm-wrapper {
  --fontFamily:
    'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;

  /* Primary colour — used on primary buttons, links, focused outlines */
  --primaryColor: #0d9488;

  /* Background of banner / modal surfaces */
  --backgroundColor: #fdfaf5;

  /* Main text colour */
  --textColor: #1c1917;

  /* Backdrop behind modal (preferences) */
  --backdropBackgroundColor: rgba(28, 25, 23, 0.4);
  --backdropBackgroundBlur: 4px;

  /* Cookie icon (bottom-left) — hidden via rule below but vars still declared */
  --iconColor: #ffffff;
  --iconBackgroundColor: #0d9488;

  /* Softer elevation on the brand cream surface */
  --boxShadow:
    0 1px 3px 0 rgb(0 0 0 / 0.08), 0 8px 24px -4px rgb(28 25 23 / 0.12);
}

/* Primary button — on brand teal with white text, hover to teal-600 */
#stcm-wrapper .stcm-button-primary {
  background-color: #0d9488;
  color: #ffffff;
  border: 1px solid #0d9488;
  font-weight: 600;
  letter-spacing: 0.01em;
}
#stcm-wrapper .stcm-button-primary:hover {
  background-color: #0f766e;
  color: #ffffff;
  border-color: #0f766e;
}

/* Secondary / reject button — cream surface with teal border */
#stcm-wrapper .stcm-reject-all {
  background-color: #fdfaf5;
  color: #0d9488;
  border: 1px solid #0d9488;
}
#stcm-wrapper .stcm-reject-all:hover {
  background-color: rgba(13, 148, 136, 0.05);
  color: #0f766e;
  border-color: #0f766e;
}

/* Preferences / tertiary link-style button */
#stcm-wrapper .stcm-preferences-button {
  color: #57534e;
  background: transparent;
}
#stcm-wrapper .stcm-preferences-button:hover {
  color: #0d9488;
}

/* Anchor tags inside banner text — brand teal, underline on hover */
#stcm-wrapper a {
  color: #0d9488;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#stcm-wrapper a:hover {
  color: #0f766e;
}

/* Banner rounding + subtle border to match our card pattern */
#stcm-wrapper .stcm-prompt {
  border: 1px solid #e7e5e4;
  border-radius: 12px;
}

/*
 * HIDE the persistent cookie icon entirely (#stcm-icon is Silktide's
 * bottom-left floating button).
 * GDPR: users must still be able to withdraw consent — handled via the
 * "Cookievoorkeuren" link in the footer, which calls
 * silktideConsentManager.resetConsent() to re-show the banner.
 */
#stcm-icon {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}