/* The native controls are replaced by grouped category and service controls. */
.cmplz-cookiebanner.ot-service-mode .cmplz-categories > .cmplz-category { display: none; }
.ot-consent-services { margin: 0; padding: 0; min-width: 0; text-align: left; }
.ot-consent-help { margin: 0 0 16px; font-size: 0.8em; }
.ot-consent-category { min-width: 0; margin: 0 0 16px; padding: 0 12px 12px; border: 1px solid #ddd; border-radius: 6px; }
.ot-consent-category legend { max-width: 100%; padding: 0 4px; }
.ot-consent-category-label { display: flex; gap: 12px; align-items: center; min-height: 48px; margin: 0; cursor: pointer; }
.ot-consent-category-label strong, .ot-consent-service strong { font-size: 0.8em; }
.ot-consent-category-description { margin: 0 0 8px; }
.ot-consent-category-description, .ot-consent-service small { font-size: 0.7em; }
.ot-consent-service { display: flex; gap: 11px; align-items: center; min-height: 48px; padding: 8px 0 8px 20px; border-top: 1px solid #ddd; cursor: pointer; }
.ot-consent-services input[type="checkbox"] { position: static !important; opacity: 1 !important; width: 22px !important; height: 22px !important; margin: 0 !important; flex: 0 0 22px; appearance: auto !important; accent-color: #1e3d51; cursor: pointer; }
.ot-consent-services input[type="checkbox"]:disabled { cursor: default; }
.ot-consent-category-label strong, .ot-consent-category-label small, .ot-consent-service strong, .ot-consent-service small { display: block; }
.ot-consent-category-label small { font-size: 0.7em; font-weight: 400; }
.ot-consent-service small { font-weight: 400; }
.ot-consent-services input:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#ot-policy-services { margin: 24px 0; }
#ot-policy-services button { margin-top: 16px; padding: 12px 18px; border: 1px solid currentColor; border-radius: 6px; color: inherit; background: transparent; cursor: pointer; }
.cmplz-cookiebanner.ot-service-mode .ot-consent-services { color: var(--cmplz_text_color); }
.cmplz-cookiebanner.ot-service-mode .ot-consent-category-label, .cmplz-cookiebanner.ot-service-mode .ot-consent-service { color: inherit; }
#cmplz-document.ot-service-policy .cmplz-manage-consent-container { display: none !important; }
@media (max-width: 480px) {
  .ot-consent-category { padding-left: 8px; padding-right: 8px; }
  .ot-consent-service { padding-left: 10px; }
}