/* =========================================
   TABLE OF CONTENTS
   1. Pagebuilder Page Add-on Styling for Aesthetics
   2. Legal Transparency Compliance Fixes
   3. Accessibility Fixes
      A. WHOLE SITE 
      B. JOOMLA Native Component 
      C. SP PAGEBUILDER PRO Add-ons
========================================= */

/* --- 1. PAGEBUILDER PRO ADD-ON STYLING FOR AESTHETICS --- */

/* -- Homepage Styling - */

/* - Main Heading & Quick Links Section - */ 

/* Main Heading Styling */


/* - Homepage Quicklink Feature Box & Columns Styling - */




/* --- 2. LEGAL TRANSPARENCY COMPLIANCE FIXES --- */

/* -- Transparency Compliance for JOOMLA ARTICLE FORM: Freezes the Start Publishing field and calendar button -- */


/* --- 3. ACCESSIBILITY WCAG 2.1 FIXES --- */

/* -- A. WHOLE SITE -- */

/* - I. TAB FOCUS VISIBILITY - */

/* 1. No outline, no shadow, no border on CLICK */
a:active, 
button:active, 
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-selection__rendered:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #ccc !important; /* Keeps the border neutral on click */
}

/* 2. THE KEYBOARD SURGEON: Only show ring for actual Keyboard Tab */
a:focus-visible, 
button:focus-visible, 
input:focus-visible, 
textarea:focus-visible,
.sppb-panel-heading:focus, /* Targets SP Page Builder accordion buttons */
.select2-container--default.select2-container--focus:not(.select2-container--open) .select2-selection--single {
    /* This specific selector targets the Select2 'container' when tabbed into */
    outline: 3px solid #d98211 !important; /* UPDATE FOR EACH SITE TO COLOR THAT CONTRASTS WITH SITE COLOR */
    outline-offset: 5px !important;
    border-radius: 4px !important;
}

/* 3. FIX FOR HELIX: Some Helix versions use a 'shadow' for focus */
.form-control:focus, 
select:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* 3. FIX FOR HELIX: Some Helix versions use a 'shadow' for focus */
.form-control:focus, 
select:focus {
    box-shadow: none !important;
    outline: none !important;
}
/* -- B. JOOMLA NATIVE ELEMENTS -- */

/* - Accessible Breadcrumbs: Contrast, Hover State, and Text Corrections - */

/* Targets only the breadcrumb container */
.mod-breadcrumbs .breadcrumb-item a, 
.mod-breadcrumbs .pathway {
    color: #005ea2 !important; /* Dark Blue */
    text-decoration: underline !important;
    font-weight: 600;
}

/* Hover state for breadcrumbs only */
.mod-breadcrumbs .breadcrumb-item a:hover {
    color: #003366 !important;
    text-decoration: none !important;
}

/* The Active Item (Current Page) text: target the specific ARIA attribute added in PHP */
.mod-breadcrumbs .breadcrumb-item [aria-current="page"],
.mod-breadcrumbs .breadcrumb-item.active {
    color: #212121 !important; /* Dark Grey/Black */
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* The separator (slashes/arrows) */
.mod-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    color: #454545 !important;
}

/* - Accessibility Smart Search Fixes: Contrast of Placeholder Text, Input Text, In-line Button - */

/* I. Force Placeholder Contrast (The "Search..." text) */
.mod-finder input::placeholder,
.js-finder-search-query::placeholder {
     color: #454545 !important; /* Dark Grey - WCAG Compliant */
     opacity: 1 !important;      /* Required for Firefox visibility */
}

/* II. Force Typed Text Contrast */
.js-finder-search-query {
    color: #000000 !important; /* Pure Black */
    font-weight: 600 !important;
}

/* III. Keep Input and Button on the same line */
.mod-finder__search.input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
}

/* IV. Fix Button Styling */
.mod-finder .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    white-space: nowrap !important;
    background-color: #005ea2 !important; /* Accessible Blue */
}

/* -- C. SP PAGEBUILDER PRO ADD-ONS -- */