/* ====== КНОПКИ МОВ: однаково на ПК і телефоні ====== */

#Buttons_Languages{
    position: absolute;
    left: 50%;
    top: 75%;                      /* нижче, як на фото */
    transform: translate(-50%, -50%);

    display: grid;
    grid-template-columns: repeat(3, minmax(70px, 1fr)); /* 3 колонки гарантовано */
    gap: 10px;

    width: clamp(40px, 4vw, 40px); /* 3 прапори в ряд на будь-якому екрані */
    z-index: 5;
    box-sizing: border-box;
}

.ButtonLanguages{
    width: 100%;
    aspect-ratio: 3 / 2;
    height: auto;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    cursor: pointer;
}

/* ФОНИ (це лишається) */
#ButtonRU { background-image: url("img/RU.png"); }
#ButtonEN { background-image: url("img/EN.png"); }
#ButtonFR { background-image: url("img/FR.png"); }
#ButtonIT { background-image: url("img/IT.png"); }
#ButtonUK { background-image: url("img/UA.png"); }
#ButtonGE { background-image: url("img/GE.png"); }
#ButtonPO { background-image: url("img/PT.png"); }
#ButtonAR { background-image: url("img/AR.png"); }
#ButtonSP { background-image: url("img/SP.png"); }

.filterAdd {
    filter: brightness(55%);
}

#game_bgMenu {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 100%;
    height: 100%;

    background-image: url('img/bg_menu.png');
    background-size: auto 100%;   
    background-repeat: no-repeat;
    background-position: center;

    z-index: -1;
}


/* ===== FIX: завжди 3x3 по центру (ПК + телефон) ===== */

#Buttons_Languages{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(70px, 1fr)) !important;
  gap: 10px !important;

  position: absolute !important;
  left: 50% !important;
  top: 80% !important;              /* підкручуй 70-80% */
  transform: translate(-50%, -50%) !important;

  width: clamp(240px, 45vw, 220px) !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  z-index: 9999 !important;
}

/* КЛЮЧОВЕ: прибираємо absolute і margin-и зі старого коду */
#Buttons_Languages .ButtonLanguages{
  position: static !important;
  margin: 0 !important;

  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  cursor: pointer !important;
}

#Buttons_Languages.Buttons_LanguagesClear {
    display: none !important;
}