/* Accessibility Improvements - Minimal, Targeted Fixes */

/* ============================================
   SKIP LINK FOR KEYBOARD USERS
   ============================================ */
.skip-to-main {
    position: absolute;
    top: -40px;
    left: 0;
    background: #0098ef;
    color: #ffffff;
    padding: 8px 16px;
    z-index: 10000;
    text-decoration: none;
    font-weight: bold;
}

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

/* ============================================
   FOCUS INDICATORS FOR KEYBOARD NAVIGATION
   ============================================ */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #0098ef;
    outline-offset: 2px;
}

/* ============================================
   FLEXSLIDER ACCESSIBILITY
   ============================================ */
/* Screen reader text for slider buttons */
.flex-prev::after,
.flex-next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.flex-prev::after {
    content: "Previous slide";
}

.flex-next::after {
    content: "Next slide";
}

/* ============================================
   MINIMAL CONTRAST FIXES (Only where needed)
   ============================================ */

/* Footer links need better contrast on dark background */
.page_footer .greylinks a {
    color: #cccccc;
}

.page_footer .greylinks a:hover {
    color: #ffffff;
}

/* Testimonial names - keep original highlight color */
.testimonial-name {
    font-size: 1.1em;
}

/* Tagline styling for accessibility-converted elements */
.tagline {
    font-size: 1.2em;
    letter-spacing: 0.5px;
}

/* ============================================
   FIX: Ensure animated elements are always visible
   The to_animate class hides elements by default
   and relies on JavaScript to show them
   ============================================ */
.to_animate {
    visibility: visible !important;
}

/* ============================================
   RESTORE ORIGINAL LINK STYLING
   Remove underlines to match site design
   ============================================ */

/* Headings with links should not be underlined */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none !important;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none !important;
}

/* Teaser/service section links */
.teaser a,
.teaser p a {
    text-decoration: none !important;
}

.teaser a:hover,
.teaser p a:hover {
    text-decoration: underline !important;
}