/* ========================================
 * ACCESSIBILITY FOCUS STYLES
 * ======================================== */

/* ========================================
 * SERVICE STYLE ONE ACCESSIBILITY FIXES
 * ======================================== */

/* Focus styles that simulate hover state for service-style-one cards */
.service-style-one .service-data:has(.svg-icon a:focus) .svg-icon::before,
.service-style-one .service-data:has(.service-style-one-link:focus) .svg-icon::before {
    background: #186396 !important; /* Eurovac blue */
}

.service-style-one .service-data:has(.svg-icon a:focus)::before,
.service-style-one .service-data:has(.service-style-one-link:focus)::before {
    background: #FFCC5B !important; /* Eurovac yellow */
}

.service-style-one .service-data:has(.svg-icon a:focus) .dark-icon,
.service-style-one .service-data:has(.service-style-one-link:focus) .dark-icon {
  opacity: 1 !important;
  display: block !important;
}

.service-style-one .service-data:has(.svg-icon a:focus) .light-icon,
.service-style-one .service-data:has(.service-style-one-link:focus) .light-icon {
  opacity: 0 !important;
  display: none !important;
}

/* Hide title and arrow links from visual focus */
.service-style-one .service-data .h3 a[aria-hidden="true"],
.service-style-one .service-data .icon[aria-hidden="true"] {
    pointer-events: none !important;
}

.service-style-one .service-data .h3 a[aria-hidden="true"]:focus,
.service-style-one .service-data .icon[aria-hidden="true"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ========================================
 * SERVICE TWO BOX ACCESSIBILITY FIXES
 * ======================================== */

/* Focus styles that simulate hover state for service-two-box ::before elements */
.service-two-box .h3 a:focus::before {
    background: var(--e-global-color-05c0a00) !important;
    background-color: #fffab3 !important;
}

/* Hide second links from visual focus */
.service-two-box .service-two-icon a[aria-hidden="true"] {
    pointer-events: none !important;
}

.service-two-box .service-two-icon a[aria-hidden="true"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ========================================
 * HISTORY STYLE ONE ACCESSIBILITY FIXES
 * ======================================== */

/* Focus styles that simulate hover state for history-style-one ::before elements */
.history-style-one .history-data .solutions_name a:focus::before {
    background: var(--e-global-color-05c0a00) !important;
    background-color: #fffab3 !important;
}

/* Hide description and circle links from visual focus */
.history-style-one .history-data .solutions_description a[aria-hidden="true"],
.history-style-one .history-data .circle[aria-hidden="true"] {
    pointer-events: none !important;
}

.history-style-one .history-data .solutions_description a[aria-hidden="true"]:focus,
.history-style-one .history-data .circle[aria-hidden="true"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ========================================
 * SWIPER PAGINATION ACCESSIBILITY FIXES
 * ======================================== */

/* Hide Swiper pagination bullets from focus */
.swiper-pagination-bullet:focus {
    outline: none !important;
    box-shadow: none !important;
}





/* ========================================
 * CASE STUDIES FOCUS STYLES
 * ======================================== */

/* Focus styles for case studies slides - simulate hover effect */
.case-studies-carousel .owl-item:not(.cloned) a:focus {
    outline: none !important;
    box-shadow: none !important;
}

.case-studies-carousel .owl-item:not(.cloned) a:focus .row {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Focus styles for the card background highlight */
.case-studies-carousel .owl-item:not(.cloned) a:focus .row::before {
    background: #FFCC5B !important;
    opacity: 0.1 !important;
    visibility: visible !important;
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
    border-radius: 8px !important;
}

/* Focus styles for text elements */
.case-studies-carousel .owl-item:not(.cloned) a:focus .proj-data h3 {
    color: #186396 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-color: #186396 !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

.case-studies-carousel .owl-item:not(.cloned) a:focus .proj-data p {
    color: #186396 !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

/* ========================================
 * HISTORY STYLE ONE FOCUS STYLES
 * ======================================== */

/* Focus styles for history-style-one cards - simulate hover effect */
.history-style-one .history-data:has(.history-style-one-link:focus) {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
}

/* Focus styles for the card background highlight */
.history-style-one .history-data:has(.history-style-one-link:focus)::before {
    background: #FFCC5B !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Focus styles for the circle button */
.history-style-one .history-data:has(.history-style-one-link:focus) .circle {
    background: #186396 !important;
    transform: scale(1.1) !important;
    transition: all 0.3s ease !important;
}

/* Focus styles for text elements */
.history-style-one .history-data:has(.history-style-one-link:focus) .solutions_name a {
    color: #ffffff !important;
    transform: translateY(-5px) !important;
    transition: all 0.3s ease !important;
}

.history-style-one .history-data:has(.history-style-one-link:focus) .solutions_description a {
    color: #ffffff !important;
    transform: translateY(-5px) !important;
    transition: all 0.3s ease !important;
}