/* Общие стили */
         
.body {
        background: #f4f4f4; 
        font-family: 'StarFont', 'Roboto', Arial, sans-serif; 
        color: #333; line-height: 1.6; } 
/* Подключение кастомных шрифтов */ 


/* Заголовки */ h1, h2, h3, .site-title 
{ font-family: 'StarFont', 'Montserrat', sans-serif; 
        font-weight: 600; color: #2563eb;
        text-transform: uppercase; 
        letter-spacing: 1px; } 




        
  .header {
  display: flex;
  align-items: center;
 /* justify-content: center;*/
  justify-content: space-between;    
  background: #2563eb;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  padding: 7px 2px;
  color: #fff;  
  position: sticky;
 /* text-align: center;  */     
  top: 0px;
  z-index: 1000;
  /*position: relative;
  /* position: fixed;
   width: 100%;*/
  flex-wrap: wrap; 
   gap: 8px; 
   /* z-index: 1000;*/
}
        
 /*.marquee {
  position: sticky;
  top: 30;
  z-index: 1001;
}*/

.logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  color: #fff;
}
.logo-img { width: 50px; height: 40px; }
.logo-text { font-weight: bold; }

.nav-links {
  display: flex;
  gap: 20px;
}
.nav-links a {
  color: #fff;
  text-decoration: none;
}
.nav-links a:hover { text-decoration: underline; }

        
        
        
        
/* поиск */
/* форма поиска в хедере */
.search-form {
  display: flex;
  align-items: center;
        /*justify-content: center;*/
}
.search-form input {
  padding: 6px;
  border-radius: 6px 0 0 6px;
  border: none;
}
.search-form button {
  padding: 6px 12px;
  border: none;
  background: #111;
  color: #fff;
  border-radius: 0 6px 6px 0;
}

/* форма добавления видео в админке */
.admin-form {
  max-width: 500px;
  margin: 20px auto;
}
.admin-form input,
.admin-form button {
  width: 100%;
  padding: 10px;
  margin: 8px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.admin-form button {
  background: #0073e6;
  color: #fff;
  cursor: pointer;
}
.admin-form button:hover {
  background: #005bb5;
}

        
        
        
        
        
        
/* языки */
.translate {
  position: relative;
}
.lang-btn {
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2em;
  cursor: pointer;
}
.lang-menu {
  display: none;
  position: absolute;
  background: #fff;
  color: #000;
  min-width: 100px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.lang-menu a {
  display: block;
  padding: 8px;
  text-decoration: none;
  color: #333;
}
.lang-menu a:hover { background: #f4f4f4; }
.translate:hover .lang-menu { display: block; }

/* регистрация */
.auth-links {
  display: flex;
  gap: 10px;
}
.auth-links a {
  color: #fff;
  text-decoration: none;
}
.auth-links a:hover { text-decoration: underline; }

/* бургер */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 1.8em;
  color: #fff;
  cursor: pointer;
  z-index: 2000;
}
/* общий контейнер для поиска и входа */
.header-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* поиск */
.search-form {
  display: flex;
  align-items: center;
}
.search-form input {
  padding: 6px;
  border-radius: 6px 0 0 6px;
  border: none;
}
.search-form button {
  padding: 6px 12px;
  border: none;
  background: #1e50af;
  color: #fff;
  border-radius: 0 6px 6px 0;
}

/* вход/регистрация */
.auth-links {
  display: flex;
  gap: 10px;
}
.auth-links a {
  background: #1e40af;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
}
.auth-links a:hover {
  background: #1e60af;
}
     
     
        
/* адаптив */
@media (max-width: 768px) {
  .nav-links { 
    display: none; 
    flex-direction: column;
    background: #2563eb;
    position: relative;   /* вместо absolute/fixed */
    width: 100%;
    padding: 20px;
  }
  .nav-links.active { 
    display: flex; 
    margin-top: 10px;     /* отступ вниз, чтобы меню было под хедером */
  }

  .menu-toggle { 
    display: block; 
  }

  /* поиск + вход/регистрация в ряд */
  .header-bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
  }
  .search-form {
    flex: 1;
  }
}
        
@media (max-width: 768px) {
  .auth-links {
    display: flex;
    flex-direction: column;   /* в столбик */
    gap: 10px;
    width: 100%;              /* занимает всю ширину */
    margin-top: 10px;
  }
  .auth-links a {
    background: #1e40af;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
  }
}
        
 @media (max-width: 768px) {
  img {
    width: 100%;
    height: auto;
  }
}
           

/* Макет */
.layout {
  display: flex;
  margin-top: 20px; /* отступ под фиксированный хедер */
  padding: 0;
  max-width: 1220px;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;

  min-height: 600px;   /* резервируем место под контент */
  box-sizing: border-box;
}


@media (max-width: 768px) {
  .layout {
    flex-direction: column; /* сайдбар сверху или скрыт */
    min-height: auto;       /* можно убрать фиксированную высоту */
  }
}




  .sidebar {
    width: 100%;
    margin-bottom: 15px;
  }

  .content {
    padding: 10px;
  }

  .admin-form {
    flex-direction: column;
    gap: 10px;
  }

  .admin-form input[type="text"],
  .admin-form button {
    width: 100%; /* элементы формы на всю ширину */
  }

  table {
    font-size: 14px;
  }

  table th, table td {
    padding: 8px;
  }

  /* Чтобы таблица не ломала верстку на маленьких экранах */
  .container table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* Для очень маленьких экранов до 480px */
@media (max-width: 480px) {
  .content h1 {
    font-size: 20px;
    text-align: center;
  }

  .admin-form input[type="text"] {
    font-size: 14px;
    padding: 8px;
  }

  .admin-form button {
    font-size: 14px;
    padding: 10px;
  }

  table {
    font-size: 12px;
  }
}






/* Боковое меню */
.sidebar {
  width:200px;
  background:#fff;
  border: 1px solid #999;
  color:lab(0.47% 2.09 0.74);
  padding:20px;
  margin:0px; /* отступ под фиксированный хедер */
  border-radius:8px;
  box-shadow:0 4px 10px rgba(18, 15, 207, 0.1);
  transition:transform 0.2s, box-shadow 0.2s;
  height:fit-content;
}

.sidebar h2 {
  font-size:18px;
  margin-bottom:15px;
}

.sidebar ul {
  list-style:none;
  padding:0;
}

.sidebar li {
  margin-bottom:8px;
}

.sidebar a {
  color:#0c0b0b;
  text-decoration:none;
}

.sidebar a:hover {
  text-decoration:underline;
}


      
    .image-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
      margin-bottom: 20px;
    }
    .image-grid img {
      width: 100%;
      height: auto;
      border-radius: 6px;
      box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    }
    .pagination {
      margin: 20px 0;
      text-align: center;
    }
    .pagination a {
      display: inline-block;
      margin: 0 5px;
      padding: 6px 12px;
      background: #2563eb;
      color: #fff;
      text-decoration: none;
      border-radius: 4px;
    }
    .pagination a.active {
      background: #333;
    }
     
   
          @media (max-width: 768px) {
  .image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .image-grid {
    grid-template-columns: 1fr;
  }
}




/* Контент */
.content {
  flex:1;
  padding:10px;
  border-radius: 8px; /* скругление углов */    
  background-color: #f9f9f9; /* светлый фон */ }    




.section-title {
  text-align:center;
  color:#2563eb;
  margin-bottom:30px;
}

/* Карточки */
.cards {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(400px,1fr));
  gap:15px;
   padding:16px;
}




.card {
  background:#fff;
  border: 1px solid #999;
  border-radius:8px;
  padding:16px;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
  transition:transform 0.2s, box-shadow 0.2s;
}
.card:hover {
  transform:scale(1.03);
  box-shadow:0 4px 12px rgba(0,0,0,0.15)  ;
}
.card p {
  margin:0;
  font-size:16px;
  line-height:1.5;
}
.card small {
  display:block;
  margin-top:8px;
  color:#666;
}






/* Форма добавления */
.form-wrapper {
  background: #fff;
  padding: 20px;
  margin-top: 30px;
  border-radius: 2px;
  box-shadow: 0 2px 6px #7780d31a;
}

.form-wrapper textarea:focus,
.form-wrapper input:focus {
  border-color: #2563eb !important; /* синяя рамка */
  box-shadow: 0 0 5px rgba(37, 99, 235, 0.5);
  outline: none;
}



.form-wrapper textarea,
.form-wrapper input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 10px;
  resize: vertical;
  transition: border-color 0.3s, box-shadow 0.3s; 
}

/* При фокусе (когда вводишь текст) */
.form-wrapper textarea:focus,
.form-wrapper input:focus {
  border-color: #2563eb; /* синяя рамка */
  box-shadow: 0 0 5px rgba(37, 99, 235, 0.5); /* лёгкая подсветка */
  outline: none; /* убираем стандартный outline браузера */
}



.form-wrapper button {
  padding:10px 20px;
  background:#2563eb;
  color:#fff;
  border:none;
  border-radius:6px;
  cursor:pointer;
  transition:background 0.3s;
}
.form-wrapper button:hover {
  background:#1e4fc2;
}


.sidebar-right {
  width: 200px;
  background: #f9f9f9;
  border: 1px solid #999;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.sidebar-right h2 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #333;
}

.sidebar-right .images img {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.sidebar-right .images img:hover {
  transform: scale(1.03);
}



@media (max-width: 768px) {
  .sidebar-right {
    width: 91%;              /* на всю ширину экрана */
    margin: 1px 1px;           /* отступ сверху/снизу */
    padding: 15px;
    border-radius: 0;         /* убираем скругление, чтобы было ровно */
    box-shadow: none;         /* убираем тень для простоты */
    border: none;             /* можно убрать рамку */
    background: #f9f9f9;
  }

  .sidebar-right h2 {
    font-size: 16px;          /* чуть меньше заголовок */
    text-align: center;       /* по центру */
    margin-bottom: 12px;
  }

  .sidebar-right .images img {
    width: 90%;              /* картинка всегда на всю ширину */
    margin-bottom: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  }
}
















/* 📱 Мобильные стили */
@media (max-width: 768px) {
  /* Боковое меню слева */
  .sidebar {
    width: 90%;          /* растягиваем на всю ширину */
    margin-bottom: 20px;  /* отступ снизу */
    box-shadow: none;     /* убираем лишнюю тень */
   
  }
  .sidebar h2 {
    text-align: center;
    font-size: 16px;
  }
  .sidebar ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  .sidebar li {
    margin-bottom: 0;
  }

  /* Контент */
  .content {
    padding: 10px;
  }
  .section-title {
    font-size: 1.2em;
    margin-bottom: 20px;
  }

  /* Карточки */
  .cards {
    grid-template-columns: 1fr; /* одна колонка на телефоне */
    gap: 15px;
    padding: 10px;
  }
  .card {
    font-size: 0.95em;
    padding: 12px;
  }
 }





.image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* три картинки в ряд */
  gap: 15px;                             /* расстояние между картинками */
  margin-bottom: 20px;
}

.image-grid img {
  width: 100%;               /* картинка занимает всю ширину ячейки */
  height: auto;              /* сохраняет пропорции */
  border-radius: 8px;        /* скруглённые углы */
  box-shadow: 0 2px 6px rgba(0,0,0,0.15); /* лёгкая тень */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image-grid img:hover {
  transform: scale(1.05);    /* лёгкое увеличение при наведении */
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
        }
}
        
        
/* На телефоне — картинки в столбик */
@media (max-width: 768px) {
  .image-grid {
    grid-template-columns: 1fr; /* одна колонка */
    justify-items: center;      /* выравнивание по центру */
  }
  .image-grid img {
    max-width: 100%;             /* картинка почти на всю ширину экрана */
  }
}




.donate-form {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  max-width: 300px;
  margin: 20px auto;
  text-align: center;
}
.donate-form input {
  width: 100%;
  padding: 8px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.donate-form button {
  background: #2563eb;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 6px;
  cursor: pointer;
}
.donate-form button:hover {
  background: #1e4fcf;
}






/* Ховаємо банер Google Translate */
.goog-te-banner-frame {
  display: none !important;
}

/* Прибираємо відступ, який додає Google */


/* Ховаємо маленьку панель знизу */
.goog-te-balloon-frame {
  display: none !important;
}


/* Общий контейнер для Google Translate */
#google_translate_element {
  margin-left: 20px;
  display: inline-block;
}

/* Общий стиль для виджета */
.goog-te-gadget {
  font-size: 14px !important; /* увеличим шрифт */
  font-family: Arial, sans-serif;
}

/* Общий стиль для выпадающего списка */
.goog-te-gadget .goog-te-combo {
  padding: 10px 14px;       /* внутренние отступы */
  font-size: 16px;          /* размер текста */
  height: 42px;             /* высота */
  min-width: 220px;         /* ширина */
  border-radius: 6px;       /* скруглённые углы */
  border: 1px solid #ccc;   /* рамка */
  background: #fff;         /* фон */
}

/* Блок перевода под хедером */
.translate-bar {
  background: #f0f0f0;
  padding: 12px 30px;
  text-align: left;
  position: relative;
  z-index: 999; /* чтобы не прятался под хедером */
  margin-top: 60px; /* если хедер фиксированный */
}

/* Блок перевода в сайдбаре */
.translate-box {
  margin-top: 20px;
  padding: 12px 30px;
  background: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.translate-box h3 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #2563eb;
}




/* Футер */
.site-footer {
  background: #ffffff; /* светлый фон */
  padding: 20px 40px;
  box-shadow: 0 -4px 10px rgba(0,0,0,0.1); /* тень сверху */
  margin-top: 40px;
}

.site-footer .footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.site-footer p {
  margin: 0;
  color: #555;
  font-size: 0.9em;
}

.footer-nav a {
  margin-left: 20px;
  text-decoration: none;
  color: #0078d7; /* акцентный цвет */
  font-size: 0.9em;
  transition: color 0.3s;
}

.footer-nav a:hover {
  color: #005a9e;
}

/* 📱 Мобильная версия */
@media (max-width: 768px) {
  .site-footer .footer-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .footer-nav {
    margin-top: 10px;
  }

  .footer-nav a {
    margin: 5px 0;
    display: block;
  }
}







/* Кнопка */
.dropbtn {
  background-color: #f5f5f5;
  color: #333;
  padding: 10px 20px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
}

/* Контейнер */
.dropdown {
  position: relative;
  display: inline-block;
}





/* Содержимое меню */
.dropdown-content {
  display: none;
  position: absolute;
  left: 100%; 
  
  background-color: #fff;
  min-width: 180px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
  border-radius: 6px;
  z-index: 3000;
}




/* Ссылки внутри меню */
.dropdown-content a {
  color: #333;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Размер иконок */
.dropdown-content img {
  width: 28px;   /* ширина */
  height: 20px;  /* высота */
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* Hover эффект */
.dropdown-content a:hover {
  background-color: #f0f0f0;
}

/* Показываем меню при наведении */
.dropdown:hover .dropdown-content {
  display: block;
}

@media (max-width: 768px) { 
  .dropdown { margin-left: auto; /* прижать вправо */ } }









.donate-block {
  text-align: center;
  margin: 30px auto;
  font-family: Arial, sans-serif;
  max-width: 500px;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.qr-code {
  width: 200px;
  height: 200px;
  margin: 15px 0;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.qr-code:hover {
  transform: scale(1.05);
}



/* Адаптивные стили для экранов до 480px */
 @media (max-width: 480px) { 
  .donate-block { padding: 10px; font-size: 14px; } 
  .donate-block h2, .donate-block h3 { font-size: 16px; } 
  .qr-code { max-width: 200px; /* чуть меньше QR‑код на маленьких экранах */ } }


  .video-block {
  max-width: 800px;
  margin: 20px auto;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  border-radius: 8px;
}
.video-wrapper iframe,
.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}



  /* Контейнер формы */
.form-wrapper {
  background: #fff;
  padding: 20px;
  margin-top: 30px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(119, 128, 211, 0.1);
}

/* Поля ввода и текстовые области */
.form-wrapper textarea,
.form-wrapper input {
  width: 100%; 
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 10px;
  resize: vertical;
  transition: border-color 0.3s, box-shadow 0.3s; /* плавный эффект */
}

/* Подсветка при фокусе */
.form-wrapper textarea:focus,
.form-wrapper input:focus {
  border: 1px solid #2563eb; /* синяя рамка */
  box-shadow: 0 0 5px rgba(37, 99, 235, 0.5);
  outline: none;
}

/* Кнопка */
.form-wrapper button {
  padding: 10px 20px;
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s;
}

/* Ховер для кнопки */
.form-wrapper button:hover {
  background: #1e4fc2;
}



  @media (max-width: 480px) {
    .phone-form-wrapper td {
      display: block;
      width: 100%;
    }

    .phone-form-wrapper button {
      width: 100%;
      margin-top: 10px;
    }
  }
















/* Контейнер только для форм регистрации/входа */
.auth-container {
  max-width: 300px;
  margin: 40px auto;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Заголовок внутри блока авторизации */
.auth-container h2 {
  text-align: center;
  color: #2563eb;
  margin-bottom: 20px;
}

/* Поля ввода только внутри блока */
.auth-container input {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
}

/* Кнопка только внутри блока */
.auth-container button {
  width: 70%;
  padding: 12px;
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.auth-container button:hover {
  background: #2263eb;
}

/* Сообщения */
.auth-container .message {
  text-align: center;
  margin-top: 15px;
  font-size: 14px;
}

.auth-container .message.error {
  color: #d9534f;
}

.auth-container .message.success {
  color: #28a745;
}










/* Стили для красоты */
.privacy-section {
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

.privacy-section h1 {
  text-align: center;
  color: #ff6600;
  margin-bottom: 20px;
}

.privacy-box {
  background: #f9f9f9;
  border: 2px solid #eee;
  border-radius: 10px;
  padding: 20px;
  line-height: 1.6;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.privacy-box p {
  margin-bottom: 15px;
  color: #333;
}






  .phone-form-wrapper table {
    width: 80%;
    border-collapse: collapse;
  }

  .phone-form-wrapper td {
    padding: 10px;
    vertical-align: middle;
  }

  .phone-form-wrapper input[type="tel"] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    box-sizing: border-box;
    background: #fff;
  }

  .phone-form-wrapper button {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .phone-form-wrapper button:hover {
    background-color: #45a049;
  }

 @media (max-width: 480px) {
  .phone-form-wrapper td {
    display: block;
    width: 100%;
  }

  .phone-form-wrapper input,
  .phone-form-wrapper select,
  .phone-form-wrapper textarea {
    width: 80%;          /* растягиваем поле на всю ширину */
    box-sizing: border-box; /* учитываем padding и border */
    margin-bottom: 10px;  /* отступ между полями */
  }

  .phone-form-wrapper button {
    width: 100%;
    margin-top: 10px;
  }
}






.go-top {
  position: fixed; 
  top: 600px;
  right: 30px; 
  width: 40px;
  height: 40px;
  border-radius: 30%; /* круглая форма */
  background: #007BFF;
  border: none;
  cursor: pointer;
  display: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: opacity 0.3s, transform 0.3s;
  z-index: 999; /* чтобы не перекрывалась */
}
.go-top:hover {
  background: #1e4fc1;
  transform: scale(1.1); /* лёгкое увеличение при наведении */
}
.go-top svg {
  vertical-align: middle;
}





.lang-switch {
  margin-left: 15px;
  font-size: 14px;
  font-weight: bold;
}

.lang-switch a {
  color: #fff; /* белый текст */
  text-decoration: none;
  padding: 3px 6px;
  border-radius: 4px;
  transition: background 0.3s;
}

.lang-switch a:hover {
  background: #ff6600; /* подсветка при наведении */
  color: #fff;
}