/* Brand overrides for vanilla-cookieconsent — Shop-Makers */
/* VERSION: Modal center (blocking) */

:root {
  --cc-bg: #fff;
  --cc-primary-color: #0c1141;
  --cc-secondary-color: #1a3056;
  --cc-btn-primary-bg: #0c1141;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #0c1141;
  --cc-btn-primary-hover-bg: #1a3056;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #1a3056;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #0c1141;
  --cc-btn-secondary-border-color: #0c1141;
  --cc-btn-secondary-hover-bg: #b6dade;
  --cc-btn-secondary-hover-color: #0c1141;
  --cc-btn-secondary-hover-border-color: #0c1141;
  --cc-toggle-on-bg: #0c1141;
  --cc-toggle-off-bg: #b6dade;
  --cc-toggle-readonly-bg: #89c5cc;
  --cc-toggle-knob-bg: #fff;
  --cc-cookie-category-block-bg: #fafafa;
  --cc-cookie-category-block-bg-hover: #f5f5f5;
  --cc-overlay-bg: rgba(12, 17, 65, 0.7);
  --cc-link-color: #89c5cc;
  --cc-separator-border-color: #eeeeee;
  --cc-font-family: 'Poppins', sans-serif;
}

/* Modal box — centered */
#cc-main .cm {
  border-radius: 12px;
  box-shadow: 0 8px 40px rgba(12, 17, 65, 0.2);
  max-width: 480px;
  padding: 8px;
}

#cc-main .cm__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

#cc-main .cm__desc {
  font-size: 14px;
  line-height: 1.6;
}

/* Buttons */
#cc-main .cm__btn {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  border-radius: 8px;
  padding: 12px 24px;
}

/* Preferences modal */
#cc-main .pm {
  border-radius: 12px;
}

#cc-main .pm__title {
  font-weight: 600;
}

#cc-main .pm__section {
  border-bottom-color: #eeeeee;
}

/* Links — navy with teal hover */
#cc-main a {
  color: #1a3056;
  text-decoration: underline;
}

#cc-main a:hover {
  color: #89c5cc;
}