/*
 Theme Name:   Baker Child
 Theme URI:    https://www.republiquela.live
 Description:  Baker child theme for ADA/WCAG accessibility fixes
 Author:       République LA
 Template:     baker
 Version:      1.0.0
*/

/* ========================================
   Focus Indicators - Claim #8
   WCAG 1.4.11, 2.4.7 - Focus Visible
   ======================================== */

/* Visible focus outline for all focusable elements */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
    outline: 2px solid #496e9b !important;
    outline-offset: 2px !important;
}

/* Skip to content link */
.skip-to-content {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 100000;
    background: #496e9b;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
}

.skip-to-content:focus {
    position: fixed;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    overflow: visible;
}

/* Ensure focus is not hidden by overflow or visibility */
*:focus {
    outline-style: solid !important;
}

/* ========================================
   High Contrast Mode Support
   WCAG 1.4.6 - Contrast (Enhanced)
   ======================================== */

/* Users who request high contrast get darker button backgrounds for 7:1+ ratio */
@media (prefers-contrast: more) {
    .edgtf-btn,
    a.edgtf-btn,
    button.edgtf-btn {
        background-color: #2d4a6b !important;
    }
}

/* ========================================
   Touch Target Size - WCAG 2.5.5
   ======================================== */

/* Increase tap targets on touch devices for 44x44px minimum */
@media (pointer: coarse) {
    .edgtf-post-info a,
    .edgtf-related-posts a,
    .edgtf-blog-share a {
        display: inline-block;
        padding: 10px 0;
        min-height: 44px;
        line-height: 24px;
    }
}