/* Site-wide vanilla-cookieconsent theme (Loyalita brand) */

#cc-main {
  --cc-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cc-z-index: 10000;
  --cc-bg: #ffffff;
  --cc-primary-color: #1f2a44;
  --cc-secondary-color: #6b7280;
  --cc-btn-primary-bg: #f05b5a;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #f05b5a;
  --cc-btn-primary-hover-bg: #f58d67;
  --cc-btn-primary-hover-border-color: #f58d67;
  --cc-btn-secondary-bg: #f3f4f6;
  --cc-btn-secondary-color: #1f2a44;
  --cc-btn-secondary-border-color: #e5e7eb;
  --cc-btn-secondary-hover-bg: #e5e7eb;
  --cc-btn-secondary-hover-color: #1f2a44;
  --cc-link-color: #f05b5a;
  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 10px;
  --cc-modal-margin: 16px;
  --cc-brand-gradient: linear-gradient(135deg, #f58d67 0%, #f05b5a 100%);
}

#cc-main .cm__btn:not(.cm__btn--secondary) {
  background: var(--cc-brand-gradient);
  border-color: transparent;
}

#cc-main .cm__btn:not(.cm__btn--secondary):hover {
  opacity: 0.9;
  background: var(--cc-brand-gradient);
  border-color: transparent;
}

#cc-main .cm--bottom.cm--center {
  left: 16px;
  right: 16px;
  max-width: 42rem;
}

@media (max-width: 767px) {
  #cc-main {
    --cc-modal-margin: 8px;
  }

  #cc-main .cm--bottom.cm--center {
    left: 8px;
    right: 8px;
  }
}