/* ══════════════════════════════════════════════════════════════
   menu-fit.css — менюто се събира на средни ширини

   ПРОБЛЕМЪТ: менюто се разшири с кръгчето SDG и четирите флагчета.
   На широка ширина (1440px+) се събира, но между 901px и 1280px
   прелива извън екрана:
        1200px → прелива 57px
        1024px → прелива 53px

   Бургер менюто се появява едва под 900px, тоест в този диапазон
   няма спасение.

   РЕШЕНИЕТО: в тази зона свиваме самото меню — по-малко отстояние
   между връзките, по-малък шрифт, по-малки флагчета и кръгче.
   Така се печелят около 120px и всичко се събира.

   Над 1280px менюто остава както е — там има място.
   ══════════════════════════════════════════════════════════════ */

@media (min-width: 901px) and (max-width: 1399px) {

  /* по-малко отстояние между връзките */
  body.ke-modern-site #MainMenuId .MainMenuLinks {
    gap: 7px !important;
  }

  /* по-малък шрифт на връзките */
  body.ke-modern-site #MainMenuId .MainMenuLinks .linkWrapper .linkSpan {
    font-size: 12.5px !important;
  }

  /* по-малко вътрешно отстояние на всяка връзка */
  body.ke-modern-site #MainMenuId .MainMenuLinks .linkWrapper a {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  /* кръгчето SDG — по-малко */
  body.ke-modern-site #MainMenuId .linkWrapper--sdg a,
  body.ke-modern-site #MainMenuId .linkWrapper--sdg img {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
  }
  body.ke-modern-site #MainMenuId .linkWrapper--sdg {
    margin-right: .1em !important;
  }

  /* флагчетата — по-малки и по-плътни */
  body.ke-modern-site #MainMenuId .ke-lang-block {
    margin-left: 9px !important;
    padding-left: 8px !important;
    gap: 3px !important;
  }
  body.ke-modern-site #MainMenuId .ke-lang-block a,
  body.ke-modern-site #MainMenuId .ke-lang-block img {
    width: 20px !important;
    height: 14px !important;
    max-width: 20px !important;
    max-height: 14px !important;
  }

  /* логото — малко по-малко, за да освободи място */
  body.ke-modern-site .ke-logo-home-link img,
  body.ke-modern-site .ke-logo-home-link svg {
    max-height: 62px !important;
  }
}

/* под 1140px — още по-стегнато */
@media (min-width: 901px) and (max-width: 1199px) {
  body.ke-modern-site #MainMenuId .MainMenuLinks { gap: 1px !important; }
  body.ke-modern-site #MainMenuId .MainMenuLinks .linkWrapper .linkSpan { font-size: 11.5px !important; }
  body.ke-modern-site #MainMenuId .MainMenuLinks .linkWrapper a {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  body.ke-modern-site .ke-logo-home-link img,
  body.ke-modern-site .ke-logo-home-link svg {
    max-height: 56px !important;
  }
  body.ke-modern-site #MainMenuId .linkWrapper--sdg a,
  body.ke-modern-site #MainMenuId .linkWrapper--sdg img {
    width: 30px !important; height: 30px !important;
    max-width: 30px !important; max-height: 30px !important;
  }
  body.ke-modern-site #MainMenuId .ke-lang-block a,
  body.ke-modern-site #MainMenuId .ke-lang-block img {
    width: 18px !important; height: 13px !important;
    max-width: 18px !important; max-height: 13px !important;
  }
}