/* css/lang-switcher.css */

.lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.28);
  line-height: 1;
  min-width: 112px;
  justify-content: center;
}

.lang-btn__icon {
  width: 10px;
  height: 10px;
  display: block;
}

.lang-btn__label {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #fff;
  white-space: nowrap;
}

#header.white-scroll .lang-btn {
  background: rgba(255, 255, 255, 0);
}

#header.white-scroll .lang-btn__label {
  color: #000000;
}

/* very small phones: hide label to avoid breaking header */
@media (max-width: 360px) {
  .lang-btn__label {
    display: none;
  }
}

.lang-btn__label { color: #fff; }
#header.white-scroll .lang-btn__label { color: #000; }


.wsmainwp {
  max-width: 1320px;   /* было 1140px, можешь 1440px/1560px */
  width: 100%;
  padding-left: 50px;  /* чтобы не прилипало к краям */
  padding-right: 35px;
}

/* 2) На очень больших экранах — ещё шире (опционально) */
@media (min-width: 1600px) {
  .wsmainwp {
    max-width: 1320px;
  }
}

/* default (no scroll) */
.lang-btn__label { color: #fff !important; }

/* real scroll */
#header.is-scrolled .lang-btn__label { color: rgb(53, 63, 79) !important; }

/* Mobile: always grey */
@media (max-width: 991.98px) {
  .lang-btn__label {
    color: rgb(53, 63, 79) !important;
  }
}