/* ========================================
   ACCESSIBILITY FIXES
   ========================================
   Purpose: Improve accessibility score by addressing:
   - Screen reader only text for navigation buttons
   - Color contrast fixes
   - Focus states
   - Link distinction
   ======================================== */

/* Screen Reader Only Text */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Ensure carousel buttons have proper focus states */
.owl-nav button:focus {
    outline: 3px solid #FA5405 !important;
    outline-offset: 2px !important;
}

.owl-dot:focus {
    outline: 3px solid #FA5405 !important;
    outline-offset: 2px !important;
}

/* Improve button contrast - darken orange for better readability */
.readmore,
.service-explore-btn,
.btn-primary,
button.btn-primary {
    background-color: #FA5405 !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.readmore:hover,
.service-explore-btn:hover,
.btn-primary:hover,
button.btn-primary:hover {
    background-color: #D94804 !important;
    color: #FFFFFF !important;
}

/* Improve link distinction - make "see more" links underlined and distinguishable */
a.see-more,
a[href*="read-more"],
.read-more-link {
    text-decoration: underline !important;
    color: #FA5405 !important;
    font-weight: 500 !important;
}

a.see-more:hover,
a[href*="read-more"]:hover,
.read-more-link:hover {
    text-decoration: none !important;
    color: #104D02 !important;
}

/* Section titles - improve contrast */
.section-title h2,
.section-title h3,
.section-heading {
    color: #104D02 !important;
    font-weight: 700 !important;
}

/* Ensure all interactive elements have focus indicators */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 3px solid #FA5405 !important;
    outline-offset: 2px !important;
}

/* Skip to main content link for keyboard navigation */
.skip-to-main {
    position: absolute;
    top: -40px;
    left: 0;
    background: #104D02;
    color: white;
    padding: 8px;
    text-decoration: none;
    z-index: 100;
}

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

/* Improve form label contrast */
label,
.form-label {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Make sure icons don't interfere with screen readers */
i.flaticon-left-arrow,
i.flaticon-right-arrow,
i[class*="flaticon-"],
i[class*="fa-"] {
    pointer-events: none;
}

/* Lightbox accessibility fixes - make lb-cancel and lb-close proper buttons */
.lb-cancel,
.lb-close {
    /* Ensure these are keyboard accessible */
    cursor: pointer !important;
}

/* Add aria-labels via pseudo-content for lightbox controls */
.lb-cancel::before {
    content: attr(aria-label, 'Cancel');
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.lb-close::before {
    content: attr(aria-label, 'Close');
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}