/* Imkoniyati cheklanganlar — maxsus versiya (yumshoq kontrast, to‘liq qamrov) */



.gu-a11y-btn {

  background: transparent;

  border: none;

  padding: 0;

  margin: 0;

  cursor: pointer;

  color: inherit;

  line-height: 1;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

.gu-a11y-btn:focus-visible {

  outline: 2px solid #fff;

  outline-offset: 2px;

}

.header-icons .gu-a11y-btn i {

  pointer-events: none;

}



.gu-a11y-toolbar {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 10060;

  background: #ececec;

  border-bottom: 2px solid #555;

  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  font-size: 14px;

  color: #222;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);

  zoom: 1 !important;

}

.gu-a11y-toolbar[hidden] {

  display: none !important;

}

.gu-a11y-toolbar__inner {

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

  gap: 0;

  max-width: 100%;

  padding: 6px 8px;

}

.gu-a11y-block {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 6px;

  padding: 4px 12px;

  border-right: 1px solid #bbb;

}

.gu-a11y-block:last-child {

  border-right: none;

  margin-left: auto;

}

.gu-a11y-label {

  font-weight: 600;

  font-size: 13px;

  white-space: nowrap;

  margin-right: 4px;

}

.gu-a11y-tbtn {

  min-width: 36px;

  height: 36px;

  padding: 4px 10px;

  border: 1px solid #888;

  border-radius: 4px;

  background: #fff;

  color: #222;

  cursor: pointer;

  font-size: 15px;

  font-weight: 600;

  line-height: 1;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

.gu-a11y-tbtn:hover {

  background: #e0e0e0;

}

.gu-a11y-tbtn:focus-visible {

  outline: 2px solid #0a6b54;

  outline-offset: 2px;

}

.gu-a11y-tbtn.is-active,

.gu-a11y-tbtn[aria-pressed="true"] {

  background: #3d5c52;

  border-color: #3d5c52;

  color: #fff;

}

.gu-a11y-tbtn--wide {

  min-width: auto;

  padding: 4px 14px;

  font-weight: 600;

  font-size: 13px;

}



.gu-a11y-scheme {

  width: 32px;

  height: 32px;

  padding: 0;

  font-weight: 700;

  font-size: 16px;

}

.gu-a11y-scheme--default { background: #f5f5f5; color: #222; border-color: #888; }

.gu-a11y-scheme--dark { background: #3a4149; color: #eceff1; border-color: #5c6570; }

.gu-a11y-scheme--blue { background: #dce8f2; color: #1a3356; border-color: #6a8fb8; }

.gu-a11y-scheme--sepia { background: #f0e6d2; color: #3d3225; border-color: #8b7355; }

.gu-a11y-scheme--hc { background: #2c2c2c; color: #f2f2f2; border-color: #888; }



.gu-a11y-icon-btn svg {

  width: 22px;

  height: 22px;

  display: block;

}



html.gu-a11y-toolbar-open body {

  padding-top: var(--gu-a11y-toolbar-h, 52px) !important;

}



html.gu-a11y-active.gu-a11y-readable body {

  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;

  line-height: 1.7 !important;

  letter-spacing: 0.02em !important;

}

html.gu-a11y-active.gu-a11y-reduce-motion *:not(.loader):not(.loader *),

html.gu-a11y-active.gu-a11y-reduce-motion *:not(.loader):not(.loader *)::before,

html.gu-a11y-active.gu-a11y-reduce-motion *:not(.loader):not(.loader *)::after {

  animation: none !important;

  transition: none !important;

}

/* Maxsus rejimda loader animatsiyasi ishlamasa — darhol yashirish */
html.gu-a11y-active .loader,
html.gu-a11y-active.gu-a11y-reduce-motion .loader {
  animation: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  display: none !important;
}



html.gu-a11y-active.gu-a11y-img-hide img,

html.gu-a11y-active.gu-a11y-img-hide picture,

html.gu-a11y-active.gu-a11y-img-hide video {

  visibility: hidden !important;

}

html.gu-a11y-active.gu-a11y-img-gray .wrapper,

html.gu-a11y-active.gu-a11y-img-gray main {

  filter: grayscale(100%) !important;

}



html.gu-a11y-active a:focus-visible,

html.gu-a11y-active button:focus-visible,

html.gu-a11y-active input:focus-visible {

  outline: 3px solid #c9a227 !important;

  outline-offset: 2px !important;

}



/* ========== Yumshoq qora-kulrang ========== */

html.gu-a11y-active.gu-a11y-scheme-dark {

  --gu-bg: #2e3339;

  --gu-surface: #3d4450;

  --gu-fg: #eceff1;

  --gu-link: #9ec9f5;

  --gu-border: #5c6570;

  --gu-input: #454c55;

  --gu-btn-bg: #5a8fb8;

  --gu-btn-fg: #fff;

}



/* ========== Yumshoq ko‘k ========== */

html.gu-a11y-active.gu-a11y-scheme-blue {

  --gu-bg: #d4e3f0;

  --gu-surface: #e8f1f8;

  --gu-fg: #1a2e4a;

  --gu-link: #1a5080;

  --gu-border: #7a9bb8;

  --gu-input: #fff;

  --gu-btn-bg: #2a5a8a;

  --gu-btn-fg: #fff;

}



/* ========== Sépia (iliq, ko‘z uchun yumshoq) ========== */

html.gu-a11y-active.gu-a11y-scheme-sepia {

  --gu-bg: #f0e6d2;

  --gu-surface: #f8f2e6;

  --gu-fg: #3d3225;

  --gu-link: #5c4030;

  --gu-border: #a89070;

  --gu-input: #fffef8;

  --gu-btn-bg: #6b5344;

  --gu-btn-fg: #fff;

}



/* ========== Yumshoq yuqori kontrast (yorqin emas) ========== */

html.gu-a11y-active.gu-a11y-scheme-hc {

  --gu-bg: #252525;

  --gu-surface: #353535;

  --gu-fg: #f0f0f0;

  --gu-link: #b8d4f0;

  --gu-border: #707070;

  --gu-input: #404040;

  --gu-btn-bg: #d0d0d0;

  --gu-btn-fg: #1a1a1a;

}



/* Panel shrift masshtabidan mustaqil qoladi */

html.gu-a11y-active .gu-a11y-toolbar {

  zoom: calc(1 / var(--gu-a11y-font-scale, 1)) !important;

}



html.gu-a11y-active.gu-a11y-scheme-dark,

html.gu-a11y-active.gu-a11y-scheme-blue,

html.gu-a11y-active.gu-a11y-scheme-sepia,

html.gu-a11y-active.gu-a11y-scheme-hc {

  color-scheme: light;

}



html.gu-a11y-active.gu-a11y-scheme-dark body,

html.gu-a11y-active.gu-a11y-scheme-blue body,

html.gu-a11y-active.gu-a11y-scheme-sepia body,

html.gu-a11y-active.gu-a11y-scheme-hc body {

  background-color: var(--gu-bg) !important;

  color: var(--gu-fg) !important;

}



/* Konteynerlar — fon rasmlarini o‘chirish */

html.gu-a11y-active.gu-a11y-scheme-dark body,

html.gu-a11y-active.gu-a11y-scheme-dark .wrapper,

html.gu-a11y-active.gu-a11y-scheme-dark main,

html.gu-a11y-active.gu-a11y-scheme-dark .header,

html.gu-a11y-active.gu-a11y-scheme-dark .header-top,

html.gu-a11y-active.gu-a11y-scheme-dark .header-bottom,

html.gu-a11y-active.gu-a11y-scheme-dark .header-menu,

html.gu-a11y-active.gu-a11y-scheme-dark .mobile-menu,

html.gu-a11y-active.gu-a11y-scheme-dark .hero,

html.gu-a11y-active.gu-a11y-scheme-dark .hero-info,

html.gu-a11y-active.gu-a11y-scheme-dark .page-banner,

html.gu-a11y-active.gu-a11y-scheme-dark .page-content,

html.gu-a11y-active.gu-a11y-scheme-dark .page-sidebar,

html.gu-a11y-active.gu-a11y-scheme-dark .filter-block,

html.gu-a11y-active.gu-a11y-scheme-dark .news-card,

html.gu-a11y-active.gu-a11y-scheme-dark a.card,

html.gu-a11y-active.gu-a11y-scheme-dark .card,

html.gu-a11y-active.gu-a11y-scheme-dark .card-info,

html.gu-a11y-active.gu-a11y-scheme-dark .events-card,

html.gu-a11y-active.gu-a11y-scheme-dark footer,

html.gu-a11y-active.gu-a11y-scheme-dark section,

html.gu-a11y-active.gu-a11y-scheme-dark .sidebar-calendar,

html.gu-a11y-active.gu-a11y-scheme-dark .calendar-main,

html.gu-a11y-active.gu-a11y-scheme-dark .breadcrumb,

html.gu-a11y-active.gu-a11y-scheme-blue body,

html.gu-a11y-active.gu-a11y-scheme-blue .wrapper,

html.gu-a11y-active.gu-a11y-scheme-blue main,

html.gu-a11y-active.gu-a11y-scheme-blue .header,

html.gu-a11y-active.gu-a11y-scheme-blue .header-top,

html.gu-a11y-active.gu-a11y-scheme-blue .header-bottom,

html.gu-a11y-active.gu-a11y-scheme-blue .header-menu,

html.gu-a11y-active.gu-a11y-scheme-blue .mobile-menu,

html.gu-a11y-active.gu-a11y-scheme-blue .hero,

html.gu-a11y-active.gu-a11y-scheme-blue .hero-info,

html.gu-a11y-active.gu-a11y-scheme-blue .page-banner,

html.gu-a11y-active.gu-a11y-scheme-blue .page-content,

html.gu-a11y-active.gu-a11y-scheme-blue .page-sidebar,

html.gu-a11y-active.gu-a11y-scheme-blue .filter-block,

html.gu-a11y-active.gu-a11y-scheme-blue a.card,

html.gu-a11y-active.gu-a11y-scheme-blue .card,

html.gu-a11y-active.gu-a11y-scheme-blue .card-info,

html.gu-a11y-active.gu-a11y-scheme-blue footer,

html.gu-a11y-active.gu-a11y-scheme-blue .sidebar-calendar,

html.gu-a11y-active.gu-a11y-scheme-blue .calendar-main,

html.gu-a11y-active.gu-a11y-scheme-sepia body,

html.gu-a11y-active.gu-a11y-scheme-sepia .wrapper,

html.gu-a11y-active.gu-a11y-scheme-sepia main,

html.gu-a11y-active.gu-a11y-scheme-sepia .header,

html.gu-a11y-active.gu-a11y-scheme-sepia .header-top,

html.gu-a11y-active.gu-a11y-scheme-sepia .header-bottom,

html.gu-a11y-active.gu-a11y-scheme-sepia .header-menu,

html.gu-a11y-active.gu-a11y-scheme-sepia .mobile-menu,

html.gu-a11y-active.gu-a11y-scheme-sepia .hero,

html.gu-a11y-active.gu-a11y-scheme-sepia .hero-info,

html.gu-a11y-active.gu-a11y-scheme-sepia .page-banner,

html.gu-a11y-active.gu-a11y-scheme-sepia .page-content,

html.gu-a11y-active.gu-a11y-scheme-sepia a.card,

html.gu-a11y-active.gu-a11y-scheme-sepia .card,

html.gu-a11y-active.gu-a11y-scheme-sepia .card-info,

html.gu-a11y-active.gu-a11y-scheme-sepia footer,

html.gu-a11y-active.gu-a11y-scheme-sepia .sidebar-calendar,

html.gu-a11y-active.gu-a11y-scheme-hc body,

html.gu-a11y-active.gu-a11y-scheme-hc .wrapper,

html.gu-a11y-active.gu-a11y-scheme-hc main,

html.gu-a11y-active.gu-a11y-scheme-hc .header,

html.gu-a11y-active.gu-a11y-scheme-hc .header-top,

html.gu-a11y-active.gu-a11y-scheme-hc .header-bottom,

html.gu-a11y-active.gu-a11y-scheme-hc .header-menu,

html.gu-a11y-active.gu-a11y-scheme-hc .mobile-menu,

html.gu-a11y-active.gu-a11y-scheme-hc .hero,

html.gu-a11y-active.gu-a11y-scheme-hc .hero-info,

html.gu-a11y-active.gu-a11y-scheme-hc .page-banner,

html.gu-a11y-active.gu-a11y-scheme-hc .page-content,

html.gu-a11y-active.gu-a11y-scheme-hc .page-sidebar,

html.gu-a11y-active.gu-a11y-scheme-hc a.card,

html.gu-a11y-active.gu-a11y-scheme-hc .card,

html.gu-a11y-active.gu-a11y-scheme-hc .card-info,

html.gu-a11y-active.gu-a11y-scheme-hc footer,

html.gu-a11y-active.gu-a11y-scheme-hc .sidebar-calendar,

html.gu-a11y-active.gu-a11y-scheme-hc .calendar-main {

  background-color: var(--gu-bg) !important;

  background-image: none !important;

  color: var(--gu-fg) !important;

}



html.gu-a11y-active.gu-a11y-scheme-dark .card-info,

html.gu-a11y-active.gu-a11y-scheme-dark .page-sidebar,

html.gu-a11y-active.gu-a11y-scheme-dark .filter-block,

html.gu-a11y-active.gu-a11y-scheme-blue .card-info,

html.gu-a11y-active.gu-a11y-scheme-blue .page-sidebar,

html.gu-a11y-active.gu-a11y-scheme-sepia .card-info,

html.gu-a11y-active.gu-a11y-scheme-hc .card-info,

html.gu-a11y-active.gu-a11y-scheme-hc .page-sidebar,

html.gu-a11y-active.gu-a11y-scheme-hc .filter-block,

html.gu-a11y-active.gu-a11y-scheme-hc .pika-single {

  background-color: var(--gu-surface) !important;

}



/* Matn — barcha elementlar */

html.gu-a11y-active.gu-a11y-scheme-dark h1,

html.gu-a11y-active.gu-a11y-scheme-dark h2,

html.gu-a11y-active.gu-a11y-scheme-dark h3,

html.gu-a11y-active.gu-a11y-scheme-dark h4,

html.gu-a11y-active.gu-a11y-scheme-dark h5,

html.gu-a11y-active.gu-a11y-scheme-dark h6,

html.gu-a11y-active.gu-a11y-scheme-dark p,

html.gu-a11y-active.gu-a11y-scheme-dark span,

html.gu-a11y-active.gu-a11y-scheme-dark label,

html.gu-a11y-active.gu-a11y-scheme-dark li,

html.gu-a11y-active.gu-a11y-scheme-dark td,

html.gu-a11y-active.gu-a11y-scheme-dark th,

html.gu-a11y-active.gu-a11y-scheme-dark .card-info h4,

html.gu-a11y-active.gu-a11y-scheme-dark .card h4,

html.gu-a11y-active.gu-a11y-scheme-blue h1,

html.gu-a11y-active.gu-a11y-scheme-blue h2,

html.gu-a11y-active.gu-a11y-scheme-blue h3,

html.gu-a11y-active.gu-a11y-scheme-blue h4,

html.gu-a11y-active.gu-a11y-scheme-blue p,

html.gu-a11y-active.gu-a11y-scheme-blue span,

html.gu-a11y-active.gu-a11y-scheme-blue label,

html.gu-a11y-active.gu-a11y-scheme-blue li,

html.gu-a11y-active.gu-a11y-scheme-blue .card-info h4,

html.gu-a11y-active.gu-a11y-scheme-blue .card h4,

html.gu-a11y-active.gu-a11y-scheme-sepia h1,

html.gu-a11y-active.gu-a11y-scheme-sepia h2,

html.gu-a11y-active.gu-a11y-scheme-sepia h3,

html.gu-a11y-active.gu-a11y-scheme-sepia h4,

html.gu-a11y-active.gu-a11y-scheme-sepia p,

html.gu-a11y-active.gu-a11y-scheme-sepia span,

html.gu-a11y-active.gu-a11y-scheme-sepia .card-info h4,

html.gu-a11y-active.gu-a11y-scheme-hc h1,

html.gu-a11y-active.gu-a11y-scheme-hc h2,

html.gu-a11y-active.gu-a11y-scheme-hc h3,

html.gu-a11y-active.gu-a11y-scheme-hc h4,

html.gu-a11y-active.gu-a11y-scheme-hc p,

html.gu-a11y-active.gu-a11y-scheme-hc span,

html.gu-a11y-active.gu-a11y-scheme-hc label,

html.gu-a11y-active.gu-a11y-scheme-hc li,

html.gu-a11y-active.gu-a11y-scheme-hc .card-info h4,

html.gu-a11y-active.gu-a11y-scheme-hc .card h4 {

  color: var(--gu-fg) !important;

  text-decoration: none !important;

}



html.gu-a11y-active.gu-a11y-scheme-dark a,

html.gu-a11y-active.gu-a11y-scheme-blue a,

html.gu-a11y-active.gu-a11y-scheme-sepia a,

html.gu-a11y-active.gu-a11y-scheme-hc a {

  color: var(--gu-link) !important;

  text-decoration: none !important;

}

html.gu-a11y-active.gu-a11y-scheme-dark a:hover,

html.gu-a11y-active.gu-a11y-scheme-dark a:focus,

html.gu-a11y-active.gu-a11y-scheme-blue a:hover,

html.gu-a11y-active.gu-a11y-scheme-blue a:focus,

html.gu-a11y-active.gu-a11y-scheme-sepia a:hover,

html.gu-a11y-active.gu-a11y-scheme-hc a:hover,

html.gu-a11y-active.gu-a11y-scheme-hc a:focus {

  background-color: var(--gu-link) !important;

  color: var(--gu-bg) !important;

}



html.gu-a11y-active.gu-a11y-scheme-dark .header-item,

html.gu-a11y-active.gu-a11y-scheme-dark .header-menu a,

html.gu-a11y-active.gu-a11y-scheme-dark .mobile-menu a,

html.gu-a11y-active.gu-a11y-scheme-dark .hero-info a,

html.gu-a11y-active.gu-a11y-scheme-hc .header-item,

html.gu-a11y-active.gu-a11y-scheme-hc .header-menu a,

html.gu-a11y-active.gu-a11y-scheme-hc .mobile-menu a,

html.gu-a11y-active.gu-a11y-scheme-hc .hero-info a {

  color: var(--gu-fg) !important;

}



html.gu-a11y-active.gu-a11y-scheme-dark input,

html.gu-a11y-active.gu-a11y-scheme-dark select,

html.gu-a11y-active.gu-a11y-scheme-dark textarea,

html.gu-a11y-active.gu-a11y-scheme-blue input,

html.gu-a11y-active.gu-a11y-scheme-blue select,

html.gu-a11y-active.gu-a11y-scheme-sepia input,

html.gu-a11y-active.gu-a11y-scheme-hc input,

html.gu-a11y-active.gu-a11y-scheme-hc select {

  background-color: var(--gu-input) !important;

  color: var(--gu-fg) !important;

  border: 2px solid var(--gu-border) !important;

}



html.gu-a11y-active.gu-a11y-scheme-dark .button,

html.gu-a11y-active.gu-a11y-scheme-dark button[type="submit"],

html.gu-a11y-active.gu-a11y-scheme-blue .button,

html.gu-a11y-active.gu-a11y-scheme-sepia .button,

html.gu-a11y-active.gu-a11y-scheme-hc .button,

html.gu-a11y-active.gu-a11y-scheme-hc button[type="submit"] {

  background-color: var(--gu-btn-bg) !important;

  color: var(--gu-btn-fg) !important;

  border: 2px solid var(--gu-border) !important;

}



/* Kalendar */

html.gu-a11y-active.gu-a11y-scheme-dark .pika-single,

html.gu-a11y-active.gu-a11y-scheme-dark .pika-lendar,

html.gu-a11y-active.gu-a11y-scheme-blue .pika-single,

html.gu-a11y-active.gu-a11y-scheme-hc .pika-single,

html.gu-a11y-active.gu-a11y-scheme-hc .pika-lendar {

  background: var(--gu-surface) !important;

  border-color: var(--gu-border) !important;

}

html.gu-a11y-active.gu-a11y-scheme-dark .pika-table th,

html.gu-a11y-active.gu-a11y-scheme-dark .pika-table td,

html.gu-a11y-active.gu-a11y-scheme-dark .pika-button,

html.gu-a11y-active.gu-a11y-scheme-hc .pika-table th,

html.gu-a11y-active.gu-a11y-scheme-hc .pika-table td,

html.gu-a11y-active.gu-a11y-scheme-hc .pika-button {

  background: var(--gu-surface) !important;

  color: var(--gu-fg) !important;

}

html.gu-a11y-active.gu-a11y-scheme-dark .is-selected .pika-button,

html.gu-a11y-active.gu-a11y-scheme-hc .is-selected .pika-button {

  background: var(--gu-link) !important;

  color: var(--gu-bg) !important;

}



html.gu-a11y-active.gu-a11y-scheme-dark .gu-a11y-toolbar,

html.gu-a11y-active.gu-a11y-scheme-hc .gu-a11y-toolbar {

  background: #ececec !important;

  color: #222 !important;

  border-color: #555 !important;

}



.gu-a11y-speak-status {

  font-size: 12px;

  color: #444;

  max-width: 120px;

  line-height: 1.2;

}



/* Navbar (header-bottom) da dublikat blok bo‘lmasin */
.gu-a11y-mobile-bar {
  display: none !important;
}

@media (max-width: 991px) {
  /* Faqat yuqori header-top: sayt CSS .header-icons { display:none } ni bekor qiladi */
  .header-top .header-icons.gu-a11y-header-icons {
    display: flex !important;
    margin-left: auto !important;
    flex-shrink: 0;
  }
  .header-top .header-icons.gu-a11y-header-icons ul {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
  }
  .header-top .gu-a11y-header-icons .gu-a11y-btn {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }
  .header-top .gu-a11y-header-icons .gu-a11y-btn i {
    font-size: 18px;
    color: #fff;
  }

  .gu-a11y-block {
    border-right: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 8px 4px;
  }
  .gu-a11y-block:last-child {
    margin-left: 0;
  }
  html.gu-a11y-toolbar-open body {
    padding-top: var(--gu-a11y-toolbar-h, 120px) !important;
  }
}