/**
 * R2I Accessibility Fixes - CSS
 * Fixes font size and other visual accessibility issues
 */

/* ==================================================================
   FIX #5: Ensure minimum font size of 11px (Score 95% → 100%)
   ================================================================== */

/* Fix small buttons */
.btn.btn-sm,
.btn-default.btn-sm,
.btn-outline.btn-sm {
    font-size: 11px !important;
}

/* Ensure all button text meets minimum size */
a.btn,
button.btn,
.btn-text {
    font-size: max(11px, 1em) !important;
}

/* Fix any other small text elements */
.small-text,
.caption,
.meta-text,
.tiny-text,
small {
    font-size: 11px !important;
}

/* Fix Read More buttons specifically mentioned in the report */
a[href*="explore-early-insights"] .btn,
a[href*="tracking-federal-legislation"] .btn,
a[href*="shaping-collective-futures"] .btn {
    font-size: 11px !important;
}

/* General safety net for any text below 11px */
body * {
    min-font-size: 11px;
}

/* ==================================================================
   ADDITIONAL FIXES: Ensure proper contrast and spacing
   ================================================================== */

/* Ensure focus outlines are visible for keyboard navigation */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[role="button"]:focus {
    outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;
}

/* Ensure sufficient line height for readability */
body,
p,
li,
td,
th {
    line-height: 1.5;
}

/* Screen reader only text - accessibility helper class */
.sr-only,
.acsb-sr-only,
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* ==================================================================
   Plugin Info
   ================================================================== */

/* Add a small notice for admin users (optional - can be removed) */
body.logged-in.admin-bar::before {
    content: 'R2I Accessibility Plugin Active';
    position: fixed;
    bottom: 0;
    right: 0;
    background: #28a745;
    color: white;
    padding: 5px 10px;
    font-size: 11px;
    z-index: 999999;
    border-radius: 3px 0 0 0;
    opacity: 0.7;
}