/* shi-consent.css - Side Hustle Industries overrides for vanilla-cookieconsent v3 (Deploy 2, 2026-10-08).
   Legal pack s2.1: "Accept all", "Reject non-essential" and "Cookie settings" have identical size, style and
   prominence; no button is visually emphasised. Colours meet WCAG AA (white on #212529 = 15.4:1). */
#cc-main {
  --cc-font-family: inherit;
  --cc-bg: #ffffff;
  --cc-primary-color: #212529;
  --cc-secondary-color: #343a40;
  --cc-link-color: #0b5ed7;
  --cc-btn-primary-bg: #212529;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #212529;
  --cc-btn-primary-hover-bg: #000000;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #000000;
  --cc-btn-secondary-bg: #212529;
  --cc-btn-secondary-color: #ffffff;
  --cc-btn-secondary-border-color: #212529;
  --cc-btn-secondary-hover-bg: #000000;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #000000;
  --cc-toggle-on-bg: #212529;
  --cc-toggle-readonly-bg: #6c757d;
  --cc-btn-border-radius: .375rem;
}
#cc-main .cm__btn,
#cc-main .pm__btn {
  background: var(--cc-btn-primary-bg) !important;
  color: var(--cc-btn-primary-color) !important;
  border: 1px solid var(--cc-btn-primary-border-color) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  padding: .75rem 1.25rem !important;
  min-width: 12rem;
  min-height: 2.75rem;
  text-decoration: none !important;
}
#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
  background: var(--cc-btn-primary-hover-bg) !important;
  border-color: var(--cc-btn-primary-hover-border-color) !important;
}
#cc-main .cm__btn:focus-visible,
#cc-main .pm__btn:focus-visible,
#cc-main a:focus-visible,
#cc-main .section__toggle:focus-visible + .toggle__icon {
  outline: 3px solid #0b5ed7 !important;
  outline-offset: 2px;
}
#cc-main .cm__desc a,
#cc-main .pm__section-desc a { text-decoration: underline; }
#cc-main .shi-gpc-line {
  margin-top: .5rem;
  padding: .5rem .75rem;
  border-left: 3px solid #212529;
  background: #f1f3f5;
}
/* Equal size on wide screens too: the bar layout otherwise stretches the lone "Cookie settings" group and
   lets "Accept all" / "Reject non-essential" grow with their text. All three get the same fixed box. */
@media screen and (min-width: 641px) {
  #cc-main .cm__btns { display: flex !important; flex-direction: column !important; align-items: flex-end; justify-content: center; gap: .5rem; }
  #cc-main .cm__btn-group { display: flex !important; flex-direction: column !important; align-items: flex-end; gap: .5rem; margin: 0 !important; padding: 0 !important; }
  #cc-main .cm__btn { flex: 0 0 auto !important; width: 13rem !important; max-width: 13rem !important; height: 2.75rem !important; min-height: 0 !important; margin: 0 !important; }
}