/**
 * High Contrast Mode Styles for KredytOK Theme
 * This file contains all styles related to high contrast accessibility mode
 */

/* CSS Variables for High Contrast Mode */
:root {
  --high-contrast: #fffc32;
  --high-contrast-background: #3b360b;
}

/* High Contrast Toggle Button */
body.high-contrast .high-contrast-toggle {
  display: flex;
  align-items: center;
}

/* High Contrast Mode Styles */
body.high-contrast {
  background: black !important;
  color: var(--high-contrast) !important;
}

body.high-contrast .high-contrast-toggle {
  background: black !important;
  color: var(--high-contrast) !important;
  text-decoration: underline;
  font-weight: 600;
}

body.high-contrast .high-contrast-toggle:hover {
  font-weight: 800;
}

body.high-contrast .high-contrast-toggle--icon {
  background: var(--high-contrast) !important;
  color: black;
}

body.high-contrast a {
  color: var(--high-contrast) !important;
}

body.high-contrast .secondary__button,
body.high-contrast .login-button {
  background: black !important;
  color: var(--high-contrast) !important;
  border: 2px solid var(--high-contrast) !important;
  span {
    background: black !important;
  }
}

body.high-contrast .secondary__button:hover,
body.high-contrast .login-button:hover {
  background: var(--high-contrast) !important;
  color: black !important;
  border: 2px solid var(--high-contrast);
  span {
    background: var(--high-contrast) !important;
  }
}

body.high-contrast input,
body.high-contrast select,
body.high-contrast textarea {
  background: black !important;
  color: var(--high-contrast) !important;
  border: 2px solid var(--high-contrast);
}

body.high-contrast .header {
  background: black !important;
  color: var(--high-contrast) !important;
}

body.high-contrast .footer {
  background: black !important;
  color: var(--high-contrast) !important;
}

body.high-contrast .header__menu-icon--row {
  background: var(--high-contrast) !important;
}

body.high-contrast .header_phone_wrapper {
  background: var(--high-contrast) !important;
  color: black !important;
}

body.high-contrast .header__phone--icon {
  color: black !important;
}

body.high-contrast .header__phone--text {
  color: var(--high-contrast) !important;
  -webkit-text-fill-color: var(--high-contrast) !important;
}

body.high-contrast .header__logo__white {
  display: inline-block !important;
}

body.high-contrast .header__logo__color {
  display: none !important;
}

body.high-contrast .loan-form {
  background: black !important;
}

body.high-contrast .loan-form__content {
  background: black !important;
  border: 1px solid var(--high-contrast) !important;
}

body.high-contrast .loan-form:after {
  background: black !important;
}

body.high-contrast .standard__title {
  color: white;
}

body.high-contrast .standard__title::after {
  background: var(--high-contrast) !important;
}

html body.high-contrast .wpsisac-slick-slider.design-4 .slick-arrow {
  color: black !important;
  background-color: var(--high-contrast) !important;
}

html
  body.high-contrast
  .wpsisac-slick-slider.design-4
  .wpsisac-slider-readmore {
  background: linear-gradient(black, black) padding-box,
    var(--high-contrast) border-box !important;
  color: var(--high-contrast) !important;
}
html
  body.high-contrast
  .wpsisac-slick-slider.design-4
  .wpsisac-slider-readmore:hover {
  background: linear-gradient(var(--high-contrast), var(--high-contrast))
      padding-box,
    black border-box !important;
  color: black !important;
}

body.high-contrast h2.wpsisac-slide-title span {
  color: var(--high-contrast) !important;
  -webkit-text-fill-color: var(--high-contrast) !important;
}

body.high-contrast .main__list--item {
  background: url(assets/check-yellow.svg) no-repeat left top/auto 2rem;
}

body.high-contrast .main__characteristic {
  background: var(--high-contrast-background) !important;
}

body.high-contrast .main__characteristic:before {
  background: var(--high-contrast-background) !important;
}

body.high-contrast .process__bg {
  display: none !important;
}

body.high-contrast .process__item--image-wrapper {
  background: var(--high-contrast) !important;
}

body.high-contrast .main__characteristic--icon {
  background: var(--high-contrast) !important;
}

body.high-contrast .contract-slider-col {
  color: var(--high-contrast) !important;
}

.wpcf7-range {
  border: none !important;
}

body.high-contrast .contract-slider input[type="range"]::-webkit-slider-thumb {
  background-image: url(assets/imgs/switcher-yellow.svg);
}

body.high-contrast
  .loan-form__field:not([type="checkbox"]):not([value=""]):not(.error):not(
    :focus
  )
  ~ .loan-form__icons {
  background-image: url(assets/valid-yellow.svg);
}

body.high-contrast .wpcf7-acceptance label:before,
.wpcf7-checkbox label:before {
  background-color: black;
  border: 1px solid var(--high-contrast);
}

body.high-contrast .wpcf7-acceptance input:checked ~ label:before,
body.high-contrast .wpcf7-checkbox input:checked ~ label:before,
body.high-contrast .wpcf7-acceptance label:has(input:checked):before,
body.high-contrast .wpcf7-checkbox label:has(input:checked):before {
  background: black;
  border: 1px solid var(--high-contrast);
}

body.high-contrast .standard__button {
  background: var(--high-contrast) !important;
  color: black !important;
}

body.high-contrast .standard__button:hover {
  background: black !important;
  color: var(--high-contrast) !important;
  border: 1px solid var(--high-contrast) !important;
}

html body.high-contrast .reliable-company__companies--arrows .slick-arrow {
  background-color: var(--high-contrast) !important;
  color: black !important;
}

body.high-contrast .experience-company {
  background-color: var(--high-contrast-background);
}

body.high-contrast .imapsMapObject-group,
body.high-contrast .imapsMapPolygon-group {
  fill: black !important;
  stroke: var(--high-contrast) !important;
}

body.high-contrast .faq-item {
  background: var(--high-contrast-background) !important;
  color: var(--high-contrast) !important;
}

body.high-contrast .faq-item__question {
  color: var(--high-contrast) !important;
}

body.high-contrast .faq-item__question:after {
  color: var(--high-contrast) !important;
}

body.high-contrast .faq-item__answer {
  color: var(--high-contrast) !important;
}

body.high-contrast .faq-item__answer p {
  color: var(--high-contrast) !important;
}

body.high-contrast .owu__desc {
  background: var(--high-contrast-background) !important;
  border-color: var(--high-contrast) !important;
}

body.high-contrast .seo-description {
  background: black !important;
}

body.high-contrast .seo-description__item {
  background: var(--high-contrast-background) !important;
  color: var(--high-contrast) !important;
  border-color: var(--high-contrast) !important;
}

body.high-contrast .seo-description__text {
  color: var(--high-contrast) !important;
}

body.high-contrast .seo-description__item__title {
  color: var(--high-contrast) !important;
}

body.high-contrast .heart__section__bg {
  display: none !important;
}

body.high-contrast .reliable-company__bg {
  display: none !important;
}

body.high-contrast .bottom-navs {
  background-color: black !important;
  border-top: 1px solid var(--high-contrast) !important;
}

body.high-contrast .bottom-navs__title {
  color: var(--high-contrast) !important;
}

body.high-contrast .footer {
  background-color: var(--high-contrast-background) !important;
  border-top: 1px solid var(--high-contrast) !important;
}

body.high-contrast .footer__scroll-to-top {
  background: var(--high-contrast) !important;
  color: black !important;
}

body.high-contrast .header__nav {
  background: var(--high-contrast-background) !important;
  border: 1px solid var(--high-contrast) !important;
}

body.high-contrast .accent__blue {
  color: var(--high-contrast) !important;
}

body.high-contrast .accent__red {
  color: var(--high-contrast) !important;
}

body.high-contrast .standard__desc ul li:before {
  background: var(--high-contrast) !important;
}

body.high-contrast table {
  color: var(--high-contrast) !important;
  background-color: var(--high-contrast-background) !important;
  border-color: var(--high-contrast) !important;
}

body.high-contrast td {
  border-top: 1px solid var(--high-contrast) !important;
}

body.high-contrast .post-meta {
  background-color: var(--high-contrast-background) !important;
  color: var(--high-contrast) !important;
}

body.high-contrast .breadcrumb-current,
body.high-contrast .post-meta__label,
body.high-contrast .post-meta__value {
  color: var(--high-contrast) !important;
}

body.high-contrast #ez-toc-container {
  background-color: var(--high-contrast-background) !important;
  color: var(--high-contrast) !important;
  border-color: var(--high-contrast) !important;
}

body.high-contrast .ez-toc-title {
  color: var(--high-contrast) !important;
}

body.high-contrast .sidebar {
  background-color: var(--high-contrast-background) !important;
  color: white !important;
  border-color: var(--high-contrast) !important;
}

body.high-contrast .sidebar-title {
  color: white !important;
}

body.high-contrast .sidebar-title:after {
  background: var(--high-contrast) !important;
}

body.high-contrast .recent-post-item {
  background: black !important;
  color: var(--high-contrast) !important;
}

body.high-contrast .subpage-category-column2 div {
  color: var(--high-contrast) !important;
}

body.high-contrast .recent-post-title,
body.high-contrast .recent-post-date {
  color: var(--high-contrast) !important;
}

body.high-contrast .subpage-category-column2 .column2-text h2 {
  color: var(--high-contrast) !important;
}

body.high-contrast .contact__info--bubble {
  background: var(--high-contrast-background) !important;
  color: var(--high-contrast) !important;
  border-color: var(--high-contrast) !important;
}

body.high-contrast .contact__way--value {
  -webkit-text-fill-color: var(--high-contrast) !important;
}

body.high-contrast .subpage-category-column2 .column2-text h3 {
  color: var(--high-contrast) !important;
}

body.high-contrast #open-terms-modal {
  color: var(--high-contrast) !important;
}

body.high-contrast .app-card {
  background: black !important;
  border: 1px solid var(--high-contrast) !important;
  color: white !important;
}

body.high-contrast .app-card .app-card-title::after {
  background: var(--high-contrast) !important;
}

body.high-contrast .footer__additional_information {
  color: var(--high-contrast) !important;
}

body.high-contrast .app-autosuggest {
  background: black;
}

body.high-contrast .app-autosuggest-item {
  background: black;
  color: yellow;
}

body.high-contrast .app-autosuggest-item:hover {
  background: black;
  color: yellow;
}

body.high-contrast .notice-border {
  border-color: var(--high-contrast) !important;
}

body.high-contrast .notice-text {
  color: var(--high-contrast) !important;
}

body.high-contrast .loan-form__field:not([type="checkbox"]).error {
  border-color: var(--high-contrast) !important;
}

body.high-contrast .error {
  color: var(--high-contrast) !important;
}

body.high-contrast #pok-terms-error {
  color: var(--high-contrast);
  font-weight: 600;
}

body.high-contrast .about__desc a {
  text-decoration: underline !important;
}

body.high-contrast .terms-desc {
  a {
    text-decoration: underline !important;
  }
}

body.high-contrast .contact__way {
  border: 1px solid var(--high-contrast) !important;
}

body.high-contrast .loan-form__field {
  border-color: var(--high-contrast) !important;
}

body.high-contrast .wpcf7-not-valid-tip {
  color: var(--high-contrast) !important;
}

body.high-contrast .wpcf7-response-output {
  color: var(--high-contrast) !important;
}