/* ==========================================================================
   ЧАСТИНА 1: СТИЛІ КНОПКИ ТА ВИПАДАЮЧОГО ВІКНА НАЛАШТУВАНЬ
   ========================================================================== */

.accessibility-wrapper {
  position: relative;
  display: inline-block;
}
.accessibility-wrapper button {
    color: #000;
}

#accessibility-toggle-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px 12px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: normal;
}

.acc-btn-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.acc-btn-content img {
  width: 36px;
  height: auto;
  display: block;
}

.acc-btn-text,
body.font-size-md .acc-btn-text,
body.font-size-lg .acc-btn-text {
  font-size: 16px !important;
  line-height: 1.2 !important;
  text-align: left;
  display: inline-block;
}

/* ==========================================================================
   ВИПАДАЮЧЕ ВІКОНЦЕ (ПАНЕЛЬ НАЛАШТУВАНЬ)
   ========================================================================== */
#accessibility-dropdown-panel {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 10px;
  background: #ffffff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
  padding: 20px;
  width: 350px;
  z-index: 999999;
}
#accessibility-dropdown-panel.open {
  display: block;
}

/* Шапка панелі */
.acc-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: end;
  gap: 10px;
}

.acc-panel-title {
  font-family: e-Ukraine-Regular;
  font-size: 16px;
  margin: 0;
  /* line-height: 1.3; */
}

/* Кнопка-хрестик у шапці: жорстко фіксуємо розмір */
#acc-panel-close-x {
  background: transparent;
  border: none;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 1 !important;
  color: #999;
  cursor: pointer;
  padding: 0;
  margin: 0;
  align-self: flex-start;
}
#acc-panel-close-x:hover {
  color: #333;
}

/* Секції та підписи */
.acc-section {
  margin-bottom: 20px;
}
.acc-label {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
  color: #808080;
}
.acc-btn-group {
  display: flex;
  gap: 8px;
}

/* Кнопки дій всередині панелі */

#btn-font-decrease,
#btn-font-increase {
  font-size: 36px !important;
}

.acc-action-btn {
  background: #fff;
  border: 2px solid #000;
  cursor: pointer;
  text-align: center;
}
.acc-action-btn:not(.disabled):not([disabled]):hover {
  background: #000;
  color: #fff;
  /* border-color: #000; */
}
.acc-action-btn.active {
  background: #000000 !important;
  color: #ffffff !important;
}

.acc-action-btn.disabled,
.acc-action-btn[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
  background: #fff;
  border-color: #000;
}

.acc-action-btn.spec-bw,
.acc-action-btn.spec-cursor,
#acc-reset-btn {
  width: 100%;
  display: block;
}

/* Футер панелі */
.acc-panel-footer {
  margin-top: 30px;
  border-top: 2px solid #000;
  padding-top: 30px;
}

/* ==========================================================================
   ЧАСТИНА 2: ЛОГІКА ТРАНСФОРМАЦІЇ САЙТУ (МОДИФІКАТОРІ БОДІ)
   ========================================================================== */

/* 1. ВІДТІНКИ СІРОГО */
body.accessibility-bw #page-container {
  filter: grayscale(100%) !important;
}
body.accessibility-bw .rdd-modal {
  filter: grayscale(100%) !important;
}

/* 2. ВЕЛИКИЙ КУРСОР */
body.accessibility-cursor {
  /* cursor: url("../images/cursor-black.cur"), auto; */
}
body.accessibility-cursor {
  cursor:
    url("../images//big-cursor.svg") 2 2,
    pointer;
}

/* 3. РОЗМІР ТЕКСТУ: КРОК 1 (А+) */
body.font-size-md p,
body.font-size-md span,
body.font-size-md li,
body.font-size-md a,
body.font-size-md label,
body.font-size-md td,
body.font-size-md th,
body.font-size-md #map-tooltip,
body.font-size-md .legend-title,
body.font-size-md .headline,
body.font-size-md .accordion-header,
body.font-size-md #tablepress-5_info {
  font-size: 22px !important;
  line-height: 1.5 !important;
}
body.font-size-md h1,
body.font-size-md .site-title {
  font-size: 48px !important;
  line-height: 1.2 !important;
}
body.font-size-md h2 {
  font-size: 44px !important;
  line-height: 1.2 !important;
}
body.font-size-md h3 {
  font-size: 40px !important;
  line-height: 1.3 !important;
}
body.font-size-md h4,
body.font-size-md h5,
body.font-size-md h6 {
  font-size: 34px !important;
}
body.font-size-md input,
body.font-size-md textarea,
body.font-size-md select,
body.font-size-md button {
  font-size: 22px !important;
}
body.font-size-md .secondary-text,
body.font-size-md .acc-label {
  font-size: 18px !important;
}
body.font-size-md .et_pb_link_inner {
  font-size: 26px !important;
}
body.font-size-md .btn-diia-download-csv::before {
  height: 30px;
}
body.font-size-md .rdd-total-big-amount {
  font-size: 40px !important;
}

/* 4. РОЗМІР ТЕКСТУ: КРОК 2 (А++) */
body.font-size-lg p,
body.font-size-lg span,
body.font-size-lg li,
body.font-size-lg a,
body.font-size-lg label,
body.font-size-lg td,
body.font-size-lg th,
body.font-size-lg #map-tooltip,
body.font-size-lg .legend-title,
body.font-size-lg .headline,
body.font-size-lg .et_pb_link_inner,
body.font-size-lg .accordion-header,
body.font-size-lg #tablepress-5_info {
  font-size: 26px !important;
  line-height: 1.6 !important;
}
body.font-size-lg h1,
body.font-size-lg .site-title {
  font-size: 52px !important;
  line-height: 1.2 !important;
}
body.font-size-lg h2 {
  font-size: 48px !important;
  line-height: 1.2 !important;
}
body.font-size-lg h3 {
  font-size: 44px !important;
  line-height: 1.3 !important;
}
body.font-size-lg h4,
body.font-size-lg h5,
body.font-size-lg h6 {
  font-size: 38px !important;
}
body.font-size-lg input,
body.font-size-lg textarea,
body.font-size-lg select,
body.font-size-lg button {
  font-size: 26px !important;
}
body.font-size-lg .secondary-text,
body.font-size-lg .acc-label {
  font-size: 22px !important;
}
body.font-size-lg .et_pb_link_inner {
  font-size: 30px !important;
}
body.font-size-lg .btn-diia-download-csv::before {
  height: 36px;
}
body.font-size-lg .rdd-total-big-amount {
  font-size: 44px !important;
}