/* ========================================
   ACCESSIBILITY - Focus States & Keyboard Navigation
   WCAG AA konform
   ======================================== */

/* ========================================
   1. FOCUS STATES - Alle interaktiven Elemente
   ======================================== */

/* CTA Buttons - Sichtbarer Focus-State */
.cta-button:focus-visible,
.hero .hero-content .hero-cta-group .cta-button:focus-visible,
.petition-button:focus-visible,
.sticky-cta:focus-visible {
  outline: 3px solid var(--color-primary-80);
  outline-offset: 3px;
  box-shadow: 
    0 0 0 1px var(--color-primary-100),
    0 0 20px var(--color-primary-50),
    0 0 40px var(--color-primary-30);
}

/* Links - Sichtbarer Focus-State */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--color-primary-80);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Form Inputs - Sichtbarer Focus-State */
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--color-primary-80);
  outline-offset: 2px;
}

/* Language Switcher - Focus-State */
.language-switcher .lang-button:focus-visible {
  outline: 2px solid var(--color-primary-80);
  outline-offset: 2px;
  box-shadow: 0 0 10px var(--color-primary-40);
}

/* FAQ Items - Focus-State */
.faq-question:focus-visible {
  outline: 2px solid var(--color-primary-80);
  outline-offset: 2px;
}

/* Social Buttons - Focus-State */
.social-button:focus-visible,
.share-button:focus-visible {
  outline: 2px solid var(--color-primary-80);
  outline-offset: 2px;
  box-shadow: 0 0 15px var(--color-primary-50);
}

/* Guestbook Buttons - Focus-State */
.guestbook-submit:focus-visible,
.guestbook-field button:focus-visible {
  outline: 2px solid var(--color-primary-80);
  outline-offset: 2px;
}



/* ========================================
   3. HIGH CONTRAST MODE - Unterstützung
   ======================================== */

@media (prefers-contrast: high) {
  .glass-card {
    border: 2px solid var(--color-text-light);
  }
  
  .cta-button {
    border: 2px solid var(--color-text-light);
  }
}

/* ========================================
   4. SKIP LINKS - Für Screen Reader
   ======================================== */

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--color-primary);
  color: var(--color-text-light);
  padding: 8px 16px;
  text-decoration: none;
  z-index: var(--z-tooltip, 3000);
  border-radius: 4px;
}

.skip-link:focus {
  top: 0;
  outline: 3px solid var(--color-primary-100);
  outline-offset: 2px;
}