/*
 * 2047.nu – WCAG 2.1 AA-åtgärder (child theme "2047").
 * Färgerna här överstyr kompilerade LESS-värden i theme.9.css utan omkompilering.
 * Customizerns LESS-variabler (@global-link-color, @global-muted-color) är orörda,
 * så ändra färg här och inte i customizern.
 */

/* M2: dämpad text (brödsmulor, metadata, tabellrubriker m.m.) från #dadada (1,4:1) till 4,9:1.
   Inverterade sektioner (.uk-light) har egna regler med högre specificitet och påverkas inte. */
.uk-breadcrumb > * > *,
.uk-article-meta,
.uk-article-meta a,
.uk-comment-meta,
.uk-table th,
.uk-table caption,
.uk-link-muted a,
a.uk-link-muted,
.uk-nav-default .uk-nav-header,
.uk-countdown-label,
.uk-form-icon,
.uk-search .uk-search-icon,
.uk-close,
.figure-caption,
.form-text,
.dropdown-header,
.breadcrumb-item.active,
.breadcrumb-item + .breadcrumb-item::before {
    color: #707070;
}
.uk-text-muted,
.text-muted {
    color: #707070 !important;
}
.uk-input::placeholder,
.uk-search-input::placeholder,
.uk-textarea::placeholder {
    color: #707070;
}

/* M3: orange text från #ec670f (3,2:1) till #c2410c (5,2:1). Dekorativa linjer behåller profilfärgen. */
a,
.uk-link,
.uk-accordion-title:hover,
.uk-subnav:not(.uk-subnav-pill) > .uk-active > a,
.uk-pagination > * > :hover {
    color: #c2410c;
}
a:hover,
.uk-link:hover {
    color: #9a3412;
}
.uk-button-primary,
.btn-primary {
    color: #c2410c;
    border-color: #c2410c;
}
.uk-button-primary:hover,
.uk-button-primary:focus,
.uk-button-primary:active,
.uk-button-primary.uk-active,
.btn-primary:hover,
.btn-primary:active {
    color: #9a3412;
    border-color: #9a3412;
}

/* 1.4.1: länkar i löptext skiljs från texten (2,7:1 mot #322a22) med understrykning.
   !important behövs mot inline style="text-decoration: none" i artiklarna.
   Grundregeln ligger i :where() (specificitet 1,0,1) så att undantagen nedan (1,1,1+) vinner. */
#tm-main a:where(:not(.uk-button, .btn, [class*="uk-icon"], [class*="uk-slidenav"], .uk-link-toggle, .uk-link-reset, .uk-link-heading, .uk-link-text, .wcag-pause)) {
    text-decoration: underline !important;
    text-underline-offset: 0.15em;
}
/* Navigering och bildlänkar undantas. */
#tm-main :is(.uk-nav, .uk-subnav, .uk-dotnav, .uk-pagination, .uk-breadcrumb, .uk-thumbnav, .uk-tab, .el-nav) a,
#tm-main a:has(> img:only-child),
#tm-main a:has(> picture:only-child) {
    text-decoration: none !important;
}

/* M4/M5: paus/spela-knapp för video och bildspel (custom.js). */
.wcag-pause {
    position: absolute;
    z-index: 2;
    right: 16px;
    bottom: 16px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wcag-pause:hover {
    background: #000;
}
.wcag-pause:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 6px #000;
}
.wcag-pause svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}
/* Videons knapp sitter uppe till höger, så den inte hamnar över hero-texten på små skärmar. */
.wcag-pause--video {
    top: 16px;
    bottom: auto;
}
.wcag-pause-host {
    position: relative;
}

/* I5: tabellrubriker i artiklar (th) vänsterställs som cellerna de ersatte. */
#tm-main table:not(.uk-table) th {
    text-align: left;
}