/*
 * Site-specific skin for the Ultimate GDPR toolkit's settings modal.
 * The vendor CSS (ct-ultimate-gdpr.min.css) hardcodes its own blue/green
 * accents and doesn't expose them via the JS options, so this file loads
 * after it and restyles just the pieces that clashed with mdomus's
 * graphic chart (see css/mdomus.css for --accent, --text, --bg-alt).
 */

/* Save & close button: match the site's own buttons instead of vendor blue */
.ct-ultimate-gdpr-cookie-modal-btn a {
  appearance: none;
  background: transparent;
  color: var(--text);
  border: 1px solid var(--accent);
  border-radius: 0;
  font-family: "Source Serif Pro", serif;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 400;
  padding: 13px 26px;
}

.ct-ultimate-gdpr-cookie-modal-btn a:hover {
  background: var(--accent);
  color: #fff;
}

/* Category pill/track and its active icon: vendor green -> site accent */
.ct-ultimate-gdpr-slider {
  border-color: var(--accent);
}

.ct-ultimate-gdpr-cookie-modal-slider-item--active .fas,
.ct-ultimate-gdpr-cookie-modal-slider-item--selected .fas {
  color: var(--accent);
}

.ct-ultimate-gdpr-cookie-modal-slider li.ct-ultimate-gdpr-cookie-modal-slider-item--active label:after {
  background: var(--accent);
}

/*
 * Single-category consent: with only "Essentiel" enabled (see init-mdomus.js),
 * the plugin's own vendor CSS already scopes a centered 25%-wide pill for exactly
 * this case (.ct-ultimate-gdpr--Groups-1 .ct-slider-cookie1 .ct-ultimate-gdpr-slider),
 * but its JS (ct-ultimate-gdpr.js) sets width:100%/display:block as an inline style
 * on load and on click — inline styles beat any stylesheet rule without !important,
 * so the vendor's own single-group sizing never actually applies. Restore it.
 */
.ct-ultimate-gdpr--Groups-1 .ct-ultimate-gdpr-slider {
  width: 25% !important;
  margin-left: 37% !important;
}