/**
 * Klaro Cookie Consent - Wasatch Theme Customization
 * Notice Mode: Information only, no blocking
 */

/* Font sizes - Make less intrusive */

/* Notice banner */
.klaro .cookie-notice {
  font-size: 13px !important;
}

.klaro .cookie-notice .cn-body p {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.klaro .cookie-notice .cn-buttons button,
.klaro .cookie-notice .cn-buttons a {
  font-size: 12px !important;
  padding: 6px 12px !important;
}

/* Modal - smaller fonts */
.klaro .cm-modal {
  font-size: 13px !important;
}

.klaro .cm-modal .cm-header h1.title {
  font-size: 16px !important;
}

.klaro .cm-modal .cm-header p {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.klaro .cm-modal .cm-list-title {
  font-size: 13px !important;
}

.klaro .cm-modal .cm-list-description {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.klaro .cm-modal .cm-required {
  font-size: 11px !important;
}

.klaro .cm-modal .cm-caret a {
  font-size: 12px !important;
}

.klaro .cm-modal .purposes {
  font-size: 11px !important;
}

.klaro .cm-modal .cm-footer-buttons button {
  font-size: 12px !important;
  padding: 6px 14px !important;
}

/* Compact vertical spacing */

/* Modal header h1 line-height */
.klaro .cm-modal .cm-header h1.title {
  line-height: 1.2 !important;
}

/* Modal sections - reduce top/bottom padding */
.klaro .cm-modal .cm-header {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.klaro .cm-modal .cm-body {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.klaro .cm-modal .cm-footer {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* cm-purpose */
.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
  margin-top: 0 !important;
  min-height: auto !important;
  line-height: 1.3 !important;
}

.klaro .cm-modal .cm-body ul.cm-purposes li.cm-service {
  min-height: auto !important;
  line-height: 1.3 !important;
}

/* cm-list-label min-height */
.klaro .cm-modal .cm-list-label {
  min-height: auto !important;
}

.klaro .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded {
  margin-top: 2px !important;
}

/* Primary Buttons - Green gradient matching hero design */
.klaro .cn-buttons button,
.klaro .cn-buttons a,
.klaro .cm-buttons button,
.klaro button.cn-accept-all,
.klaro button.cn-decline,
.klaro a.cn-learn-more,
.klaro button.cn-learn-more,
.klaro button.cm-btn-accept-all,
.klaro button.cm-btn-accept,
.klaro button.cm-btn-save,
.klaro button.cm-btn-success {
  background: linear-gradient(135deg, #2e7d32, #43a047) !important;
  color: #fff !important;
  border-color: #2e7d32 !important;
}

/* Close button - Make bigger and centered */
.klaro button.cn-decline.klaro-close,
.klaro button.cm-btn-close {
  width: 40px !important;
  height: 40px !important;
  padding: 8px !important;
  font-size: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Toggle Switches - Green when active, smaller size */
.klaro .cm-switch input:checked + .slider,
.klaro .cm-list-input:checked + .cm-list-label .slider {
  background-color: #2e7d32 !important;
}

.klaro .cm-switch {
  width: 36px !important;
  height: 18px !important;
}

.klaro .cm-switch .slider {
  width: 36px !important;
  height: 18px !important;
}

.klaro .cm-switch .slider::before {
  width: 14px !important;
  height: 14px !important;
  top: 2px !important;
  left: 2px !important;
}

/* Z-index - Must be above navigation (9999) and dropdowns (10000) */
.klaro .cookie-notice,
.klaro .cookie-modal,
#cookieScreen,
.cm-modal.cm-klaro {
  z-index: 10001 !important;
}

.klaro .cm-bg,
.klaro .cookie-modal-bg {
  z-index: 10000 !important;
}