/*
 * CFS Jumilla — Fase 18
 * Accesibilidad final del frontend público.
 * Refuerza foco, navegación por teclado, movimiento reducido y modos de alto contraste
 * sin alterar la identidad visual construida en las fases anteriores.
 */

.cfs-skip-link {
  position: fixed;
  inset-block-start: var(--cfs-space-2);
  inset-inline-start: var(--cfs-space-2);
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: var(--cfs-space-2) var(--cfs-space-3);
  background: var(--cfs-paper);
  color: var(--cfs-ink-950);
  border: var(--cfs-rule-medium) solid var(--cfs-brand-navy);
  font-family: var(--cfs-font-mono);
  font-weight: 700;
  text-decoration: none;
  transform: translateY(calc(-100% - var(--cfs-space-4)));
}

.cfs-skip-link:focus-visible {
  transform: translateY(0);
}

.cfs-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#contenido-principal {
  scroll-margin-block-start: 6rem;
}

:where(
  a,
  button,
  input,
  select,
  textarea,
  summary,
  [role='button'],
  [tabindex]:not([tabindex='-1'])
):focus-visible {
  outline: 3px solid var(--cfs-brand-sky);
  outline-offset: 3px;
}

#contenido-principal:focus-visible {
  outline: 3px solid var(--cfs-brand-sky);
  outline-offset: 4px;
}

button,
[role='button'],
input[type='button'],
input[type='submit'],
input[type='reset'],
summary {
  min-width: 44px;
  min-height: 44px;
}

input,
select,
textarea {
  accent-color: var(--cfs-brand-blue);
}

.cfs-article-body a:not([class]),
.cfs-live-context__body a:not([class]),
.cfs-footer a {
  text-decoration-line: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.cfs-article-body a:not([class]):hover,
.cfs-article-body a:not([class]):focus-visible,
.cfs-live-context__body a:not([class]):hover,
.cfs-live-context__body a:not([class]):focus-visible,
.cfs-footer a:hover,
.cfs-footer a:focus-visible {
  text-decoration-thickness: .14em;
}

[aria-current='page'] {
  text-decoration-thickness: .14em;
  text-underline-offset: .2em;
}

[aria-disabled='true'],
:disabled {
  cursor: not-allowed;
}

[aria-busy='true'] {
  cursor: progress;
}

.cfs-article-body blockquote,
.cfs-live-context__body blockquote {
  border-inline-start-width: .25rem;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }

  .cfs-skip-link {
    transition: none !important;
  }
}

@media (prefers-contrast: more) {
  :where(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    [role='button'],
    [tabindex]:not([tabindex='-1'])
  ):focus-visible {
    outline-width: 4px;
  }

  .cfs-skip-link {
    border-width: .2rem;
  }
}

@media (forced-colors: active) {
  .cfs-skip-link,
  :where(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    [role='button'],
    [tabindex]:not([tabindex='-1'])
  ):focus-visible,
  #contenido-principal:focus-visible {
    outline: 3px solid CanvasText;
    outline-offset: 3px;
  }

  .cfs-skip-link {
    color: CanvasText;
    background: Canvas;
    border-color: CanvasText;
  }
}