/*	Файл отвечает за дополнительные Стили CSS к общим вопросам WooCommerce
*	development-deaut
*	Для поиска: Убираем, Добавляем, Меняем, Подключаем
*	Начало редактирования файла		*/

/* * * * 	Стили уведомлений WooCommerce
 * 
 * 			Начало кода
 * 
 */

/* 		Стили для успешных уведомлений */
.woocommerce-message {
    background-color: #d4edda; /* Цвет фона */
    color: #155724; /* Цвет текста */
    border: 1px solid #c3e6cb; /* Цвет границы */
    border-radius: 10px; /* Закругленные углы */
}

/* 		Стили для ошибок */
.woocommerce-error {
    background-color: #f8d7da; /* Цвет фона */
    color: #721c24; /* Цвет текста */
    border: 1px solid #f5c6cb; /* Цвет границы */
    border-radius: 10px; /* Закругленные углы */
}

/* 		Цвет ссылки внутри блока с ошибками */
.woocommerce-error a {
    color: #721c24 !important; 
}

/* 		Цвет ссылки при наведении */
.woocommerce-error a:hover {
    color: #721c24 !important; 
}

/*		 Цвет посещенной ссылки */
.woocommerce-error a:visited {
    color: #721c24 !important; 
}

/* 		Цвет ссылки при активации (например, при нажатии) */
.woocommerce-error a:active {
    color: #721c24 !important; 
}

/* 		Стили для информационных сообщений */
.woocommerce-info {
    background-color: #e2e3e5; /* Цвет фона */
    color: #383d41; /* Цвет текста */
    border: 1px solid #c6c8ca; /* Цвет границы */
    border-radius: 10px; /* Закругленные углы */
}

/* 		Стили для кнопки WOO в уведомлениях и тд */
body.single-product .wc-forward {
    background-color: rgba(0, 0, 0, 0.5) !important; /* Прозрачный черный фон (50% прозрачности) */
    color: #ffffff !important; /* Цвет текста (белый) */
    border: none !important; /* Без границы */
    border-radius: 10px !important; /* Закругленные углы */
    padding: 12px 20px !important; /* Отступы */
    font-size: 16px !important; /* Размер шрифта */
    text-align: center !important; /* Выравнивание текста по центру */
    text-decoration: none !important; /* Без подчеркивания */
    display: inline-block !important; /* Чтобы кнопка отображалась как блочный элемент */
    transition: background-color 0.3s ease !important; /* Плавный переход при наведении */
}

body.single-product .wc-forward:hover {
    background-color: #404040 !important; /* Цвет фона при наведении (серый) */
    cursor: pointer !important; /* Курсор в виде указателя */
}

/* 		Медиа-запросы для мобильных устройств */
@media (max-width: 768px) {
    body.single-product .wc-forward {
        padding: 10px 15px !important; /* Уменьшенные отступы для мобильных */
        font-size: 14px !important; /* Уменьшенный размер шрифта для мобильных */
        width: 100% !important; /* Ширина кнопки на 100% */
        box-sizing: border-box; /* Убедитесь, что отступы включены в ширину */
        margin-top: 10px !important; /* Внешний верхний отступ для мобильных */
    }
}

/*   	Отсупы для сообщений woo в внутри товара  */
body.single-product .woocommerce-notices-wrapper {
    padding-left: 20px; /* Отступ слева */
    padding-right: 20px; /* Отступ справа */
    padding-top: 20px; /* Отступ сверху */
    padding-bottom: 20px; /* Отступ снизу */
}

/* 		Убираем стандартную обводку при фокусе для сообщений WooCommerce */
.woocommerce-message:focus,
.woocommerce-error:focus,
.woocommerce-info:focus {
    outline: none; /* Убираем стандартную обводку */
    box-shadow: none; /* Убираем тени (если есть) */
}
/* 			Завершение кода 
 * 
 * * * */


/* 	Стиль для кнопки во всю ширину к товару 
 * 	Начало кода */

/*	1. Страница: Главная старница			*/
.elementor-11 .elementor-element.elementor-element-51862b9.elementor-wc-products ul.products li.product .button {
  width: 100%;
  display: block; /* Как бы нам хотелось `display: упражнение "жим-лежа"`, но пока что подойдет `block` */
  box-sizing: border-box; /* Это удобно, как когда все вещи влезают в чемодан */
  text-align: center; /* Выровнять текст по центру */
}

/*	2. Страница: Каталог					*/
.elementor-280 .elementor-element.elementor-element-4adaf3d3.elementor-wc-products ul.products li.product .button {
  width: 100%;
  display: block; /* Как бы нам хотелось `display: упражнение "жим-лежа"`, но пока что подойдет `block` */
  box-sizing: border-box; /* Это удобно, как когда все вещи влезают в чемодан */
  text-align: center; /* Выровнять текст по центру */
}

/*	3. Страница: Рекомендованные товары		*/
.elementor-379 .elementor-element.elementor-element-1d23bf3b.elementor-wc-products ul.products li.product .button {
  width: 100%;
  display: block; /* Как бы нам хотелось `display: упражнение "жим-лежа"`, но пока что подойдет `block` */
  box-sizing: border-box; /* Это удобно, как когда все вещи влезают в чемодан */
  text-align: center; /* Выровнять текст по центру */
}



/* 			Стиль для страницы Оформление заказа
 * 			Сделать так, чтобы поля вариантов доставки были пошире */
.elementor-32 .elementor-element.elementor-element-e3f1c1b .woocommerce-checkout-review-order-table thead tr th, .elementor-32 .elementor-element.elementor-element-e3f1c1b .woocommerce-checkout-review-order-table tfoot tr th, .elementor-32 .elementor-element.elementor-element-e3f1c1b .woocommerce-checkout-review-order-table tfoot tr td {
    width: 3%;
}


/*** 		Стили для локальных плагинов  ***/
 

/* 			Стиль для плашки товара
 * 			Плагин: WPC Badge Management for WooCommerce
 * 			*/
.groupblashka {
    font-size: 10px;
    font-weight: bold; 
    border-radius: 4px;
    padding: 0 6px;     
}

/* 			Сделать так, чтобы в поиске цена влезала полностью без переноса
 * 			Плагин:FiboSearch - AJAX Search for WooCommerce
 * 			*/
.dgwt-wcas-sp {
    padding-left: 100px;
}

/* 			Настройка радиуса (скругления углов) поисковой строки
 * 			Плагин:FiboSearch - AJAX Search for WooCommerce
 * 			*/
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    border-radius: 10px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
    border-radius: 10px;
}


/* 			Сделать так, чтобы контейнер на странице Мой аккаунт был с автоматической высотой
 * 			Причина: не влазила кнопка входа через Яндекс ID
 * 			*/
.woocommerce-form-login {
    height: auto !important;
}

/*			1. Кнопка войти на странице Мой аккаунт	*/
.elementor-33 .elementor-element.elementor-element-751f10d .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-33 .elementor-element.elementor-element-751f10d .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-33 .elementor-element.elementor-element-751f10d .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-33 .elementor-element.elementor-element-751f10d .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-33 .elementor-element.elementor-element-751f10d .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-33 .elementor-element.elementor-element-751f10d #add_payment_method #payment #place_order {
	
    width: 100%;
    padding: 19px;
    font-weight: 700;
    font-size: 15px;
	}
	
/* 			Настройка кнопки Смотреть видео для каждого товара
 * 			Причина: унылая кнопка
 * 			*/


/* Стили для кнопки "Смотреть видео" */
.product-video-button-wrapper .product-video-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: #F5F5F5 !important; /* серый фон */
    color: #000 !important; /* Черный текст */
    border: 1px solid #F5F5F5 !important; /* серая граница */
    font-size: 16px;
    transition: all 0.3s ease; /* Плавные переходы */
    cursor: pointer; /* Курсор в виде указателя */
    text-align: center; /* Выравнивание текста по центру */
}

.product-video-button-wrapper .product-video-button:hover {
    background-color: #E9E9E9 !important; /* серый чуть темнее фон при наведении */
    color: #000 !important; /* Белый текст при наведении */
    border-color: #E9E9E9 !important; /* серая чуть темнее граница при наведении */
}

/* Иконка PLAY */
.product-video-button-wrapper .product-video-button i {
    margin-right: 12px; /* Отступ между иконкой и текстом */
}

/* Стили для контейнера с видео */
.product-video-wrapper {
    margin-top: 20px;
    text-align: center;
}

.product-video-wrapper iframe {
    max-width: 100%;
    height: auto;
    border: none;
}


/* 			Меняем стиль таблицы в кратком описании к товару 
 * 			Причина: унылая таблица с большими отступами (CSS ID #table-deaut)
 * 			*/

#table-deaut td {
    padding: 11px 12px !important; /* Минимальные отступы внутри ячеек */
    line-height: 1.2 !important; /* Уменьшаем межстрочный интервал */
}

/* 			Добавляем Z-индекс для кнопки в корзину (внизу в моб. версии) 
 * 			Причина: кнопку перекрывают эмлемы от товаров и из блока отзывы
 * 			*/
#dop-z-index30 {
    z-index: 30;
}


/* 			Меняем стиль таблицы Wocommerce (убраем курсив во второй строке) 
 * 			Причина: нечетаемость
 * 			*/
.woocommerce table.shop_attributes td {
	font-style: normal;
	padding-left: 8px; /* Регулируйте значение по вашему усмотрению */
    text-indent: 0; /* Убедитесь, что text-indent сброшен */
	background-color: #ffffff;
	font-size: 11px;
}

.woocommerce table.shop_attributes th {
	background-color: #ffffff;
	font-size: 11px;
}

/* 			Меняем цвет (в наличии) 
 * 			Причина: соотвествие общей цветовой гамме к УТП
 * 			*/

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
	color: #28a745;
}