/* Cookie Banner Dark Theme Override for MonApp.pro */
/* Matrix-style dark theme matching the site */

.cookie-consent-banner {
  background: rgba(0, 0, 0, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  border-top: 1px solid #00ff88 !important;
  box-shadow: 0 -8px 32px rgba(0, 255, 136, 0.2), 0 0 0 1px rgba(0, 255, 136, 0.1) inset !important;
}

.cookie-consent-banner__content {
  color: #e0e0e0 !important;
}

.cookie-consent-banner__title {
  color: #00ff88 !important;
  font-family: 'JetBrains Mono', monospace !important;
}

.cookie-consent-banner__description {
  color: #b0b0b0 !important;
}

.cookie-consent-banner__description a {
  color: #00ff88 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #00ff88 !important;
}

.cookie-consent-banner__description a:hover {
  color: #00ff88 !important;
  opacity: 0.8 !important;
}

/* Buttons - Equal prominence */
.cookie-consent-banner__button {
  background: rgba(0, 255, 136, 0.1) !important;
  color: #00ff88 !important;
  border: 1px solid #00ff88 !important;
  font-family: 'JetBrains Mono', monospace !important;
  transition: all 0.3s ease !important;
}

.cookie-consent-banner__button:hover {
  background: rgba(0, 255, 136, 0.2) !important;
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.3) !important;
  transform: translateY(-2px) !important;
}

.cookie-consent-banner__button--accept {
  background: rgba(0, 255, 136, 0.15) !important;
  color: #00ff88 !important;
  border: 1px solid #00ff88 !important;
}

.cookie-consent-banner__button--accept:hover {
  background: rgba(0, 255, 136, 0.25) !important;
}

.cookie-consent-banner__button--reject {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.cookie-consent-banner__button--reject:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.cookie-consent-banner__button--settings {
  background: transparent !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.3) !important;
}

.cookie-consent-banner__button--settings:hover {
  background: rgba(0, 255, 136, 0.1) !important;
}

/* Preferences Modal */
.cookie-preferences-modal {
  background: rgba(0, 0, 0, 0.98) !important;
  backdrop-filter: blur(30px) !important;
}

.cookie-preferences-modal__container {
  background: #0a0a0a !important;
  border: 1px solid #00ff88 !important;
  box-shadow: 0 0 50px rgba(0, 255, 136, 0.3) !important;
  color: #e0e0e0 !important;
}

.cookie-preferences-modal__dialog {
  background: #0a0a0a !important;
  border: 1px solid #00ff88 !important;
  box-shadow: 0 0 50px rgba(0, 255, 136, 0.3) !important;
  color: #e0e0e0 !important;
}

.cookie-preferences-modal__content {
  background: #0a0a0a !important;
  color: #e0e0e0 !important;
}

.cookie-preferences-modal__header {
  border-bottom: 1px solid rgba(0, 255, 136, 0.3) !important;
}

.cookie-preferences-modal__title {
  color: #00ff88 !important;
  font-family: 'JetBrains Mono', monospace !important;
}

.cookie-preferences-modal__close {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.cookie-preferences-modal__close:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #00ff88 !important;
}

.cookie-category {
  border: 1px solid rgba(0, 255, 136, 0.2) !important;
  background: rgba(0, 255, 136, 0.05) !important;
}

.cookie-category__header {
  background: rgba(0, 255, 136, 0.1) !important;
}

.cookie-category__title {
  color: #00ff88 !important;
  font-family: 'JetBrains Mono', monospace !important;
}

.cookie-category__description {
  color: #b0b0b0 !important;
}

.cookie-category__examples {
  background: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(0, 255, 136, 0.2) !important;
  color: #b0b0b0 !important;
}

.cookie-example {
  border-bottom: 1px solid rgba(0, 255, 136, 0.1) !important;
}

.cookie-example:last-child {
  border-bottom: none !important;
}

.cookie-example__name {
  color: #00ff88 !important;
  font-family: 'JetBrains Mono', monospace !important;
}

.cookie-example__purpose,
.cookie-example__duration {
  color: #b0b0b0 !important;
}

/* Toggle Switch */
.cookie-toggle {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.cookie-toggle.active {
  background: rgba(0, 255, 136, 0.3) !important;
  border-color: #00ff88 !important;
}

.cookie-toggle__slider {
  background: #ffffff !important;
}

.cookie-toggle.active .cookie-toggle__slider {
  background: #00ff88 !important;
  box-shadow: 0 0 10px rgba(0, 255, 136, 0.5) !important;
}

/* Footer actions */
.cookie-preferences-modal__footer {
  border-top: 1px solid rgba(0, 255, 136, 0.3) !important;
  background: rgba(0, 0, 0, 0.5) !important;
}

.cookie-preferences-modal__button--save {
  background: rgba(0, 255, 136, 0.2) !important;
  color: #00ff88 !important;
  border: 1px solid #00ff88 !important;
  font-family: 'JetBrains Mono', monospace !important;
}

.cookie-preferences-modal__button--save:hover {
  background: rgba(0, 255, 136, 0.3) !important;
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.3) !important;
}

.cookie-preferences-modal__button--cancel {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  font-family: 'JetBrains Mono', monospace !important;
}

.cookie-preferences-modal__button--cancel:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}