/* Theme Name: astra child
* Template: astra
 */

html, body {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.entry-meta {
    display: none !important;
}

/* Основной контейнер */
#content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important; /* Растягивает контейнер на всю доступную высоту */
   min-height: 100VH !important;/* Обеспечиваем растяжение на всю высоту */
    justify-content: flex-start !important; /* Прижимает содержимое к верхнему краю */
}

/* Контейнер виджетов */
#content .site-content {
    flex-grow: 1; /* Растягиваем контент на доступную высоту */
    display: flex;
    flex-direction: column;
	 min-height: 100VH !important;
    justify-content: flex-start; /* Прижимает контент к верхнему краю */
}


.my-button-container {
    display: flex;               /* Используем flexbox для выравнивания */
    gap: 10px;                   /* Добавляем промежуток между кнопками */
    align-items: center;         /* Выравнивание по вертикали (если кнопки разные по высоте) */
}

.custom-wsdl-button,
.delete-account-btn {
    margin: 0;                   /* Убираем отступы */
}
/* Цветовые стили для кнопок */
/*.btn-red {
  background-color: #f44336;
  color: white;
}

.btn-red:hover {
  background-color: #d32f2f;
}

.btn-green {
  background-color: #4caf50;
  color: white;
}

.btn-green:hover {
  background-color: #388e3c;
}

.btn-yellow {
  background-color: #ffeb3b;
  color: black;
}

.btn-yellow:hover {
  background-color: #fdd835;
}*/



/* Стили для таблицы */
.table-container {
  margin: 20px 0;
  overflow-x: auto;
}

.table {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    margin-left: 16px;
}

.table th, .table td {
  padding: 2px;
  border: 1px solid #ddd;
  text-align: left;
}

.table th {
  background-color: #f2f2f2;
}

/* Стили для формы */
.form-control, .form-select, .input-group-text {
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* Стили для контейнера кнопок */
.button-container {
  display: flex;
  margin-top: 20px;
}


/*Переопределение wc*/
.plus, .minus {
    color: #e9a361 !important;
}

.screen-reader-text {
    position: unset !important;
    clip-path: unset !important;
}

.woocommerce-js a.remove {
	color: var(--ast-global-color-0) !important;
    opacity: 1 !important;
}

/*чтобы выбор валюты не заезжал за главное меню*/
.wmc-currency-wrapper {
    position: relative;
    z-index: 9999;
}

/*-------------------------------поменяем стиль выбора языка*/
/* Изменение фона и текста селекта */
.pll-switcher-select {
  	background-color: #4A4F5D !important; /* Цвет фона */
  	color: #E37916 !important; /* Цвет текста */
	padding: 5px 20px !important;
	border:none !important;
}


/* Стили для опций */
.pll-switcher-select option {
  background-color: #E37916 !important; /* Цвет фона по умолчанию */
  color: #000000 !important; /* Цвет текста */
}
/* Изменение фона и текста строки в фокусе внутри выпадающего списка */
.pll-switcher-select option:selected {
  background-color: #E37916 !important; /* Цвет фона для строки в фокусе */
  color: #000000 !important; /* Цвет текста для строки в фокусе */
}



/* Изменение шрифта для заголовка H1 на десктопах */
.page-title.ast-archive-title {
  font-size: 28px !important; /* Размер шрифта для десктопов */
  
}

.ast-archive-description p{
	/*line-height: 1.5  !important;*/
	 font-size: 14px !important; 
	 color: grey;
}



/* Планшеты (экран шириной от 768px до 1024px) */
@media (max-width: 768px) {
  .page-title.ast-archive-title {
    font-size: 24px !important; /* Размер шрифта для планшетов */
  }
  
  .ast-archive-description p{
	 font-size: 12px !important; 
}
	.pll-switcher-select {
  background-color: #4A4F5D !important; /* Цвет фона */
  color: #ffffff !important; /* Цвет текста */
padding: 5px 20px !important;
	text-align: left !important;
	border:none !important;
}

	.pll-switcher-select::after {
  color: #E37916 !important; /* Цвет галочки */

}

}
/* Мобильные устройства (экран шириной до 767px) */
@media (max-width: 544px) {
  .page-title.ast-archive-title {
    font-size: 19px !important; /* Размер шрифта для мобильных */
  }
	
	.pll-switcher-select {
  background-color: #4A4F5D !important; /* Цвет фона */
  color: #ffffff !important; /* Цвет текста */
padding: 5px 20px !important;
	text-align: left !important;
	border:none !important;

}
  
    .ast-archive-description p{
	 font-size: 10px !important; 
}
}
/*для кнопки глазик в мой аккаунт почему то поехало*/
.password-input {

  align-items: center; /* выравнивание по центру по вертикали */
  gap: 8px; /* расстояние между элементами */
position: relative;
  width: 100%; /* на всю ширину */
}

.password-input input {
  width: 100%;
  padding-right: 2.5em; /* место под кнопку */
  font-size: 14px;
  box-sizing: border-box;
}

.password-input .show-password-input {
  position: absolute;
  top: 50%;
  right: 0.7em;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1em;
  padding: 0;
  color: #f0ad4e;
}

/* Глазик-иконка */
.show-password-input::after {
  content: "\e010"; /* ← замените на нужный символ */
  font-family: 'WooCommerce'; /* ← убедитесь, что этот шрифт загружен */
  font-size: 1.2em;
  display: inline-block;
  vertical-align: middle;
}


/* Ограничение размера svg иконок*/
.icon-container {
  font-size: 16px;
}

.icon-container svg {
  width: 1.5em;
  height: 1.5em;
}

svg {
  max-width: 100%;
  height: auto;
  max-height: 50px;
}