/* ------------------------------------------------------------------ *
 *  Vozinha.Football theme override for silktide/consent-manager.
 *  Loaded AFTER silktide-consent-manager.css so these win the cascade.
 *  Snaps the banner/modal to the site palette + fonts, and removes the
 *  floating cookie button (opt-out lives in the footer instead).
 * ------------------------------------------------------------------ */

#stcm-wrapper {
  --fontFamily: 'Fira Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --primaryColor: #FFD100;              /* brand yellow — primary action + toggles */
  --backgroundColor: #06111f;            /* ink panel */
  --textColor: #ffffff;
  --boxShadow: 0 40px 80px -30px rgba(0, 0, 0, .72), 0 0 0 1px rgba(255, 255, 255, .08);
  --backdropBackgroundColor: rgba(6, 17, 31, .72);
  --backdropBackgroundBlur: 6px;
  --iconColor: #06111f;
  --iconBackgroundColor: #FFD100;
}

/* No hovering cookie button — footer link is the permanent opt-out. */
#stcm-wrapper #stcm-icon { display: none !important; }

/* Remove every outbound Silktide link/brand mark (banner logo + modal credit). */
#stcm-wrapper .stcm-logo,
#stcm-wrapper .stcm-credit-link { display: none !important; }

/* Display type for headings to match the rest of the site. */
#stcm-wrapper #stcm-banner .stcm-title,
#stcm-wrapper #stcm-modal h1 {
  font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  font-weight: 900;
  letter-spacing: .01em;
  text-transform: uppercase;
}

/* Compact sizing — the stock banner (600px) and modal (800px) are oversized.
   Tighten width, padding and type so it stays unobtrusive. */
#stcm-wrapper #stcm-banner {
  width: 372px;
  padding: 20px 22px;
  border-radius: 16px;
}
#stcm-wrapper #stcm-banner p {
  font-size: 13px;
  line-height: 19px;
  margin: 0 0 12px;
}
#stcm-wrapper #stcm-banner .stcm-actions { margin-top: 15px; gap: 10px; }
#stcm-wrapper #stcm-banner .stcm-actions-row { gap: 10px; }
#stcm-wrapper #stcm-banner .stcm-preferences-button { padding: 8px 0; font-size: 13.5px; }

#stcm-wrapper #stcm-modal {
  width: 440px;
  padding: 24px;
  border-radius: 16px;
}
#stcm-wrapper #stcm-modal header { margin-bottom: 14px; }
#stcm-wrapper #stcm-modal h1 { font-size: 22px; }
#stcm-wrapper #stcm-modal p { font-size: 13px; line-height: 19px; }
#stcm-wrapper #stcm-modal fieldset { margin: 0; }

/* Smaller buttons across banner + modal. */
#stcm-wrapper .stcm-button { padding: 9px 17px; font-size: 14px; }

/* "Reject" buttons (banner + modal) — quieter outline so "Accept" reads as the
   primary action. They ship as .stcm-button-primary, so target reject directly. */
#stcm-wrapper .stcm-reject-all,
#stcm-wrapper .stcm-modal-reject-all,
#stcm-wrapper .stcm-button-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, .34);
}
#stcm-wrapper .stcm-reject-all:hover,
#stcm-wrapper .stcm-modal-reject-all:hover,
#stcm-wrapper .stcm-button-secondary:hover {
  background-color: rgba(255, 255, 255, .1);
  color: #ffffff;
}