/**
 * Accessibility Fixes for SafetyNational-Light Theme
 * Addresses Lighthouse accessibility audit issues
 */

/* ===================================
   TOUCH TARGET SIZE FIXES
   Minimum 24px x 24px for mobile
   =================================== */

/* Increase touch target size for search and fullscreen icons */
.sn-search-iconc,
.sn-expand-iconc {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    font-size: 20px !important; /* Make icons larger and more noticeable */
    font-weight: bold;
}

/* Ensure icons have proper spacing and prevent wrapping on mobile */
.search-form-fields-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px; /* Minimal gap to fit both icons */
    flex-wrap: nowrap; /* Prevent wrapping */
}

.search-form-fields-wrapper a {
    margin: 0 2px;
    flex-shrink: 0; /* Prevent icons from shrinking */
}

/* Mobile-specific adjustments to prevent icon wrapping */
@media (max-width: 991px) {
    .sn-search-iconc,
    .sn-expand-iconc {
        font-size: 22px !important; /* Slightly larger on mobile for better visibility */
        min-width: 40px;
        min-height: 40px;
        padding: 6px;
    }
    
    .search-form-fields-wrapper {
        margin-right: 8px !important;
        gap: 0;
    }
}

/* ===================================
   COLOR CONTRAST FIXES
   Fix links with insufficient contrast
   =================================== */



/* Ensure all small text links meet contrast requirements */
a.small-footer {
    color: #333333; /* Dark gray for sufficient contrast on white */
}

/* Fix Tokio Marine Group link contrast in footer (was #026635 = 1.23:1, needs 3:1+) */
/*
.small-footer a,
footer a {
    color: #004d26 !important; /* Darker green for 3:1+ contrast against #666 footer text */
  /*  text-decoration: underline; /* Add underline to distinguish from surrounding text */
/*} */

/* ===================================
   CAROUSEL ACCESSIBILITY
   =================================== */

/* Ensure carousel indicators are visible and accessible */
.carousel-indicators li {
    cursor: pointer;
    min-width: 18px;
    min-height: 18px;
    pointer-events:auto;
}

/* ===================================
   FOCUS INDICATORS
   Ensure all interactive elements have visible focus
   =================================== */

a:focus,
button:focus,
.carousel-indicators li:focus {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

/* Skip link for keyboard navigation */
.skip-link:focus {
    position: absolute;
    top: 0;
    left: 0;
    background: #0066cc;
    color: #ffffff;
    padding: 8px 16px;
    z-index: 10000;
    text-decoration: none;
}
    .SmallerCaption a {
        color: #026635 !important;
    }