/* Cookie consent banner (inc/consent.php, assets/js/consent.js). Same red, radius and blue focus ring as the nav pills.
   A card at the bottom of the screen, never a wall; the page gets bottom padding while it shows so nothing is hidden for good. */
html.skp-consent-open body { padding-bottom: calc(var(--skp-consent-h, 0px) + 24px); }
.skp-consent { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 40; max-width: 940px; margin: 0 auto;
  background: #fff; color: var(--skp-text, #000); border-radius: 9px; box-shadow: 0 4px 24px rgba(19, 45, 72, .28); }
.skp-consent[hidden] { display: none; }
.skp-consent:focus { outline: none; }
.skp-consent:focus-visible { outline: 2px solid var(--skp-blue, #134584); outline-offset: 2px; }
.skp-consent-inner { display: flex; align-items: center; gap: 12px 24px; padding: 14px 18px; }
.skp-consent-text, .skp-consent-current { margin: 0; font-size: 15px; line-height: 1.45; }
.skp-consent-inner > .skp-consent-text { flex: 1 1 auto; }
.skp-consent-current { font-size: 14px; color: var(--skp-muted, #7A7A7A); }
.skp-consent-text a { color: var(--skp-blue, #134584); text-decoration: underline; white-space: nowrap; }
.skp-consent-text a:hover { color: var(--skp-red, #D71830); }
.skp-consent-text a:focus-visible { outline: 2px solid var(--skp-blue, #134584); outline-offset: 2px; border-radius: 3px; }
.skp-consent-buttons { display: flex; gap: 10px; flex: 0 0 auto; }
/* Accept and Reject are deliberately identical: same size, weight, colour and shape. */
.skp-consent-btn { min-width: 110px; padding: 9px 18px; border: 0; border-radius: 9px; background: var(--skp-red, #D71830); color: #fff;
  font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer; transition: background-color .15s; }
.skp-consent-btn:hover { background: #B5142A; }
.skp-consent-btn:focus-visible { outline: 2px solid var(--skp-blue, #134584); outline-offset: 2px; }

/* Footer "Cookie settings" (footer.php): looks like the other legal-strip links. Hidden until consent.js runs. */
.skp-cookie-settings { background: none; border: 0; padding: 0; margin: 0 0 0 10px; color: #fff; font: inherit; text-transform: inherit; cursor: pointer; }
.skp-cookie-settings[hidden] { display: none; }
.skp-cookie-settings:hover { color: var(--skp-red-2, #D22334); }
.skp-cookie-settings:focus-visible { outline: 2px solid #fff; outline-offset: 2px; border-radius: 3px; }

@media (max-width: 767px) {
  .skp-consent { left: 8px; right: 8px; bottom: 8px; }
  .skp-consent-inner { flex-direction: column; align-items: stretch; padding: 14px; }
  .skp-consent-buttons > .skp-consent-btn { flex: 1 1 0; min-width: 0; }
}