@charset "UTF-8";
/* ===========================================================
   103.kyivcity.gov.ua — Adaptive v1.0
   Підключати ПІСЛЯ 103-kyivcity-modern.css.
   =========================================================== */

/* --- Адаптивне меню --- */
/* --- Повністю прибираємо кнопку "Ще" (статичну і динамічну) --- */
#sp-menu .menu-more,
#sp-menu .sp-megamenu-parent > li.menu-more,
#sp-menu .sp-megamenu-parent > li.menu-more-dyn,
#sp-header .menu-more,
#sp-header .menu-more-dyn,
.sp-megamenu-parent .menu-more,
.sp-megamenu-parent .menu-more-dyn {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* --- Плавні переходи при ресайзі --- */
#sp-header,
#sp-header .logo img,
#sp-menu .sp-megamenu-parent > li > a,
#sp-menu .sp-megamenu-parent > li > span.sp-menu-separator {
  transition: font-size .2s ease, padding .2s ease, max-height .2s ease, letter-spacing .2s ease;
}

/* --- Десктоп: меню в один рядок, без переносу --- */
@media (min-width: 992px) {
  #sp-header .row {
    flex-wrap: nowrap !important;
    align-items: center;
  }
  #sp-header .row > .col-auto,
  #sp-header #sp-menu,
  #sp-header #sp-menu .sp-column,
  #sp-header .sp-megamenu-wrapper {
    min-width: 0 !important;
  }
  #sp-header #sp-menu .sp-column,
  #sp-header .sp-megamenu-wrapper {
    flex-wrap: nowrap !important;
  }
  #sp-header .sp-megamenu-wrapper {
    width: 100%;
    justify-content: flex-end;
  }

  /* ГОЛОВНЕ: меню — горизонтальний flex без переносу */
  #sp-header .sp-megamenu-parent.d-lg-block,
  #sp-header .sp-megamenu-parent {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    list-style: none !important;
    margin: 0;
    padding: 0;
    min-width: 0;
    white-space: nowrap;
  }
  #sp-header .sp-megamenu-parent > li {
    list-style: none !important;
    flex: 0 0 auto;
    white-space: nowrap;
  }
  #sp-header .sp-megamenu-parent > li::marker { content: none !important; }

  /* --- Випадаюче меню: ДОЗВОЛИТИ перенос рядків --- */
  #sp-menu .sp-megamenu-parent .sp-dropdown,
  #sp-menu .sp-megamenu-parent .sp-dropdown li,
  #sp-menu .sp-megamenu-parent .sp-dropdown li > a,
  #sp-menu .sp-megamenu-parent .sp-dropdown-items,
  #sp-menu .sp-megamenu-parent .sp-dropdown-items li,
  #sp-menu .sp-megamenu-parent .sp-dropdown-items li > a {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  #sp-menu .sp-megamenu-parent .sp-dropdown li > a {
    line-height: 1.3 !important;
    height: auto !important;
  }
}

/* --- Поетапне стиснення шрифту/паддингів --- */
@media (min-width: 1500px) {
  #sp-menu .sp-megamenu-parent > li > a,
  #sp-menu .sp-megamenu-parent > li > span.sp-menu-separator {
    font-size: 14px;
    padding: 0 10px !important;
  }
}

@media (min-width: 1300px) and (max-width: 1499px) {
  #sp-header .logo img { max-height: 100px !important; }
  #sp-menu .sp-megamenu-parent > li > a,
  #sp-menu .sp-megamenu-parent > li > span.sp-menu-separator {
    font-size: 13px;
    padding: 0 7px !important;
    letter-spacing: 0 !important;
  }
}

@media (min-width: 1150px) and (max-width: 1299px) {
  #sp-header .logo img { /*max-height: 80px !important;*/ }
  #sp-menu .sp-megamenu-parent > li > a,
  #sp-menu .sp-megamenu-parent > li > span.sp-menu-separator {
    font-size: 12px;
    padding: 0 5px !important;
    letter-spacing: 0 !important;
  }
}

/* Критичний діапазон 1050–1149 — найбільш проблемний */
@media (min-width: 1050px) and (max-width: 1149px) {
  #sp-header .logo img { /*max-height: 68px !important;*/ }
  #sp-menu .sp-megamenu-parent > li > a,
  #sp-menu .sp-megamenu-parent > li > span.sp-menu-separator {
    font-size: 11px;
    padding: 0 4px !important;
    letter-spacing: -0.01em !important;
  }
  
#qx-button-faq1 .qx-element-button-wrapper svg,
#qx-button-faq2 .qx-element-button-wrapper svg,
#qx-button-faq3 .qx-element-button-wrapper svg,
#qx-button-faq4 .qx-element-button-wrapper svg,
#qx-button-faq5 .qx-element-button-wrapper svg,
#qx-button-faq6 .qx-element-button-wrapper svg{
display:none!important;
}

}

@media (min-width: 992px) and (max-width: 1049px) {
  #sp-header .logo img { max-height: 60px !important; }
  #sp-menu .sp-megamenu-parent > li > a,
  #sp-menu .sp-megamenu-parent > li > span.sp-menu-separator {
    font-size: 10.5px;
    padding: 0 3px !important;
    letter-spacing: -0.02em !important;
  }
  
#qx-button-faq1 .qx-element-button-wrapper svg,
#qx-button-faq2 .qx-element-button-wrapper svg,
#qx-button-faq3 .qx-element-button-wrapper svg,
#qx-button-faq4 .qx-element-button-wrapper svg,
#qx-button-faq5 .qx-element-button-wrapper svg,
#qx-button-faq6 .qx-element-button-wrapper svg{
display:none!important;
}

}

/* --- Мобільний адаптив - Планшети (768-991px) --- */
/* --- Прибираємо іконки, що не вміщуються --- */
@media (min-width: 768px) and (max-width: 991px) {
#qx-call-to-action-cnyyt .qx-element-call-to-action_image img,
#qx-call-to-action-mse6f .qx-element-call-to-action_image img,
#qx-call-to-action-628ez .qx-element-call-to-action_image img,

#qx-button-faq1 .qx-element-button-wrapper svg,
#qx-button-faq2 .qx-element-button-wrapper svg,
#qx-button-faq3 .qx-element-button-wrapper svg,
#qx-button-faq4 .qx-element-button-wrapper svg,
#qx-button-faq5 .qx-element-button-wrapper svg,
#qx-button-faq6 .qx-element-button-wrapper svg{
display:none!important;
}

  /* --- Footer - Заголовки - Червона лінія підкреслювання --- */
  #qx-section-footer-new h2:not(.no-bar)::after,
  #qx-section-footer-new h2.section-title::after {
    margin: inherit !important;
  }
  
  /* --- Footer - Bottom - Заголовки - Червона лінія підкреслювання  - Соціальні мережі --- */
  #qx-section-footer-new #qx-column-7s2ra  h2:not(.no-bar)::after,
  #qx-section-footer-new #qx-column-7s2ra h2.section-title::after {
    margin: 0 auto !important;
  }
  

}

/* --- Мобільний адаптив - Телефони (300-991px) --- */
@media (min-width: 300px) and (max-width: 991px) {

  /* --- Header - Burger Menu --- */
  .offcanvas-menu{ background:#fff !important; }
  .offcanvas-menu .offcanvas-inner > ul > li > a{
    color: var(--kc-ink) !important;
    font-weight: 600;
    border-bottom: 1px solid var(--kc-line) !important;
  }
  .burger-icon > span{ background: var(--kc-red) !important; }
  
  #qx-section-yv3zd .qx-element-blurb__media {
        width: 80%;
  }
    
  /* --- Footer - Заголовки - Червона лінія підкреслювання --- */
  #qx-section-footer-new h2:not(.no-bar)::after,
  #qx-section-footer-new h2.section-title::after {
    margin: 0 auto;
  }
  
  .horizontalAlignPhoneSicenter {
        justify-content: center;
    }

  /* --- Footer - Опис --- */
  #qx-text-cp5w5 p,
  #qx-text-qymmb p {
    text-align: center;
  }

  /* --- Footer - Хто онлайн --- */
  .mod-whosonline {
    text-align: center;
  }

}