/* Custom styles for Silktide Consent Manager */

/* Override primary color to brand red */
#silktide-wrapper {
  --primaryColor: rgba(244, 48, 61, 1) !important;
}

/* All buttons use brand red */
#silktide-wrapper .st-button {
  background-color: rgba(244, 48, 61, 1) !important;
  border-color: rgba(244, 48, 61, 1) !important;
}

#silktide-wrapper .st-button:hover {
  background-color: rgba(244, 48, 61, 0.9) !important;
  border-color: rgba(244, 48, 61, 0.9) !important;
}

/* Secondary button (outline style) */
#silktide-wrapper .st-button--secondary {
  background-color: transparent !important;
  border-color: rgba(244, 48, 61, 1) !important;
  color: rgba(244, 48, 61, 1) !important;
}

#silktide-wrapper .st-button--secondary:hover {
  background-color: rgba(244, 48, 61, 0.1) !important;
}

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

/* Cookie icon color */
#silktide-wrapper {
  --cookieIconColor: rgba(244, 48, 61, 1) !important;
}

/* Links color */
#silktide-wrapper a:not([href*="silktide.com"]) {
  color: rgba(244, 48, 61, 1) !important;
}

#silktide-wrapper a:not([href*="silktide.com"]):hover {
  color: rgba(244, 48, 61, 0.8) !important;
}

/* SQUARE CORNERS - Remove all rounded edges */
#silktide-wrapper #silktide-banner,
#silktide-wrapper #silktide-modal,
#silktide-wrapper .st-button,
#silktide-wrapper #silktide-cookie-icon {
  border-radius: 0 !important;
}

/* Remove focus border radius too */
#silktide-wrapper a:focus,
#silktide-wrapper #silktide-banner button:focus,
#silktide-wrapper #silktide-modal button:focus {
  border-radius: 0 !important;
}

/* Cookie icon can stay round or make it square - your choice */
#silktide-wrapper #silktide-cookie-icon {
  border-radius: 0 !important; /* Square cookie icon */
  /* border-radius: 50% !important; */ /* Uncomment for round cookie icon */
  display: none !important; /* Hide floating cookie icon - use footer button instead */
}