@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');

/* Typeface */
.delve-cookie-banner,
.delve-cookie-banner *,
.delve-settings-modal,
.delve-settings-modal * {
  font-family: 'Open Runde', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Banner: dark */
.delve-cookie-banner {
  background: #1b1b1b !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.delve-cookie-banner * {
  line-height: 1.15 !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Buttons on banner */
.delve-cookie-banner .delve-btn-primary,
.delve-cookie-banner .delve-btn-secondary,
.delve-cookie-banner .delve-btn-tertiary {
  background: rgba(45, 45, 45, 1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  transform: none !important;
}

.delve-cookie-banner .delve-btn-primary:hover,
.delve-cookie-banner .delve-btn-secondary:hover,
.delve-cookie-banner .delve-btn-tertiary:hover {
  background: rgba(55, 55, 55, 1) !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

.delve-cookie-banner .delve-preferences-link {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: underline !important;
}

.delve-banner-icon { display: none !important; }

/* Make only the banner's Delve logo dark (visible) */
.delve-cookie-banner .delve-powered-by img {
  filter: invert(1) brightness(0.25) !important;
  -webkit-filter: invert(1) brightness(0.25) !important;
}

/* In case it's an inline SVG */
.delve-cookie-banner .delve-powered-by svg,
.delve-cookie-banner .delve-powered-by svg * {
  fill: #0f0f10 !important;
  color: #0f0f10 !important;
}

/* Keep modal light for readability */
.delve-settings-modal {
  background: #fff !important;
  color: #111827 !important;
}

.delve-settings-modal *:not(.delve-btn-primary):not(.delve-toggle.enabled) {
  color: #111827 !important;
}

.delve-settings-title,
.delve-category-name,
.delve-category-description,
.delve-settings-modal p,
.delve-settings-modal label,
.delve-settings-modal div {
  color: #111827 !important;
}

/* Modal tables/borders */
.delve-cookie-table-header,
.delve-cookie-table thead,
.delve-cookie-table thead tr,
.delve-cookie-table thead th,
.delve-cookie-table-row.header {
  background: #F3F4F6 !important;
  color: #111827 !important;
}

.delve-cookie-table,
.delve-cookie-table td,
.delve-cookie-table th,
.delve-cookie-table tr {
  border-color: #E5E7EB !important;
}

.delve-cookie-table-row { border-bottom: 1px solid #E5E7EB !important; }

/* Toggles */
.delve-toggle { background: #D1D5DB !important; }
.delve-toggle.enabled { background: #2483E2 !important; }

/* Modal actions/footer */
.delve-settings-actions,
.delve-modal-actions {
  background: #F9FAFB !important;
  border-top: 1px solid #E5E7EB !important;
}

.delve-settings-footer,
.delve-modal-footer {
  background: #F9FAFB !important;
  color: #6B7280 !important;
  border-top: 1px solid #E5E7EB !important;
}

/* Modal logos should stay normal (not inverted) */
.delve-settings-footer img,
.delve-modal-footer img {
  filter: none !important;
  -webkit-filter: none !important;
}

/* Modal buttons */
.delve-settings-modal .delve-btn {
  font-family: 'Open Runde', 'Open Sans', sans-serif !important;
}

.delve-settings-modal .delve-btn-primary {
  background: #2483E2 !important;
  color: #fff !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.delve-settings-modal .delve-btn-primary:hover { background: #1a6bc2 !important; }

.delve-settings-modal .delve-btn-primary:focus,
.delve-settings-modal .delve-btn-primary:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.delve-settings-modal .delve-btn-secondary {
  color: #111827 !important;
  background: transparent !important;
  border: 1px solid #D1D5DB !important;
  box-shadow: none !important;
  transform: none !important;
}

.delve-settings-modal .delve-btn-secondary:hover { background: #F9FAFB !important; }

.delve-settings-privacy,
.delve-settings-privacy * { color: #6B7280 !important; background: transparent !important; }

.delve-settings-privacy a {
  color: #6B7280 !important;
  background: none !important;
  padding: 0 !important;
  text-decoration: underline !important;
}

.delve-settings-privacy a:hover { color: #4B5563 !important; }

/* Keep modal light even in system dark mode */
@media (prefers-color-scheme: dark) {
  .delve-settings-modal { background: #fff !important; color: #111827 !important; }
  .delve-settings-modal *:not(.delve-btn-primary):not(.delve-toggle.enabled) { color: #111827 !important; }
  
  .delve-cookie-table-header,
  .delve-cookie-table thead,
  .delve-cookie-table thead tr,
  .delve-cookie-table thead th,
  .delve-cookie-table-row.header { background: #F3F4F6 !important; color: #111827 !important; }
  
  .delve-cookie-table,
  .delve-cookie-table td,
  .delve-cookie-table th,
  .delve-cookie-table tr { border-color: #E5E7EB !important; }
  
  .delve-cookie-table-row { border-bottom: 1px solid #E5E7EB !important; }
  
  .delve-toggle { background: #D1D5DB !important; }
  .delve-toggle.enabled { background: #2483E2 !important; }
  
  .delve-settings-actions,
  .delve-modal-actions { background: #F9FAFB !important; border-top: 1px solid #E5E7EB !important; }
  
  .delve-settings-footer,
  .delve-modal-footer { background: #F9FAFB !important; color: #6B7280 !important; border-top: 1px solid #E5E7EB !important; }
  
  .delve-settings-footer img,
  .delve-modal-footer img { filter: none !important; -webkit-filter: none !important; }
  
  .delve-settings-privacy,
  .delve-settings-privacy * { color: #6B7280 !important; }
}