/* =========================================================
   SVGM ACCESSIBILITY
   Vizuālais dizains netiek pārtaisīts.
   ========================================================= */


/* ---------------------------------------------------------
   SCREEN READER ONLY
   --------------------------------------------------------- */

.svgm-sr-only {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* ---------------------------------------------------------
   SKIP LINK
   Parastā skatā nav redzams.
   Parādās tikai, kad lietotājs nospiež TAB.
   --------------------------------------------------------- */

.svgm-skip-link {
    position: fixed !important;

    top: 10px !important;
    left: 10px !important;

    z-index: 99999999 !important;

    transform: translateY(-180%) !important;

    padding:
        10px
        16px !important;

    border:
        2px solid
        #721b26 !important;

    border-radius:
        8px !important;

    background:
        #ffffff !important;

    color:
        #721b26 !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.3 !important;

    text-decoration:
        none !important;

    box-shadow:
        0 4px 18px
        rgba(0,0,0,.18) !important;
}


.svgm-skip-link:focus {
    transform: translateY(0) !important;
}


/* ---------------------------------------------------------
   KEYBOARD FOCUS
   Ar peli dizainu nemaina.
   --------------------------------------------------------- */

html.svgm-keyboard-nav
a:focus-visible,

html.svgm-keyboard-nav
button:focus-visible,

html.svgm-keyboard-nav
input:focus-visible,

html.svgm-keyboard-nav
select:focus-visible,

html.svgm-keyboard-nav
textarea:focus-visible,

html.svgm-keyboard-nav
[tabindex]:focus-visible {

    outline:
        3px solid
        #1f6b86 !important;

    outline-offset:
        3px !important;
}


/*
   Neņemam nost browsera focus,
   ja :focus-visible netiek atbalstīts.
*/

@supports selector(:focus-visible) {

    a:focus:not(:focus-visible),
    button:focus:not(:focus-visible) {

        outline:
            none;
    }

}


/* ---------------------------------------------------------
   DROPDOWN MENU AR TASTATURU
   Maina tikai funkcionēšanu, ne izskatu.
   --------------------------------------------------------- */

#svgm-header .menu-item-has-children:focus-within > .sub-menu,
.page_item_has_children:focus-within > .children {

    visibility:
        visible !important;

    opacity:
        1 !important;

    pointer-events:
        auto !important;
}


/* ---------------------------------------------------------
   REDUCED MOTION
   Tikai lietotājiem, kuri OS ir pieprasījuši
   samazinātu animāciju.
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior:
            auto !important;
    }


    *,
    *::before,
    *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;
    }

}


/* ---------------------------------------------------------
   TEXT RESIZE / REFLOW
   Neļaujam komponentiem nogriezt palielinātu tekstu.
   --------------------------------------------------------- */

body {
    text-size-adjust:
        100%;

    -webkit-text-size-adjust:
        100%;
}


main,
article,
section,
header,
footer,
nav {

    min-width:
        0;
}


/* ---------------------------------------------------------
   FORM ERROR / STATUS SUPPORT
   --------------------------------------------------------- */

[aria-invalid="true"] {

    outline:
        2px solid
        #8d2531;

    outline-offset:
        2px;
}


/* ---------------------------------------------------------
   LINKS CONTENT AREA
   Neaiztiekam header/menu dizainu.
   --------------------------------------------------------- */

main a:not([class]):focus-visible {

    text-decoration:
        underline;

    text-decoration-thickness:
        2px;

    text-underline-offset:
        3px;
}


/* ---------------------------------------------------------
   DIALOGS
   --------------------------------------------------------- */

[role="dialog"][aria-modal="true"]:focus {
    outline:
        none;
}

/* =========================================================
   WCAG FOCUS - VIZUALI PIELAGOTS VIETNES DIZAINAM
   ========================================================= */

html.svgm-keyboard-nav
a:focus-visible,

html.svgm-keyboard-nav
button:focus-visible,

html.svgm-keyboard-nav
input:focus-visible,

html.svgm-keyboard-nav
select:focus-visible,

html.svgm-keyboard-nav
textarea:focus-visible,

html.svgm-keyboard-nav
[tabindex]:focus-visible {

    outline:
        2px solid
        #7b3340 !important;

    outline-offset:
        3px !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.72) !important;
}


/* Header menu - nedaudz elegantaks fokuss */

html.svgm-keyboard-nav
nav a:focus-visible {

    outline:
        2px solid
        #7b3340 !important;

    outline-offset:
        4px !important;

    border-radius:
        4px;
}



/* =========================================================
   SVGM DESKTOP MENU FIX
   Header submenu vada pats custom header.
   focus-within nedrikst turet veco dropdown atvertu.
   ========================================================= */

@media (min-width: 1025px) {

    #svgm-header .menu-item-has-children:focus-within > .sub-menu {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    #svgm-header .menu-item-has-children:hover > .sub-menu,
    #svgm-header .menu-item-has-children.svgm-submenu-open > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

}