/**
 * Accessibility Fixes for Hotel Munde Biereck
 * Date: 2026-02-11
 * WCAG 2.1 AA Compliance
 */

/* ============================================
   1. COLOR CONTRAST FIXES
   ============================================ */

/* Fix button contrast: #FF3400 → #E32E00 */
.grve-btn-primary,
.grve-bg-primary-1,
#menu-item-342 .grve-item,
#menu-item-43 .grve-item,
#menu-item-1828 .grve-item,
#menu-item-1000 .grve-item,
.wpml-ls-native {
    background-color: #E32E00 !important;
}

/* Cookie consent link contrast fix */
.cm-link.cn-learn-more {
    color: #DD2E00 !important;
}

/* Ensure white text on new background */
.grve-btn-primary .grve-item,
.grve-bg-primary-1 .grve-item {
    color: #FFFFFF !important;
}

/* ============================================
   2. FIX WHITE TEXT ON IMAGE OVERLAYS
   ============================================ 

/* Make white text readable on images with shadow */
.grve-with-bg-image[style*="color:#FFFFFF"] p,
.grve-with-bg-image[style*="color:#FFFFFF"] .grve-btn-text span {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8) !important;
}
/* ============================================
   3. FOCUS INDICATORS
   ============================================ */

/* Visible focus for keyboard navigation */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 3px solid #E32E00 !important;
    outline-offset: 2px !important;
}

/* Remove default outline but keep accessibility */
a:focus:not(:focus-visible) {
    outline: none;
}

a:focus-visible {
    outline: 3px solid #E32E00;
    outline-offset: 2px;
}

/* ============================================
   4. SKIP TO CONTENT
   ============================================ */

/* Skip navigation link */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 0;
    background: #E32E00;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 100000;
}

.skip-to-content:focus {
    top: 0;
}