/*
    Theme Name: NHS-Gloucestershire-CCG
    Description: Stylesheet for accessibility
    Author: Rich Gwilt
    Author URI: http://www.activelabs.co.uk
*/

/* ==========================================================================
   1. Focus States & Accessibility
   ========================================================================== */

/* Input and Button Focus States */
input:focus {
    outline: none;
    background: #fff !important;
    border: 2px solid #000 !important;
    box-shadow: 0 0 0 3px #ffeb3b !important;
}

/* General Focus States for Interactive Elements */
button:focus,
a:focus,
a:focus small,
a:focus span,
[role="button"]:focus {
    background: #ffeb3b !important;
    color: #212b32 !important;
    box-shadow: 0 -2px #ffeb3b, 0 4px #212b32 !important;
    outline: 4px solid rgba(0,0,0,0);
    text-decoration: none;
}

/* Focus States for Special Cases */
a:focus:hover {
    text-decoration: none;
}

a:focus img {
    background: #ffeb3b !important;
    box-shadow: 0 -2px #ffeb3b, 0 4px #212b32 !important;
    outline: 4px solid rgba(0,0,0,0);
}

a:focus .card {
    background: #ffeb3b !important;
    color: #212b32 !important;
    box-shadow: 0 -2px #ffeb3b, 0 4px #212b32 !important;
    outline: 4px solid rgba(0,0,0,0);
}

/* Disable Focus Styles When Needed */
a.no-focus:focus {
    background: none !important;
    border-bottom: none !important;
    color: #212b32 !important;
}

/* ==========================================================================
   2. Header Styles
   ========================================================================== */
#searchbar .large-search-button {
    font-size: 0;
}

#searchbar .large-search-button .fa {
    font-size: 22px; /* Unified font size from both files */
}

/* ==========================================================================
   3. Main Content Area
   ========================================================================== */
blockquote a {
    color: #009;
}

/* Hover States for Interactive Elements */
input:hover,
.btn:hover {
    box-shadow: 0 4px 0 #212b32;
}

/* ==========================================================================
   4. Footer Styles
   ========================================================================== */
footer a:hover {
    color: #fff;
    text-decoration: none;
    background: #003087; /* Preserved from first file */
}

.footer-social ul li a {
    font-size: 0;
}

.footer-social ul li a.fa {
    font-size: 22px;
}

/* ==========================================================================
   5. Mobile Menu Navigation
   ========================================================================== */
/* Mega Menu Focus States */
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-menu-toggle:focus,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block:focus,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block a:focus,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block .mega-search input[type=text]:focus,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 a:focus,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 input:focus,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 li.mega-menu-item a.mega-menu-link:focus {
    background: #ffeb3b !important;
    color: #212b32 !important;
    box-shadow: 0 -2px #ffeb3b, 0 4px #212b32 !important;
    outline: 4px solid rgba(0,0,0,0);
    text-decoration: none;
}

#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-menu-toggle:focus *,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block:focus *,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-menu-toggle:focus::after,
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block:focus::after {
    background: #ffeb3b !important;
    color: #212b32 !important;
    box-shadow: 0 -2px #ffeb3b, 0 4px #212b32 !important;
    outline: 4px solid rgba(0,0,0,0);
    text-decoration: none;
}