/*
Theme Name:  CCGI Kadence
Theme URI:   n/a
Template:    kadence
Author:      CCGI
Description: CCGI child theme for Kadence
Version:     1.0.3
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   Focus Styles (WCAG 2.4.7 / 2.4.11)
   Uses :focus-visible so mouse users are unaffected.
   3px outline + white offset ring ensures visibility on any background.
   ========================================================================== */
:focus-visible {
  outline: 3px solid #002F63 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #ffffff !important;
}

/* Skip link: needs :focus too (not just :focus-visible) for all browsers */
.skip-link:focus,
.pojo-skip-link:focus {
  outline: 3px solid #002F63 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #ffffff !important;
}

/* ==========================================================================
   Navigation – Keyboard Accessibility
   The global :focus-visible rule above already provides the focus outline.
   This adds a background tint to focused submenu links for extra visibility.
   ========================================================================== */
.header-navigation ul ul.sub-menu li.menu-item > a:focus-visible {
  background-color: rgba(0, 47, 99, 0.08);
}

/* ==========================================================================
   Search Block – Color Contrast Fix (WCAG 1.4.3)
   Kadence applies --global-palette5 (#fdb92a, yellow) as the input text
   color, which fails contrast on white. Override to use the dark text color.
   ========================================================================== */
.wp-block-search__input,
.search-field,
.wp-block-quote cite {
  color: var(--global-palette6, #282c33) !important;
}

figcaption {
  color: #666 !important;
}