/*
Theme Name: Celestial Lite Child
Theme URI: https://www.organometal.eu/
Description: Child theme of Celestial Lite for organometal.eu. Holds accessibility fixes so the parent theme is never edited directly (see ACCESSIBILITY.md).
Author: organometal.eu
Template: celestial-lite
Version: 1.0.0
Text Domain: celestial-lite-child
*/

/* prworks (#6 PDF link warning): the "(PDF)" label is injected as REAL text in
   functions.php (celestial_lite_child_label_pdf_links). We hide it VISUALLY with
   the standard screen-reader-only clip pattern — it stays in the DOM so WAVE and
   screen readers still announce the PDF, but sighted users don't see "(PDF)".
   (The links also carry aria-label="… opens PDF document", so the warning is
   covered either way.) */
.pdf-link-suffix {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* prworks (#2 Contrast — menu link hover & selected): the parent theme
   (celestial-lite/css/menus.css) colours the top-menu HOVER and CURRENT/SELECTED
   states #467fc2 (only 3.8:1 on the #f6f6f6 header — fails WCAG AA 4.5:1) and the
   sub-menu HOVER state #e07fe6 (a mere 2.2:1 — fails badly). We darken both to
   WCAG-AA-passing values here in the child stylesheet so the parent is never
   edited. Keep these dark if you want to re-match the brand hue:
     #1b4f86 (blue)   -> 7.7:1 on header, 8.4:1 on white, 7.2:1 on #ededed (AAA)
     #8e24aa (purple) -> 6.0:1 on submenu bg, 7.0:1 on white
   The !important guards against the parent rule, which has equal/higher specificity. */

/* Top-level menu links: hover */
.main-navigation li a:hover {
    color: #1b4f86 !important;
}

/* Top-level menu links: current / selected page */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    color: #1b4f86 !important;
}

/* Sub-menu links: current / selected (text stays on the #ededed active bg) */
.main-navigation ul.sub-menu li.current-menu-item > a,
.main-navigation ul.sub-menu li.current-menu-ancestor > a,
.main-navigation ul.sub-menu li.current_page_item > a,
.main-navigation ul.sub-menu li.current_page_ancestor > a {
    color: #1b4f86 !important;
}

/* Sub-menu links: hover (was the worst offender at 2.2:1) */
.main-navigation li ul li a:hover {
    color: #8e24aa !important;
}

/* prworks (#2 Contrast — social bar icons): the header social links (#st-twitter,
   #st-facebook, …) inherit a medium-blue text color (#0f62c1) that sits on the
   dark-navy social bar (#1c2070) at just 2.37:1 — a contrast error WAVE reports in
   the header/navigation region. The visible icons are BACKGROUND IMAGES, so the
   text color paints nothing on screen; recoloring it to white is visually a no-op
   but lifts the measured contrast to 14:1 and clears the error. Covers every
   enabled social icon in one rule. */
#st-socialbar a {
    color: #ffffff !important;
}