/* Reset */
body.wcag-high-contrast-alt {
    div.pimcore_area_landing-page-pattern-inspect-areabrick.pimcore_area_content > section > div > div > div:nth-child(1) > div > img.trid {
        filter: brightness(0);
    }

    div.pimcore_area_landing-page-pattern-inspect-areabrick.pimcore_area_content > section > div > div > div:nth-child(1) > div > p > span {
        color: #000000 !important;
    }

    .icon-high-contrast {
        background-color: #F8E500;
    }

    color: #F8E500;
    background-color: #000000;

    ::-webkit-input-placeholder,
    :-moz-placeholder,
    ::-moz-placeholder,
    :-ms-input-placeholder {
        color: #F8E500;
    }

    .flickity-button {
        filter: invert(10%) sepia(1000%) saturate(1000%) brightness(10000%) contrast(100%);

        button.flickity-button&[disabled] {
            opacity: 1 !important;
            pointer-events: none;
            border: none;
        }
    }

    .contact-page-details-section {
        color: #F8E500 !important;
    }

    section.pattern-start {
        background-color: #F8E500 !important;
    }

    .footer {
        border-top: 1px #F8E500 solid;
    }

    .contact-box {
        background-color: #000000;
        border: 1px solid #F8E500;
    }

    .slide-half.left-slide {
        background-color: #F8E500 !important;
    }

    form input:not([type="select"]):not([type="file"]),
    form textarea {
        border: 1px solid #000000;
    }

    form input[type="submit"] {
        background: #000000;
        color: #000000;
    }

    figure:after {
        background: #000000;
    }

    ::selection,
    ::-moz-selection {
        background: #000000;
    }

    .page-default {
        background: #000000;
    }

    /* Global */

    body {
        color: #000000;
    }

    .btn-black {
        border: 1px solid #F8E500 !important;
        color: #F8E500 !important;
        background-color: #000000;
    }

    /* Header */

    header {
        background: #000000;
    }

    header .logo:after {
        background: #000000;
    }

    section.start {
        background-color: #F8E500 !important;
    }

    .patterns-txt-inner h3, .patterns-txt-inner p {
        color: #000000;
    }


    header nav a {
        border-bottom: 1px solid transparent;
    }

    header nav a:hover {
        color: #F8E500;
        border-color: #F8E500;
    }

    header .lang-switcher ul {
        background: #000000;
    }

    header .lang-switcher li {
        border: 1px solid #F8E500;
        background: #000000;
    }

    header nav .lang-switcher a {
        color: #F8E500;
        opacity: 1;
        backdrop-filter: none;
    }

    /* Start */

    .slide-text {
        color: #000000;
    }

    .slide-text:after {
        background: #000000;
    }

    .slide-num {
        color: #F8E500;
    }

    /* Section technology */

    .technology {
        background: #000000;
    }

    .tech-img figure {
        box-shadow: 0px 4px 8px #000000;
    }

    .trid-icon {
        background: #000000;
    }

    .characteristic-inner {
        background: #000000;
        box-shadow: 0px 4px 8px #000000;
    }

    .details {
        color: #F8E500;
    }

    /* Section contact */

    .contact {
        background: #000000;
    }

    .contact-btn {
        background: #000000;
        box-shadow: 0px 4px 8px #000000;
    }

    .contact-img {
        box-shadow: 0px 4px 8px #000000;
    }

    .person-txt {
        background: #000000;
        box-shadow: 0px 4px 8px #000000;
    }

    /* Page - Wzory */

    .start-l {
        color: #000000;
    }

    .patterns-txt-btm h3 {
        color: #000000;
    }

    .pattern-info > div {
        background: #000000;
    }

    /* Single - Wzory */

    .pattern-start {
        color: #000000;
    }

    .pattern-start .trid {
        filter: invert(1);
    }

    .pattern-content {
        background: #000000;
    }

    /* Mapa */

    #map {
        background: #000000;
    }

    #map input {
        border: 1px solid #F8E500;
    }

    [role="option"] {
        background: #000000;
    }

    [role="option"][aria-selected="true"],
    [role="option"]:hover {
        background: #000000;
    }

    .close:before,
    .close:after {
        background-color: #F8E500;
    }

    .map-inner {
        background: #000000;
        box-shadow: 0px 6px 12px #000000;
    }

    .distributor {
        border: 1px solid #F8E500;
        color: #F8E500;
    }

    .distributor b {
        color: #000000;
    }

    .distributor:hover,
    .distributor.active {
        background: #000000;
    }

    .d-info-l {
        color: #F8E500;
    }

    .d-info-l b {
        color: #000000;
    }

    .d-info-r {
        background: #000000;
    }

    .d-info-r .btn:first-child {
        background: #000000;
        color: #000000;
    }

    .distributors-list:after {
        background: linear-gradient(0deg, #000000 0%, #000000 70%);
    }

    .filter {
        box-shadow: 0px 1px 4px #000000;;
        background: #000000;
    }

    .filters.active .filter,
    .filter:hover {
        background: #000000;
    }

    .filter-cats {
        background: #000000;
        box-shadow: 0px 1px 3px #000000;;
    }

    .filter-cat-inner {
        border-bottom: 1px solid #F8E500;
    }

    .filter-cat.active {
        background: #000000;
    }

    .filter-cat-name:before {
        border: 1px solid #000000;
    }

    /* Footer */

    .newsletter {
        background: #000000;
    }

    .newsletter input:not([type="checkbox"]) {
        border: 1px solid #F8E500;
        background: #000000;
    }

    .newsletter input[type="submit"] {
        background: #000000;
        color: #000000;
    }

    .accept {
        color: #F8E500;
    }

    .footer {
        background: #000000;
        color: #F8E500;
    }

    .footer h4 {
        color: #000000;
    }

    .footer-bottom {
        border-top: 1px solid #000000;
    }

    header > div > a.logo > img {
        filter: invert(100%) sepia(80%) saturate(1000%) brightness(100%) contrast(100%);
    }

    header > div > a.trid-logo {
        filter: invert(100%) sepia(80%) saturate(10000%) brightness(100%) contrast(100%);
    }

    #content > footer > div > div > div.footer-top > div:nth-child(1) > img {
        filter: invert(100%) sepia(80%) saturate(1000%) brightness(100%) contrast(100%);
    }

    .socials a {
        filter: invert(10%) sepia(1000%) saturate(1000%) brightness(10000%) contrast(100%)
    }

    #technologia > div > div > div.characteristics > div > div > div > div > img {
        filter: invert(10%) sepia(1000%) saturate(1000%) brightness(10000%) contrast(100%)
    }

    #technologia > div > div > div.characteristics > div > div.more-characteristics.active > div > div > div > div > img {
        filter: invert(10%) sepia(1000%) saturate(1000%) brightness(10000%) contrast(100%)
    }

    #main div .page-default {
        background-color: #000000 !important;
    }

    .form-group #warranty_form_submit {
        color: #000000 !important;
        background-color: #F8E500 !important;
    }

    input {
        border: 1px solid #F8E500 !important;
    }

    input[type=checkbox] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: black;
        border: 2px solid #F8E500;
    }

    /* checked state */

    input[type=checkbox]:checked {
        background-color: #F8E500;
        border-color: #F8E500;
    }
}