/* Hertfordshire Cleaners — branded Klaro overrides
   Site palette: navy #0B1F3A | green #3DAA5C | blue #4A7DC5 */

/* CSS variable overrides */
.klaro {
  --font-family: 'DM Sans', sans-serif;
  --font-size: 14px;
  --dark1: #0B1F3A;
  --dark2: #1A3560;
  --dark3: #8FA3BF;
  --light1: #F0F4F8;
  --light2: #1A3560;
  --light3: #8FA3BF;
  --green1: #3DAA5C;
  --green2: #2E9050;
  --green3: #5FC77A;
  --blue1: #4A7DC5;
  --blue2: #6B9DD9;
  --white1: #FFFFFF;
  --border-radius: 10px;
  --border-style: solid;
  --border-width: 1px;
  --button-text-color: #FFFFFF;
}

/* Cookie notice (the bottom bar) */
.klaro .cookie-notice:not(.cookie-modal-notice) {
  background-color: #0B1F3A !important;
  border-top: 3px solid #3DAA5C !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.25) !important;
}

@media (min-width: 1024px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    border-radius: 10px !important;
    border-top: 3px solid #3DAA5C !important;
    border: 1px solid #1A3560 !important;
    border-top: 3px solid #3DAA5C !important;
  }
}

/* Notice body text */
.klaro .cookie-notice .cn-body p,
.klaro .cookie-notice .cn-body strong {
  color: #D0DCF0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* Accept all button — green CTA */
.klaro .cm-btn.cm-btn-success {
  background-color: #3DAA5C !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  transition: background-color 0.2s ease !important;
}

.klaro .cm-btn.cm-btn-success:hover {
  background-color: #2E9050 !important;
}

/* Decline all button — subtle */
.klaro .cm-btn.cm-btn-danger,
.klaro .cm-btn:not(.cm-btn-success):not(.cm-btn-info):not(.cm-btn-close) {
  background-color: #1A3560 !important;
  color: #D0DCF0 !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
}

/* Manage preferences / learn more link */
.klaro .cookie-notice .cn-learn-more a,
.klaro .cookie-notice a,
.klaro .cookie-modal a {
  color: #3DAA5C !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
}

/* Cookie modal (full settings panel) */
.klaro .cookie-modal .cm-modal.cm-klaro {
  background-color: #0B1F3A !important;
  border: 1px solid #1A3560 !important;
  border-top: 3px solid #3DAA5C !important;
  border-radius: 10px !important;
}

.klaro .cookie-modal .cm-modal .cm-header {
  border-bottom-color: #1A3560 !important;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
  font-weight: 600 !important;
}

.klaro .cookie-modal .cm-modal .cm-body p,
.klaro .cookie-modal .cm-modal .cm-body li,
.klaro .cookie-modal .cm-modal .cm-body strong {
  color: #D0DCF0 !important;
}

.klaro .cookie-modal .cm-modal .cm-footer {
  border-top-color: #1A3560 !important;
  background-color: #061526 !important;
  border-radius: 0 0 10px 10px !important;
}

/* Toggle switch active colour */
.klaro .cm-list-input:checked + .cm-list-label .slider {
  background-color: #3DAA5C !important;
}

/* Service name */
.klaro .cm-list-title {
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

/* Service description */
.klaro .cm-list-description {
  color: #8FA3BF !important;
}

/* Divider lines */
.klaro .cm-switch-container {
  border-bottom-color: #1A3560 !important;
}

/* Powered by text — hide it */
.klaro .cm-powered-by {
  display: none !important;
}

/* Close button */
.klaro .cookie-modal .cm-modal .hide svg {
  stroke: #D0DCF0 !important;
}