/* =========================================================
   Accessibility menu — modelled on the UserWay widget of asan.gov.az.
   Everything here is sized in px so the page's text-size setting
   does not enlarge the menu itself.
   ========================================================= */

:root {
  --uwa-main: #6A2C5F;
  --uwa-main-rgb: 106, 44, 95;
  --uwa-main-dark: #4B1E44;
  --uwa-body: #F3EFF3;
}

/* ---------- launcher ---------- */
.uwa-launch {
  position: fixed;
  left: 13px;
  bottom: 13px;
  z-index: 110;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--uwa-main);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(var(--uwa-main-rgb), .35);
  transition: transform .1s, background-color .1s;
}
.uwa-launch svg { width: 30px; height: 30px; }
.uwa-launch:hover { background: var(--uwa-main-dark); transform: scale(1.06); }
.uwa-launch:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px var(--uwa-main); }

/* ---------- overlay + panel ---------- */
html.uwa-open { overflow: hidden; }

.uwa {
  position: fixed;
  inset: 0;
  z-index: 190;
  font-family: "Fira Sans", "Segoe UI", system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: normal;
  word-spacing: normal;
  text-align: left;
}
.uwa__scrim { position: absolute; inset: 0; background: transparent; }

.uwa__panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 360px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--uwa-main);
  box-shadow: 0 0 48px rgba(0, 0, 0, .22);
  animation: uwaIn .2s ease-out;
}
@keyframes uwaIn { from { transform: translateX(-18px); opacity: .4; } to { transform: none; opacity: 1; } }
.uwa.is-xl .uwa__panel { width: 520px; }

.uwa__header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 12px 20px;
}
.uwa__title {
  margin: 0;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: normal;
  color: #fff;
}
.uwa.is-xl .uwa__title { font-size: 16px; }

.uwa__close {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .36);
  color: #fff;
  cursor: pointer;
}
.uwa__close:focus { outline: none; }
.uwa__close:focus-visible::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 2px solid #fff;
  border-radius: 50%;
  outline: 3px solid rgba(255, 255, 255, .3);
}

.uwa__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  background: var(--uwa-body);
  border-radius: 16px 16px 0 0;
  -webkit-overflow-scrolling: touch;
}
.uwa__content { padding: 20px; }

/* ---------- "Böyük ölçülü vidjet" switch row ---------- */
.uwa-switchrow {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  margin-bottom: 8px;
}
.uwa-switchrow__icon { display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; color: #000; }
.uwa-switchrow__icon svg { width: 24px; height: 24px; }
.uwa-switchrow__label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #000;
  cursor: pointer;
}
.uwa.is-xl .uwa-switchrow__label { font-size: 17px; }

.uwa-switch { position: relative; flex: 0 0 auto; width: 45px; height: 24px; }
.uwa.is-xl .uwa-switch { width: 47px; height: 28px; }
.uwa-switch__input {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.uwa-switch__track {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 22px;
  background: #313D5C;
}
.uwa-switch__track::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--uwa-main);
  transform: translateX(-100%);
  transition: transform .15s ease;
}
.uwa-switch__knob {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: #fff;
  color: #313D5C;
  transition: transform .15s ease;
}
.uwa.is-xl .uwa-switch__knob { width: 24px; }
.uwa-switch__knob svg { width: 10px; height: 10px; }
.uwa-switch__on { display: none; }
.uwa-switch__input:checked + .uwa-switch__track::before { transform: none; }
.uwa-switch__input:checked + .uwa-switch__track .uwa-switch__knob { transform: translateX(19px); color: var(--uwa-main); }
.uwa-switch__input:checked + .uwa-switch__track .uwa-switch__on { display: block; }
.uwa-switch__input:checked + .uwa-switch__track .uwa-switch__off { display: none; }
.uwa-switch__input:focus-visible + .uwa-switch__track { outline: 2px solid var(--uwa-main); outline-offset: 3px; box-shadow: 0 0 0 6px rgba(var(--uwa-main-rgb), .22); }

/* ---------- tiles ---------- */
.uwa-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  margin: 0;
  padding: 0 0 15px;
  list-style: none;
}
.uwa-grid > li { min-width: 0; }

.uwa-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 114px;
  padding: 5px 10px 12px;
  border: 2px solid #fff;
  border-radius: 12px;
  background: #fff;
  color: #000;
  font: inherit;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.uwa-tile:hover { border-color: var(--uwa-main); }
.uwa-tile:focus { outline: none; }
.uwa-tile:focus-visible::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 2px solid var(--uwa-main);
  border-radius: 14px;
  box-shadow: 0 0 0 3px rgba(var(--uwa-main-rgb), .22);
}

.uwa-tile__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  margin: 10px 0 7px;
  color: #000;
}
.uwa-tile__icon svg { width: 28px; height: 28px; }
.uwa-tile__name {
  display: block;
  max-width: 100%;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.15px;
  color: #000;
  overflow-wrap: anywhere;
}

.uwa-tile__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(var(--uwa-main-rgb), .88);
  color: #fff;
}
.uwa-tile__badge svg { width: 10px; height: 10px; }

.uwa-tile__steps {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 9px;
  display: flex;
  gap: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .15s ease, visibility .15s ease;
}
.uwa-tile__steps i {
  flex: 1 1 0;
  height: 3px;
  border-radius: 10px;
  background: rgba(var(--uwa-main-rgb), .3);
}
.uwa-tile__steps i.is-on { background: var(--uwa-main); }

.uwa-tile.is-active { border-color: var(--uwa-main); box-shadow: 0 0 0 5px rgba(var(--uwa-main-rgb), .1); }
.uwa-tile.is-active .uwa-tile__name,
.uwa-tile.is-active .uwa-tile__icon { color: var(--uwa-main); }
.uwa-tile.is-active .uwa-tile__badge { display: flex; }
.uwa-tile.is-active .uwa-tile__steps { opacity: 1; visibility: visible; }

.uwa.is-xl .uwa-tile { height: 154px; }
.uwa.is-xl .uwa-tile__icon { transform: scale(1.3); margin-bottom: 20px; }
.uwa.is-xl .uwa-tile__name { font-size: 22px; }
.uwa.is-xl .uwa-tile__badge { width: 24px; height: 24px; }
.uwa.is-xl .uwa-tile__badge svg { width: 14px; height: 14px; }

/* ---------- reset ---------- */
.uwa-reset {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 13px 16px;
  border: 0;
  border-radius: 10px;
  background: var(--uwa-main);
  color: #fff;
  font: inherit;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.2px;
  text-align: center;
  cursor: pointer;
  transition: background-color .15s ease;
}
.uwa-reset svg { flex: 0 0 auto; width: 20px; height: 20px; }
.uwa-reset:hover { background: var(--uwa-main-dark); }
.uwa-reset:focus { outline: none; }
.uwa-reset:focus-visible { outline: 2px solid var(--uwa-main); outline-offset: 4px; box-shadow: 0 0 0 7px rgba(var(--uwa-main-rgb), .22); }
.uwa.is-xl .uwa-reset { font-size: 17px; }

/* ---------- phones: the launcher sits above the fixed booking button ---------- */
@media (max-width: 600px) {
  .uwa__panel, .uwa.is-xl .uwa__panel { width: 100%; }
}
@media (max-width: 767.98px) {
  .uwa-launch { bottom: calc(80px + env(safe-area-inset-bottom)); }
}

/* =========================================================
   Page effects. `.uwa-x` marks the widget's own elements.
   ========================================================= */

/* Contrast + : invert (root filter keeps fixed elements in place) */
html[data-uwa-contrast="invert"] { filter: invert(1) hue-rotate(180deg); }
html[data-uwa-contrast="invert"] :is(img, video, iframe, .uwa-x) { filter: invert(1) hue-rotate(180deg); }

/* Saturation, alone and combined with invert */
html[data-uwa-sat="low"] { filter: saturate(.5); }
html[data-uwa-sat="high"] { filter: saturate(2); }
html[data-uwa-sat="mono"] { filter: grayscale(1); }
html[data-uwa-contrast="invert"][data-uwa-sat="low"] { filter: invert(1) hue-rotate(180deg) saturate(.5); }
html[data-uwa-contrast="invert"][data-uwa-sat="high"] { filter: invert(1) hue-rotate(180deg) saturate(2); }
html[data-uwa-contrast="invert"][data-uwa-sat="mono"] { filter: invert(1) hue-rotate(180deg) grayscale(1); }

/* Contrast + : dark and light.
   Every surface turns transparent over one solid page colour; only floating
   surfaces that must cover the page (header, menus, dialogs, the phone
   booking button, chips over the portrait) stay opaque. */
html[data-uwa-contrast="dark"],
html[data-uwa-contrast="dark"] body { background: #000 !important; }
html[data-uwa-contrast="dark"] body *:not(.uwa-x, .uwa-x *) {
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-uwa-contrast="dark"] body *:not(.uwa-x, .uwa-x *, img) { background-image: none !important; }
html[data-uwa-contrast="dark"] body :is(.sub, .drawer__panel, .drawer__foot, .dlg__panel, .cta, .moon__chip, .quote--float, .skip):not(.uwa-x *) { background-color: #000 !important; }
html[data-uwa-contrast="dark"] body a[href]:not(.uwa-x *) { color: #FFF200 !important; }
html[data-uwa-contrast="dark"] body :is(.cta, .cicon, .iconbtn, .chip, .tabs__tab, .sform__go, .bform__submit, .vcard__btn, .footer__card, input, textarea, select):not(.uwa-x *) { border: 1px solid #fff !important; }
html[data-uwa-contrast="dark"] .site-header::before { background: #000 !important; border-bottom: 1px solid #fff !important; -webkit-backdrop-filter: none; backdrop-filter: none; }

html[data-uwa-contrast="light"],
html[data-uwa-contrast="light"] body { background: #fff !important; }
html[data-uwa-contrast="light"] body *:not(.uwa-x, .uwa-x *) {
  background-color: transparent !important;
  color: #000 !important;
  border-color: #000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-uwa-contrast="light"] body *:not(.uwa-x, .uwa-x *, img) { background-image: none !important; }
html[data-uwa-contrast="light"] body :is(.sub, .drawer__panel, .drawer__foot, .dlg__panel, .cta, .moon__chip, .quote--float, .skip):not(.uwa-x *) { background-color: #fff !important; }
html[data-uwa-contrast="light"] body a[href]:not(.uwa-x *) { color: #0000C8 !important; }
html[data-uwa-contrast="light"] body :is(.cta, .cicon, .iconbtn, .chip, .tabs__tab, .sform__go, .bform__submit, .vcard__btn, .footer__card, input, textarea, select):not(.uwa-x *) { border: 1px solid #000 !important; }
html[data-uwa-contrast="light"] .site-header::before { background: #fff !important; border-bottom: 1px solid #000 !important; -webkit-backdrop-filter: none; backdrop-filter: none; }

html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) body :not(.uwa-x, .uwa-x *)::before,
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) body :not(.uwa-x, .uwa-x *)::after { background-image: none !important; box-shadow: none !important; }
/* Drawn marks (SVG fills, check boxes, list bullets, numbered steps) follow the text colour */
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) :is(.bm-moon, .bm-dot, .phase__fill) { fill: currentColor !important; }
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) .cycle-orbit::before { background-color: currentColor !important; }
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) :is(.bm-ring, .phase__rim, .cycle__ring, .cycle__halo, .cycle__ticks line) { stroke: currentColor !important; }
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) :is(.checklist input:checked, .field__check:checked)::after { background: currentColor !important; }
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) :is(.list li, .steps li)::before { background-color: transparent !important; border: 2px solid currentColor; color: inherit; }
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) .list--check li::before { border: 0; background: none !important; content: "✓"; display: grid; place-items: center; font-weight: 600; }
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) .tabs__tab[aria-selected="true"] { outline: 2px solid currentColor; outline-offset: 2px; }
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) .toc a.is-active { text-decoration: underline; }
html:is([data-uwa-contrast="dark"], [data-uwa-contrast="light"]) mark { outline: 1px solid currentColor; }

/* Link seçin */
html.uwa-links body a[href]:not(.uwa-x *) {
  background-color: #FFF200 !important;
  color: #000 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
  outline: 2px solid #000 !important;
  outline-offset: 1px !important;
}
html.uwa-links body a[href]:not(.uwa-x *) * { color: #000 !important; }

/* Daha böyük mətn — body font-size is rem-based, so the root scales everything */
html[data-uwa-text="1"] { font-size: 112.5%; }
html[data-uwa-text="2"] { font-size: 125%; }
html[data-uwa-text="3"] { font-size: 137.5%; }
html[data-uwa-text="4"] { font-size: 150%; }

/* Mətn boşluğu */
html[data-uwa-spacing="1"] body *:not(.uwa-x, .uwa-x *) { letter-spacing: .06em !important; word-spacing: .12em !important; }
html[data-uwa-spacing="2"] body *:not(.uwa-x, .uwa-x *) { letter-spacing: .1em !important; word-spacing: .24em !important; }
html[data-uwa-spacing="3"] body *:not(.uwa-x, .uwa-x *) { letter-spacing: .16em !important; word-spacing: .36em !important; }

/* Xətt hündürlüyü — 1.5×, 1.75×, 2× of the site's own values (text 1.68, headings 1.12) */
html[data-uwa-lh="1"] body, html[data-uwa-lh="1"] body *:not(.uwa-x, .uwa-x *) { line-height: 2.52 !important; }
html[data-uwa-lh="2"] body, html[data-uwa-lh="2"] body *:not(.uwa-x, .uwa-x *) { line-height: 2.94 !important; }
html[data-uwa-lh="3"] body, html[data-uwa-lh="3"] body *:not(.uwa-x, .uwa-x *) { line-height: 3.36 !important; }
html[data-uwa-lh="1"] body :is(h1, h2, h3, h4, .hero__title *, .phead__title):not(.uwa-x *) { line-height: 1.68 !important; }
html[data-uwa-lh="2"] body :is(h1, h2, h3, h4, .hero__title *, .phead__title):not(.uwa-x *) { line-height: 1.96 !important; }
html[data-uwa-lh="3"] body :is(h1, h2, h3, h4, .hero__title *, .phead__title):not(.uwa-x *) { line-height: 2.24 !important; }

/* Mətnin düzülməsi */
html[data-uwa-align="left"] body *:not(.uwa-x, .uwa-x *) { text-align: left !important; }
html[data-uwa-align="right"] body *:not(.uwa-x, .uwa-x *) { text-align: right !important; }
html[data-uwa-align="center"] body *:not(.uwa-x, .uwa-x *) { text-align: center !important; }
html[data-uwa-align="justify"] body *:not(.uwa-x, .uwa-x *) { text-align: justify !important; }

/* Disleksiya rejimi / Oxunabilən */
html[data-uwa-font="dyslexia"] body *:not(.uwa-x, .uwa-x *) {
  font-family: "Lexend", Verdana, Tahoma, sans-serif !important;
  font-style: normal !important;
}
html[data-uwa-font="legible"] body *:not(.uwa-x, .uwa-x *) {
  font-family: Verdana, Tahoma, Arial, sans-serif !important;
  font-style: normal !important;
}

/* Animasiyalara fasilə ver */
html.uwa-pause { scroll-behavior: auto !important; }
html.uwa-pause body *:not(.uwa-x, .uwa-x *),
html.uwa-pause body *:not(.uwa-x, .uwa-x *)::before,
html.uwa-pause body *:not(.uwa-x, .uwa-x *)::after {
  animation: none !important;
  transition: none !important;
}

/* Şəkilləri gizlədin — the image's alt text takes its place */
html.uwa-hideimg body img:not(.uwa-x *) { visibility: hidden !important; }
.uwa-alt { display: none; }
html.uwa-hideimg .uwa-alt-host { position: relative; }
html.uwa-hideimg .uwa-alt {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border: 2px dashed #8A8A8A;
  border-radius: inherit;
  background: #F4F4F4;
  color: #111;
  font: 600 14px/1.4 "Fira Sans", "Segoe UI", sans-serif;
  text-align: center;
  overflow: hidden;
}

/* Kursor: böyük kursor */
html[data-uwa-cursor="big"],
html[data-uwa-cursor="big"] * { cursor: url("../img/uwa-cursor.svg") 6 3, auto !important; }
html[data-uwa-cursor="big"] :is(a, button, summary, label, [role="button"], input[type="checkbox"]),
html[data-uwa-cursor="big"] :is(a, button, summary, label, [role="button"]) * { cursor: url("../img/uwa-pointer.svg") 19 3, pointer !important; }

/* Kursor: oxu maskası və oxu təlimatı */
.uwa-mask {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 170;
  display: none;
  background: rgba(0, 0, 0, .62);
  pointer-events: none;
}
.uwa-mask--top { top: 0; height: 40vh; }
.uwa-mask--bottom { top: 60vh; bottom: 0; }
html[data-uwa-cursor="mask"] .uwa-mask { display: block; }

.uwa-guide {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 170;
  display: none;
  width: 440px;
  max-width: 90vw;
  height: 12px;
  border: 3px solid #FFF200;
  border-radius: 6px;
  background: #000;
  pointer-events: none;
}
.uwa-guide::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -9px;
  border: 9px solid transparent;
  border-top: 0;
  border-bottom-color: #FFF200;
}
html[data-uwa-cursor="guide"] .uwa-guide { display: block; }

/* Köməkçi mətnlər */
.uwa-tip {
  position: fixed;
  z-index: 195;
  max-width: 280px;
  padding: 8px 12px;
  border-radius: 10px;
  background: #1E0F1C;
  color: #fff;
  font: 600 14px/1.35 "Fira Sans", "Segoe UI", sans-serif;
  letter-spacing: normal;
  text-align: left;
  pointer-events: none;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
}

@media (prefers-reduced-motion: reduce) {
  .uwa__panel { animation: none; }
  .uwa-launch, .uwa-tile, .uwa-switch__knob, .uwa-switch__track::before { transition: none; }
}

@media print {
  .uwa-launch, .uwa, .uwa-mask, .uwa-guide, .uwa-tip { display: none !important; }
}

/* Enlarged text never fits the one-line desktop nav: use the drawer instead. */
html[data-uwa-text] .nav { display: none; }
html[data-uwa-text] .iconbtn--menu { display: inline-grid; }
html[data-uwa-text] .site-header__actions { margin-left: auto; }

/* Enlarged text and spacing: single-line labels wrap and cards shrink
   instead of spilling past a 320px screen. */
html:is([data-uwa-text], [data-uwa-spacing]) :is(.link-arrow, .cta, .brand__name, .brand__role, .moon__chip, .tabs__tab, .chip, .footer__card, .vcard__btn) { white-space: normal !important; }
html:is([data-uwa-text], [data-uwa-spacing]) :is(.detail__aside, .detail__sticky) > * { min-width: 0; }
html:is([data-uwa-text], [data-uwa-spacing]) body :is(h1, h2, h3, h4, p, li, a, span, dd, dt, label, summary, figcaption, button, blockquote, th, td):not(.uwa-x, .uwa-x *) { overflow-wrap: anywhere; }
html:is([data-uwa-text], [data-uwa-spacing]) .hero__title { font-size: min(clamp(2.3rem, 1.35rem + 3.05vw, 3.75rem), 11vw); }
html:is([data-uwa-text], [data-uwa-spacing]) .phead__title { font-size: min(clamp(2rem, 1.42rem + 2.1vw, 3.05rem), 10vw); }
html:is([data-uwa-text], [data-uwa-spacing]) .moon__chip { max-width: 70%; }
html:is([data-uwa-text], [data-uwa-spacing]) .tabs__list { flex-wrap: wrap; border-radius: 22px; }