/*
Theme Name: Kadence Servo Child
Theme URI: https://www.servoconnectors.co.uk/
Template: kadence
Author: Servo & Electronic Sales LTD
Author URI: https://www.servoconnectors.co.uk/
Description: Custom modifications and accessibility improvements for the Servo Connectors website.
Tags: accessibility, custom, kadence, servo-connectors
Version: 1.2.27.1752133381
Updated: 2025-07-10 08:43:01

*/

/* --- Custom Accessibility Styles --- */

/* Ensure dropdown items are visible when menu is open */
.sub-menu {
    display: none; /* Hide by default, JavaScript will show/hide */
    /* Add other styling for your dropdown here if not already defined by Kadence */
}

.sub-menu.is-open {
    display: block; /* Or flex, depending on your layout, based on your Kadence dropdown styles */
}

/* Style for currently focused menu items */
.sub-menu [role="menuitem"]:focus {
    outline: 3px solid #0073AA; /* A strong blue outline */
    background-color: #e0e0e0; /* Light gray background */
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2); /* Optional subtle shadow */
    border-radius: 2px; /* Slightly rounded corners */
}

/* Style for the top-level trigger link when it's focused */
#primary-site-navigation .menu-item-has-children > a:focus {
    outline: 3px solid #0073AA; /* Match outline style */
    background-color: #f0f0f0; /* Slightly different background */
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

/* IMPORTANT: Ensure default browser outlines are not completely removed globally
   unless replaced with a custom, equally visible focus indicator.
   Kadence might have its own focus styles, so check if these conflict or need adjustment. */