/* ============================= */
/* 1) Стили для «белой карточки» (общий контейнер) 22*/
#lgcookieslaw_banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  max-width: 347px;                      
  background-color: #ffffff;              
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 
  border-radius: 10px;                    */
  font-family: 'Helvetica Neue', Arial, sans-serif;
  z-index: 9999;                          /* поверх всего остального */
  display: block;                         /* отменяем display: table */
}

/* ============================= */
/* 2) Крестик «Закрыть» в правом верхнем углу */
.lgcookieslaw-banner-close-button {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  font-size: 16px;
  color: #666666;          /* чуть тёмный серый */
  line-height: 1;
}
.lgcookieslaw-banner-close-button:hover {
  color: #333333;
}

/* ============================= */
/* 3) Вложенный контейнер: превращаем .container в колонку */
#lgcookieslaw_banner .container {
  display: flex;
  flex-direction: column;  /* ссылки и кнопки — вертикально друг под другом */
  padding: 20px;           /* внутренние отступы у карточки */
  gap: 12px;               /* небольшой вертикальный промежуток между блоками */
}

/* ============================= */
/* 4) Текст в .lgcookieslaw-banner-message */
.lgcookieslaw-banner-message p {
  margin: 0;
  font-style: italic;      /* курсив, как у вас в <em> */
  color: #555555;          /* чуть светлее, чтобы было легко читать */
  font-size: 14px;
  line-height: 1.5;
}

/* ============================= */
/* 5) Блок ссылок «Политика Cookie» и «Настроить cookies» */
.lgcookieslaw-link-container {
  margin-top: 8px;
  margin-bottom: 8px;
}

.lgcookieslaw-link-container .lgcookieslaw-link {
  font-size: 12px;
  color: #ffdc29;          /* синий цвет ссылки */
  text-decoration: none;   /* без подчёркивания по умолчанию */
  margin-right: 20px; 
  cursor:pointer;  
}

.lgcookieslaw-link-container .lgcookieslaw-link:hover {
  text-decoration: underline;
  color: #ffcc00;
}

/* ============================= */
/* 6) Блок с кнопками (Отклонить / Принять) */
.lgcookieslaw-button-container {
  display: flex;
  flex-direction: row;     /* кнопки в одну строку */
  gap: 20px;               /* промежуток между «Отклонить» и «Принять» */
}

/* ============================= */
/* 7) Общий стиль для всех кнопок */
.lgcookieslaw-button {
  font-size: 14px;
  background-color: transparent;  /* фон прозрачный */
  border: none;                   /* никаких рамок */
  color: #555555;                 /* серый цвет текста */
  padding: 0;                     /* убираем внутренние отступы, чтобы кнопки выглядели как ссылки */
  cursor: pointer;
  transition: color 0.2s;
}

/* При наведении цвет текста становится чуть темнее */
.lgcookieslaw-button:hover {
  color: #333333;
  text-decoration: underline;     /* доп. подчёркивание при hover, чтобы напоминало ссылку */
}

/* ============================= */
/* 8) При мобильных экранах (< 480px) */
@media (max-width: 480px) {
  #lgcookieslaw_banner {
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
  #lgcookieslaw_banner .container {
    padding: 15px;
    gap: 10px;
  }
  .lgcookieslaw-button-container {
    flex-direction: column;       /* на узком экране поставим кнопки одна под другой */
    gap: 10px;
  }
}
footer #lgcookieslaw_banner p{
	color:#000;
}