/* GYSTiq custom CSS
   Added 2026-08-19 for WCAG conformance. Auto-loaded by YOOtheme via
   LoadThemeHead.php (~theme/css/custom.css); survives customizer saves. */

/* WCAG 1.4.1 Use of Colour (Level A): inline links inside body text must not be
   identified by colour alone. Excludes buttons and card/reset links, which are
   identifiable by their own affordances. */
p a:not(.uk-button):not(.el-link):not(.uk-link-reset):not(.uk-link-muted),
p a[href^="mailto:"] {
    text-decoration: underline;
}

/* WCAG 1.4.3 (2026-08-19): dark cards inside a light-scheme section.
   This theme gives .uk-card-default a DARK background (#303751) with white text.
   But UIkit's inverse system treats .uk-section-muted as a LIGHT section and
   forces #333 onto its descendants, which overrides the card's own white and
   leaves near-black text on a dark blue card at about 1.08:1. Restore the card's
   intended colours wherever it sits inside a light-scheme section. */
.uk-section-muted:not(.uk-preserve-color) .uk-card-default,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default p,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default div,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default span,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default li {
    color: rgba(255, 255, 255, 0.9);
}
.uk-section-muted:not(.uk-preserve-color) .uk-card-default h1,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default h2,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default h3,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default h4,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default .uk-card-title,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default .el-title {
    color: #ffffff;
}
.uk-section-muted:not(.uk-preserve-color) .uk-card-default .uk-text-muted,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default .el-meta {
    /* !important required: the theme sets .uk-section-muted .uk-text-muted
       to rgba(51,51,51,.6) !important via its inverse-scheme rules. */
    color: rgba(255, 255, 255, 0.72) !important;
}
.uk-section-muted:not(.uk-preserve-color) .uk-card-default .uk-button-text,
.uk-section-muted:not(.uk-preserve-color) .uk-card-default .el-link {
    color: #7FD4D2;
}

/* ===== WCAG 1.4.3 Contrast (2026-08-19) =====
   The theme expresses muted text as ALPHA over a dark background, not as a hex,
   so the fix is raising alpha rather than changing a colour.

   Measured before: navbar links rgba(255,255,255,.50) composited to #989ba8 on
   #303751 = 4.23:1; muted text rgba(252,252,255,.35) composited to #737789 on
   #2a3049 = 2.92:1. Both need 4.5:1.

   The light-scheme rule (.uk-section-muted:not(.uk-preserve-color) .uk-text-muted)
   carries higher specificity than the bare .uk-text-muted below, so it still wins
   and light sections keep their dark text. */

.uk-text-muted {
    color: rgba(252, 252, 255, 0.55) !important;   /* was .35 -> 2.92:1 */
}

.uk-link-muted,
a.uk-link-muted,
.uk-link-muted a {
    color: rgba(252, 252, 255, 0.55);
}

.uk-navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.58);              /* was .50 -> 4.23:1 */
}

/* Primary button. Every stop of the original gradient failed against white text
   (#5ab8b4 2.35, #1a857f 4.46, #23a39d 3.09, #2bb7b2 2.47). Replaced with a
   darker teal ramp in the same hue family where every stop clears 4.5:1:
   #12605C 7.36, #166E6E 6.02, #1A7A7E 5.09. The bright edge is kept as the
   border, where the contrast rule does not apply. */
.uk-button-primary {
    background-color: #166E6E;
    background-image: linear-gradient(51deg, #12605C 0%, #166E6E 55%, #1A7A7E 100%);
    border-color: #2BB7B2;
    color: #ffffff;
}
.uk-button-primary:hover {
    background-color: #1A7A7E;
    background-image: none;
    color: #ffffff;
}
.uk-button-primary.uk-active,
.uk-button-primary:active {
    background-color: #12605C;
    background-image: none;
    color: #ffffff;
}