.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;
    white-space: nowrap !important;
    border: 0 !important;
    ;
}

.wcag-sidebar {
    position: fixed;
    right: auto;
    left: calc(100% - 85px);
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* Space between buttons */
    padding: 10px;
    background-color: #f8f9fa;
    /* Light background color */
    border: 1px solid #dee2e6;
    /* Light border */
    border-radius: 0.25rem;
    /* Rounded corners */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    /* Subtle shadow */
    z-index: 1050;
    transition: all .3s ease;
    /* Ensure it's above most other content */
}

.wcag-sidebar.wcag-sidebar-hidden {
    flex-direction: row;
    right: auto;
    left: calc(100% - 63px);
}

.wcag-sidebar.wcag-sidebar-hidden .wcag-toggle {
    transform: rotate(180deg)
}

.wcag-sidebar .wcag-button {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    cursor: pointer;
    text-align: center;
    min-width: 40px;
    /* Ensure buttons have a decent size */
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wcag-sidebar .wcag-button:hover,
.wcag-sidebar .wcag-button:focus {
    background-color: #e9ecef;
    border-color: #adb5bd;
    color: #495057;
    outline: none;
    /* Or a custom focus style */
}

.wcag-sidebar .wcag-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    /* Bootstrap-like focus */
}

.wcag-sidebar .wcag-button img {
    width: 20px;
    /* Adjust icon size as needed */
    height: 20px;
}

#wcag-font-increase-button,
#wcag-font-decrease-button {
    font-weight: bold;
}

/* high contrast mode */

.high-contrast {
    background-color: #000 !important;
    color: #fff !important;
}

.high-contrast body,
.high-contrast header,
.high-contrast main,
.high-contrast footer,
.high-contrast section,
.high-contrast div,
.high-contrast nav,
.high-contrast ul,
.high-contrast li,
.high-contrast article,
.high-contrast aside {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
    /* Ensure borders are visible */
}

.high-contrast a,
.high-contrast a:link,
.high-contrast a:visited {
    color: #00ff00 !important;
    /* Bright color for links */
    text-decoration: underline !important;
}

.high-contrast a:hover,
.high-contrast a:focus {
    color: #ffff00 !important;
    /* Different color for hover/focus */
    background-color: #333 !important;
}

.high-contrast .popover-trigger {
    color: #7fbdff;
}

.high-contrast .font-blue {
    color: #7fbdff;
}

.high-contrast .slider::-webkit-slider-thumb {
    background: #fff;
}

.high-contrast .btn,
.high-contrast button:not(.slick-arrow, [id*=slick]),
.high-contrast input[type="button"],
.high-contrast input[type="submit"],
.high-contrast input[type="reset"] {
    background-color: #555 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.high-contrast .zoomContainer {
    background-color: transparent !important;
}

.high-contrast .font-black,
.high-contrast h1 {
    color: #fff !important;
}

.high-contrast .table.multi tbody tr:nth-child(even) td,
.high-contrast .table.multi thead td,
.high-contrast .table.multi thead tr {
    background-color: #222 !important;
    color: #fff !important;
}

.high-contrast .auction .price.header,
.high-contrast .price.buy-now,
.high-contrast .price-old.value,
.high-contrast .price.header {
    color: #fff !important;
}

.high-contrast .medium-item * {
    color: #fff !important;
}

.high-contrast .slick-arrow {
    z-index: 1;
}

.high-contrast .slick-arrow:before {
    filter: invert(1) brightness(15.5) contrast(8.5);
}

.high-contrast .top-menu0 .top-search::after {
    filter: invert(1) brightness(8.5);
}

.high-contrast .top-menu0 .top-signin::after {
    filter: invert(1) brightness(5.5);
}

.high-contrast .top-menu .top-home {
    filter: invert(1) brightness(2.5);
}

.high-contrast .btn:hover,
.high-contrast button:not(.slick-arrow, [id*=slick]):hover,
.high-contrast input[type="button"]:hover,
.high-contrast input[type="submit"]:hover,
.high-contrast input[type="reset"]:hover {
    background-color: #777 !important;
    color: #fff !important;
}


.high-contrast .form-control,
.high-contrast select,
.high-contrast input[type="text"],
.high-contrast input[type="number"],
.high-contrast input[type="email"],
.high-contrast input[type="password"],
.high-contrast textarea {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.high-contrast ::placeholder {
    color: #ccc !important;
}

.high-contrast .dropdown-menu {
    background-color: #111 !important;
    border: 1px solid #fff !important;
}

.high-contrast .dropdown-item {
    color: #00ff00 !important;
}

.high-contrast .dropdown-item:hover,
.high-contrast .dropdown-item:focus {
    background-color: #333 !important;
    color: #ffff00 !important;
}

.high-contrast hr {
    border-top: 1px solid #fff !important;
}

.high-contrast img,
.high-contrast svg {
    /* Optional: Invert images or add borders if needed for visibility */
    /* filter: invert(1) hue-rotate(180deg); */
    /* border: 1px solid #555; */
    /* Example: add a border to images */
}

.high-contrast .main-logo-img {
    /* Keep logo as is or provide a high-contrast version */
    filter: none !important;
    border: none !important;
}

.high-contrast .top-menu0 .nav-link,
.high-contrast .top-menu .nav-link {
    color: #00ff00 !important;
}

.high-contrast .top-menu0 .nav-link:hover,
.high-contrast .top-menu .nav-link:hover {
    color: #ffff00 !important;
}

.high-contrast .navbar-toggler svg path {
    stroke: #fff !important;
}

.high-contrast .carousel-indicators li {
    background-color: #555 !important;
    border: 1px solid #fff !important;
}

.high-contrast .carousel-indicators .active {
    background-color: #fff !important;
}

.high-contrast .wrapper-slider--img img {
    border: 1px solid #fff !important;
    /* Make slider images stand out */
}

.high-contrast .header-slider-item,
.high-contrast .paragraph-slider-item,
.high-contrast .paragraph-slider-item span,
.high-contrast .wrapper ul li {
    color: #fff !important;
}

.high-contrast .filter-header,
.high-contrast .deals-header,
.high-contrast .video-header {
    color: #fff !important;
}

.high-contrast label {
    color: #fff !important;
}

.high-contrast .form-check-label {
    color: #fff !important;
}

.high-contrast .small-item .wrapper {
    /* border: 1px solid #fff !important; */
    background-color: #000 !important;
}

.high-contrast .current-price,
.high-contrast .current-price span,
.high-contrast .remaining-time,
.high-contrast .title,
.high-contrast .subtitle {
    color: #fff !important;
}

.high-contrast .small-item a .title,
.high-contrast .small-item a .subtitle {
    color: #00ff00 !important;
}

.high-contrast .small-item a:hover .title,
.high-contrast .small-item a:hover .subtitle {
    color: #ffff00 !important;
}

.high-contrast .breadcrumb {
    background-color: transparent;
}


.high-contrast .location-of-squares .first-square,
.high-contrast .location-of-squares .second-square {
    background-color: #000 !important;
    /* border: 1px solid #fff !important; */
    color: #fff !important;
}

.high-contrast .opening-hours::before,
.high-contrast .location-square::before {
    filter: invert(1) brightness(8.5);
}

.high-contrast .square,
.high-contrast .location-square,
.high-contrast .opening-hours {
    color: #fff !important;
}

.high-contrast .footer-bottom {
    background-color: #000 !important;
    color: #fff !important;
}

.high-contrast .footer-top__link {
    color: #00ff00 !important;
}

.high-contrast .footer-top__link:hover {
    color: #ffff00 !important;
}

.high-contrast .footer-bottom__info-list-item span {
    color: #fff !important;
}

.high-contrast .footer-bottom__info-lang {
    color: #00ff00 !important;
}

.high-contrast .footer-bottom__info-lang svg path.flag-en__blue {
    fill: #00123d !important;
    /* Darker blue for contrast */
}

.high-contrast .footer-bottom__info-lang svg path.flag-en__red {
    fill: #ff6677 !important;
    /* Brighter red for contrast */
}

.high-contrast .footer-bottom__info-lang img {
    /* UA flag */
    border: 1px solid #fff !important;
    /* Add border to make it visible */
}

.high-contrast .wcag-sidebar {
    background-color: #222 !important;
    border: 1px solid #fff !important;
}

.high-contrast .wcag-button {
    background-color: #444 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.high-contrast .wcag-button:hover {
    background-color: #666 !important;
}

.high-contrast .wcag-button svg {
    fill: #fff !important;
    /* Ensure SVG icon color is also high contrast */
    border: none;
    /* Remove border from SVG if it was added globally */
}

.high-contrast .wcag-button svg path[fill="currentColor"] {
    fill: #fff !important;
}

.high-contrast .wcag-button svg path[style*="opacity"] {
    fill: #aaa !important;
    /* Adjust opacity part for contrast */
}

/* Specific overrides for elements that might be problematic */
.high-contrast .blue-arrow-down::after {
    /* Example for pseudo-elements if they use color */
    border-top-color: #00ff00 !important;
}

.high-contrast .arrow-gray-down::after {
    border-top-color: #00ff00 !important;
}

.high-contrast .shadow-on-mobile {
    box-shadow: none !important;
}

.high-contrast .badge.gradient-black {
    background: #00ff00;
    color: #000;
}

.high-contrast .badge.gradient-blue {
    background: #ffff00;
    color: #000;
}

.high-contrast .ico-info,
.high-contrast .ico-time,
.high-contrast .ico-marker,
.high-contrast .ico-tick,
.high-contrast .cross-red,
.high-contrast .ico-pdf {
    filter: grayscale(1) invert(1) contrast(2.5);
}

.high-contrast .ico-fb {
    background-color: #fff;
    background-position: center;
    border-radius: 5px;
}

.high-contrast .ico-time-bg,
.high-contrast .ico-info-big-inside-left,
.high-contrast .ico-marker-bg {
    background-image: none;
}
.high-contrast .ico-info-big-inside-left:before,
.high-contrast .ico-time-bg:before {
    content: '';
    background-image: url(../img/ico-time.png);
    background-position: top center;
    background-repeat: no-repeat;
    filter: grayscale(1) invert(1) contrast(2.5) !important;
    width: 62px;
    width: 60px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.high-contrast .panel-menu li.active a{
    background-color: #fff !important;
    color: #000 !important;
}

.high-contrast .planned {
    color: #fff !important;
}

.high-contrast .ico-info-big-inside-left:before{
    background-position: 40% 75%;
    background-image: url(../img/ico-info-big.png);
}

.high-contrast .ico-marker-bg:before {
    content: '';
    background-image: url(../img/ico-marker.png);
    background-position: top center;
    background-repeat: no-repeat;
    filter: grayscale(1) invert(1) contrast(2.5) !important;
    width: 62px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.high-contrast .ico-calc {
    background-image: none;
}

.modal-footer {
    margin: 0px;
}

.high-contrast button.close {
    background-color: #000 !important;
    border: none !important;
}

[data-wcag-font-modified] {
    line-height: 1.3;
    word-break: break-word;
}

.high-contrast .ico-calc::after {
    content: '';
    background-position: center 4px;
    background-repeat: no-repeat;
    filter: grayscale(1) invert(1) contrast(2.5) !important;
    width: 60px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-image: url(../img/ico-calc.png);
}

.high-contrast .modal {
    background-color: #222 !important;
    color: #fff !important;
}

.high-contrast .top-search,
.high-contrast .top-signin,
.high-contrast .top-register {
    background-image: none !important;
    /* Remove background images from icons if they don't contrast well */
    /* Consider replacing with SVG or font icons that can be colored with CSS */
}

.high-contrast .top-search::before,
/* If using pseudo-elements for icons */
.high-contrast .top-signin::before,
.high-contrast .top-register::before {
    color: #fff !important;
}

/* FONT SIZER */

.medium-item[data-wcag-font-original] {
    line-height: 1.5 !important;
}


@media (max-width: 768px) {
    .wcag-sidebar {
        top: auto;
        left: calc(100% - 300px);
        bottom: 10px;
        transform: none;
        flex-direction: row;
    }
}