/*
================================================================
accessibility.css — OSBS Contrast Fixes
Add this file to your server and link in Header.php

WHY:
#ff7017 orange on white = 2.77:1 contrast (FAILS WCAG AA 4.5:1)
#b84600 dark orange on white = 5.37:1 (PASSES WCAG AA)

STRATEGY:
- Orange used as TEXT colour on light/white backgrounds → change to #b84600
- Orange BUTTONS with white text → change text to #000 (black = 7.58:1 ratio)
- Orange on DARK backgrounds (#222) already passes — leave those alone
================================================================
*/

/* =====================================================
   TEXT COLOUR FIXES
   All places where #ff7017 appears as text on light bg
   ===================================================== */

/* Navigation hover and active links */
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {
    color: #b84600 !important;
}

/* Breadcrumb links */
.page-title .bread-crumb li {
    color: #b84600;
}
.page-title .bread-crumb li a:hover {
    color: #b84600;
}

/* Service block link text */
.service-block .lower-content .link-box a,
.service-block .lower-content h3 a:hover,
.service-block-two .link-box a {
    color: #b84600;
}
.service-block .lower-content .link-box a:hover,
.service-block-two .link-box a:hover {
    color: #7a3000;
}

/* News / blog links on light background */
.news-block .caption-box .info li a:hover,
.news-block-two .caption-box .info li a:hover,
.news-block-three .content-box .info li a:hover,
.news-block-four .content-box .info li a:hover,
.news-block .inner-box:hover .caption-box h3 a,
.news-block-two .inner-box:hover .caption-box h3 a,
.news-block-three .inner-box:hover .content-box h3 a,
.news-block-four .inner-box:hover .content-box h3 a,
.latest-news .post:hover h3 a,
.recent-posts .post h4 a:hover {
    color: #b84600;
}

/* Project links on light background */
.projects-section-two .upper-box .link-box a,
.project-block-two .info-box .link-box a,
.project-block .overlay-box h4 a {
    color: #b84600;
}

/* Sidebar links */
.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover,
.cat-list li.active a,
.cat-list li:hover a {
    color: #b84600;
}

/* Contact info links */
.contact-section .info-column .contact-info li a:hover,
.contact-page-section .contact-info .info-block p a:hover,
.main-header .contact-info li a:hover {
    color: #b84600;
}

/* Testimonial designation text */
.testimonial-block .info-box .designation {
    color: #b84600;
}

/* Feature block links */
.feature-block .link-box a {
    color: #b84600;
}
.feature-block .inner-box:hover .link-box a,
.feature-block .inner-box:hover .text,
.feature-block .inner-box:hover h3 a {
    color: #fff;
}

/* Process block links */
.process-block .link-box a {
    color: #b84600;
}
.process-block .link-box a:hover {
    color: #7a3000;
}

/* Fact counter box border accent */
.fact-counter .count-box:before {
    border-color: #b84600;
}
.fact-counter .count-box:hover:before {
    box-shadow: #b84600 0 0 0 40px inset;
}

/* Product price text */
.product-block .info-box .price,
.shop-item .inner-box .lower-content .price,
.cart-section .totals-table .total .price {
    color: #b84600;
}

/* Carousel navigation dots on light background */
.services-carousel .owl-dot.active,
.services-carousel .owl-dot:hover,
.services-carousel-two .owl-dot.active,
.services-carousel-two .owl-dot:hover {
    background-color: #b84600;
}

/* Blog tags hover */
.blog-detail .tags ul li a:hover,
.tag-list li a:hover {
    background-color: #b84600;
    color: #fff;
}

/* Footer links on dark background — orange is fine here (5.74:1), leave as is */
/* .main-footer .footer-column .widget-title:before — leave orange on dark bg */

/* =====================================================
   BUTTON TEXT COLOUR FIXES
   Orange buttons (#ff7017 bg) with white text = 2.77:1 FAIL
   Fix: use black text on orange buttons = 7.58:1 PASS
   ===================================================== */

/* Main CTA buttons */
.btn-style-one,
.btn-style-five {
    color: #000 !important;
    font-weight: 700;
}

/* Keep hover states working */
.btn-style-one:hover {
    color: #fff !important;
}

/* Search buttons */
.sidebar .search-box .form-group button,
.sidebar .search-box .form-group input[type=submit] {
    background-color: #b84600;
}
.sidebar .search-box .form-group button:hover,
.sidebar .search-box .form-group input[type=submit]:hover {
    background-color: #7a3000;
}

/* Cart and checkout buttons */
.cart-section .cart-options .cart-btn,
.cart-section .coupon-btn,
.cart-section .totals-table .proceed-btn,
.shipping-form button {
    background-color: #b84600;
    color: #fff;
}

/* =====================================================
   SOCIAL ICONS ON LIGHT BACKGROUNDS
   ===================================================== */
.social-icon-one li a:hover,
.social-icon-two li a:hover,
.social-icon-three li a:hover {
    color: #b84600;
}

/* =====================================================
   ACCORDION ACTIVE STATE
   Orange bg with white text - check ratio
   #ff7017 bg + white text = 2.77:1 FAIL
   Fix: darken to #b84600
   ===================================================== */
.accordion-box .block .acc-btn.active {
    background-color: #b84600;
    border-color: #b84600;
    color: #fff;
}

/* =====================================================
   MIXITUP FILTER ACTIVE
   ===================================================== */
.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover {
    border-bottom-color: #b84600;
    color: #b84600;
}

/* =====================================================
   STYLED PAGINATION
   ===================================================== */
.styled-pagination li.next-post a:hover,
.styled-pagination li.prev-post a:hover {
    color: #b84600;
    border-color: #b84600;
}

/* =====================================================
   BACK/FORWARD CACHE FIX
   Remove unload event handlers by overriding with CSS
   (actual JS fix in Header.php script block)
   ===================================================== */

/* =====================================================
   COST ESTIMATOR NEW BADGE
   ===================================================== */
.cost-estimator-new-badge {
    background: #b84600;
}

/* =====================================================
   POPUP FORM BUTTON
   ===================================================== */
.osbs-popup-form button {
    background: #b84600;
    color: #fff;
}
.osbs-popup-form button:hover {
    background: #7a3000;
}

/* =====================================================
   MOBILE CALL CTA
   ===================================================== */
.mobile-call-cta {
    background: #b84600;
}

/* =====================================================
   WHATSAPP BUTTON — leave as green, passes already
   ===================================================== */