/* Custom Silktide Consent Banner styles for CCS Logistics */

/* Banner background and border */
#cookieBanner, .cookie-banner, .cookie-banner__container {
  background: #fff !important;
  color: #181A1B !important;
  border-radius: 1rem !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
  font-family: 'Satoshi', 'Inter', 'Arial', sans-serif !important;
}

/* Banner text */
.cookie-banner__description, .cookie-banner__title, .cookie-banner__preferences-description {
  color: #181A1B !important;
  font-family: 'Satoshi', 'Inter', 'Arial', sans-serif !important;
}

/* Primary button */
.cookie-banner__button--accept, .cookie-banner__button--primary {
  background: hsl(250,95%,64%) !important;
  color: #fff !important;
  border-radius: 0.5rem !important;
  font-weight: 600 !important;
  font-family: 'Satoshi', 'Inter', 'Arial', sans-serif !important;
  box-shadow: 0 2px 8px rgba(91,111,255,0.08) !important;
}

/* Secondary/Reject/Preferences buttons */
.cookie-banner__button--secondary, .cookie-banner__button--reject, .cookie-banner__button--preferences {
  background: #f3f4f6 !important;
  color: #181A1B !important;
  border-radius: 0.5rem !important;
  font-weight: 500 !important;
  font-family: 'Satoshi', 'Inter', 'Arial', sans-serif !important;
}

/* Checkbox and toggles */
.cookie-banner__toggle input[type="checkbox"]:checked + .cookie-banner__toggle-slider {
  background: hsl(250,95%,64%) !important;
}

/* Icon position and style */
.cookie-banner__icon {
  color: hsl(250,95%,64%) !important;
}

/* Preferences modal */
.cookie-banner__preferences {
  background: #fff !important;
  color: #181A1B !important;
  border-radius: 1rem !important;
  font-family: 'Satoshi', 'Inter', 'Arial', sans-serif !important;
}

/* Responsive tweaks */
@media (max-width: 600px) {
  #cookieBanner, .cookie-banner, .cookie-banner__container {
    border-radius: 0.5rem !important;
    margin: 0.5rem !important;
  }
}