/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Увеличиваем высоту и убираем скругление кнопки "В корзину" */
/* Стиль кнопки "В корзину" в обычном и неактивном состоянии */
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .button.disabled,
.woocommerce div.product form.cart .button:disabled,
.woocommerce div.product form.cart .button.woocommerce-variation-add-to-cart-disabled {
    border-radius: 3px; /* Убираем скругление */
    height: 60px; /* Увеличиваем высоту */
    font-size: 18px; /* Увеличенный размер шрифта */
    display: flex;
    align-items: center; /* Центрирование текста по вертикали */
    justify-content: center; /* Центрирование текста по горизонтали */
    width: 100%;
    max-width: 400px;
}


@media (max-width: 768px) {
    .woocommerce div.product form.cart .button {
        height: 70px; /* Увеличиваем высоту кнопки на мобильных */
        font-size: 20px;
    }
}

/* Стилизация кнопки "Очистить" */
/* Стили кнопки "Очистить" такие же, как у кнопки "В корзину" */
.woocommerce div.product form.cart .reset_variations {
    border-radius: 3px; /* Убираем скругление, как у кнопки "В корзину" */
	margin-top: 10px; /* Увеличиваем верхний отступ */
    margin-bottom: 10px; /* Увеличиваем нижний отступ */
    color: #ffffff !important; /* Делаем текст белым */
    background-color: #0274be !important; /* Цвет кнопки "В корзину" */
	opacity: 1 !important; /* Сделать кнопку полностью непрозрачной */
    padding: 12px 20px; /* Делаем кнопку удобнее для нажатия */
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

/* Эффект при наведении */
.woocommerce div.product form.cart .reset_variations:hover {
    background-color: #000000 !important; /* Цвет затемняется при наведении */
	opacity: 1 !important; /* Сделать кнопку полностью непрозрачной */
}

.single_link_to_cart_button_button_all {
    font-size: 0; /* Скрываем стандартный текст */
}
.single_link_to_cart_button_button_all::after {
    content: "Выберите размер"; /* Вставляем свой текст */
    font-size: 16px; /* Размер текста */
}
/* Стилизация кнопки "Оформить заказ" на странице оформления заказа */
a.checkout-button.button.alt.wc-forward {
    border-radius: 3px; /* Скругление углов */
    background-color: #0274be; /* Цвет фона */
    color: #FFFFFF; /* Цвет текста */
    padding: 20px 20px; /* Отступы внутри кнопки */
    font-size: 16px; /* Размер текста */
    border: none; /* Убрать границу */
    transition: background-color 0.3s ease; /* Плавное изменение цвета при наведении */
}

a.checkout-button.button.alt.wc-forward:hover {
    background-color: #000000; /* Цвет фона при наведении */
}

/* Стили для кнопки "Применить купон" */
button[name="apply_coupon"] {
    padding: 10px 20px !important; /* Внутренние отступы (высота и ширина) */
    border-radius: 3px !important; /* Скругление углов */
    background-color: #0274be !important; /* Цвет фона */
    color: #FFFFFF !important; /* Цвет текста */
    font-size: 14px !important; /* Размер текста */
    border: none !important; /* Убрать границу */
    transition: background-color 0.3s ease !important; /* Плавное изменение цвета при наведении */
    cursor: pointer !important; /* Изменение курсора при наведении */
}

button[name="apply_coupon"]:hover {
    background-color: #000000 !important; /* Цвет фона при наведении */
}

/* Уменьшение отступа между "Товар:" и названием кроссовок */
.product-name {
    margin-left: 1px; /* Измени значение на нужное */
}

/* Стили для кнопки "Размещение заказа" */
.wc-block-components-checkout-place-order-button {
    padding: 15px 30px !important; /* Внутренние отступы (высота и ширина) */
    border-radius: 3px !important; /* Скругление углов */
    background-color: #0274be !important; /* Цвет фона */
    color: #FFFFFF !important; /* Цвет текста */
    font-size: 16px !important; /* Размер текста */
    border: none !important; /* Убрать границу */
    transition: background-color 0.3s ease !important; /* Плавное изменение цвета при наведении */
    cursor: pointer !important; /* Изменение курсора при наведении */
}

.wc-block-components-checkout-place-order-button:hover {
    background-color: #000000 !important; /* Цвет фона при наведении */
}

/* Изменение размера изображения кроссовок на странице оформления заказа */
.product-thumbnail img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 600px !important; /* Ширина изображения */
    height: auto !important; /* Автоматическая высота для сохранения пропорций */
}

/* Изменение размера заголовка "Платёжный адрес" */
.woocommerce-Address-title h2 {
    font-size: 24px !important; /* Размер шрифта */
    font-weight: bold !important; /* Жирный шрифт (опционально) */
}
/* Изменение размера текста в названии товара в карточке оформления заказа */
.wc-block-components-product-name {
    font-size: 12px !important; /* Принудительно уменьшаем шрифт */
    line-height: 1.2 !important; /* Уменьшаем межстрочный интервал */
    font-weight: 500 !important; /* Корректируем жирность */
    word-break: break-word !important; /* Не даём тексту выходить за границы */
}
.wc-block-components-product-price__value {
    font-size: 12px !important; /* Принудительно уменьшаем шрифт */
    line-height: 1.2 !important; /* Уменьшаем межстрочный интервал */
    font-weight: 700 !important; /* Корректируем жирность */
    word-break: break-word !important; /* Не даём тексту выходить за границы */
}
.wc-block-components-product-badge {
	font-size: .55em !important; /* Принудительно уменьшаем шрифт */
}
.wc-block-components-product-backorder-badge {
	font-size: .55em !important; /* Принудительно уменьшаем шрифт */
}
.woocommerce-button.button.view.order-actions-button  {
	color: #ffffff !important; /* Меняем цвет текста кнопки просмотра заказа */
}
.wc-block-components-order-summary-item__description {
	padding-right: 0px; /* Уменьшаем отступ справа от названия модели */
}
/* Изменение цвета текста в сообщении о возможности заказа на странице товара */
.stock {
    color: #000 !important; /* Чёрный цвет */
}
/* Стилизация Таблицы Размеров на странице единичного товара */

.size-table-wrapper {
    margin: 20px 0;
}

.size-table {
    width: 100%;
    border-collapse: collapse;
}

.size-table th, .size-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

.size-table th {
    background-color: #f5f5f5;
    font-weight: bold;
}

.size-table td:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

/* Стилизация "плашки" выбора размера в Variation Swatches */
.cfvsw-swatches-option.swatch-on-backorder {
    opacity: 0.6;
    border: 1px dashed #aaa;
    position: relative;
    transition: 0.3s;
}

.cfvsw-swatches-option.swatch-on-backorder::after {
    content: "*";
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 12px;
    color: #888;
}
/* Кастомизация стилей в плагине YITH Wishlist */
.yith-wcwl-share-title {
	text-size: 16px; /* Размер текста над полем иконок "Поделиться в:" */
	color: #242525; /* Цвет текста над полем иконок "Поделиться в:" */
}
/* Кастомизация стилей кнопок Astra Theme для отображения кнопок Woocommrece с текстами Dashicons */
.password-input {
	position: relative;
	display: block;
}

.password-input input[type="password"],
.password-input input[type="text"] {
	width: 100%;
	padding-right: 3rem; /* добавим отступ под иконку */
}

.show-password-input {
	all: unset;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	cursor: pointer;
	color: #007cba;
	font-family: dashicons;
	font-size: 20px;
	line-height: 1;
	z-index: 2;
	display: none !important;
}

/* Иконка "глаз" */
.show-password-input::after {
	content: "\f530"; /* глаз */
	font-family: dashicons;
	display: inline-block;
}

/* Когда нажали – "зачеркнутый глаз" */
.show-password-input[aria-pressed="true"]::after {
	content: "\f531"; /* зачеркнутый глаз */
}
.show-password-input:focus {
	outline: 2px solid #007cba;
	outline-offset: 2px;
	border-radius: 4px;
}
.woocommerce-Address-title title{
	padding-left: 2em
}
/* Исправление положения label внутри поля формы регистрации Profile Builder */
/* Убираем встроенный глаз в Edge и Chrome */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-contacts-auto-fill-button,
input[type="password"]::-webkit-credentials-auto-fill-button {
  display: none !important;
}
/* ==========================================================================
   Маркер "Предзаказ POIZON" для WooCommerce
   ========================================================================== */

.poizon-preorder-badge,
.poizon-preorder-badge-alt {
    position: absolute;
    top: 10px;
    left: 10px;
    background: linear-gradient(135deg, #4B4F58 0%, #242525 100%);
    color: white;
    padding: 3px 6px;
    font-size: 8px;
    font-weight: bold;
    border-radius: 3px;
    z-index: 10;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    animation: pulse 2s infinite;
    transition: transform 0.2s ease;
}

/* Альтернативный цвет для отладочной версии */
.poizon-preorder-badge-alt {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

/* Анимация пульсации */
@keyframes pulse {
    0% { 
        transform: scale(1); 
    }
    50% { 
        transform: scale(1.05); 
    }
    100% { 
        transform: scale(1); 
    }
}

/* Эффект при наведении */
.poizon-preorder-badge:hover {
    transform: scale(1.1);
    animation-play-state: paused;
}

/* Убеждаемся, что контейнер товара имеет относительное позиционирование */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative !important;
}

/* Альтернативные цветовые схемы (закомментированы) */
/*
.poizon-preorder-badge {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

.poizon-preorder-badge {
    background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
}

.poizon-preorder-badge {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
*/

/* Адаптивность для планшетов */
@media (max-width: 1024px) {
    .poizon-preorder-badge {
        font-size: 10px;
        padding: 5px 10px;
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .poizon-preorder-badge {
        font-size: 9px;
        padding: 4px 8px;
        top: 5px;
        left: 5px;
        border-radius: 12px;
    }
}
/* Убедимся, что ссылка с изображением — контейнер с относительным позиционированием */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    position: relative;
    display: block;
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .poizon-preorder-badge {
        font-size: 8px;
        padding: 3px 6px;
        letter-spacing: 0.3px;
    }
}

/* Дополнительная настройка для разных тем */
.woocommerce .products .product .poizon-preorder-badge,
.woocommerce-page .products .product .poizon-preorder-badge {
    display: block;
}

/* Если маркер перекрывает кнопки или другие элементы */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
    z-index: 5;
}

/* Стили для темной темы (если нужно) */
@media (prefers-color-scheme: dark) {
    .poizon-preorder-badge {
        box-shadow: 0 2px 4px rgba(255,255,255,0.1);
    }
}
/* ==========================================================================
   Маркер "Предзаказ POIZON" для WooCommerce ВЫШЕ 
   ========================================================================== */

/* ==========================================================================
   Маркер "Предзаказ" для WooCommerce
   ========================================================================== */

.preorder-badge,
.preorder-badge-alt {
    position: absolute;
    top: 10px;
    left: 10px;
    background: linear-gradient(135deg, #4B4F58 0%, #242525 100%);
    color: white;
    padding: 3px 6px;
    font-size: 8px;
    font-weight: bold;
    border-radius: 3px;
    z-index: 10;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    animation: pulse 2s infinite;
    transition: transform 0.2s ease;
}

/* Альтернативный цвет для отладочной версии */
.preorder-badge-alt {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

/* Анимация пульсации */
@keyframes pulse {
    0% { 
        transform: scale(1); 
    }
    50% { 
        transform: scale(1.05); 
    }
    100% { 
        transform: scale(1); 
    }
}

/* Эффект при наведении */
.preorder-badge:hover {
    transform: scale(1.1);
    animation-play-state: paused;
}

/* Убеждаемся, что контейнер товара имеет относительное позиционирование */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative !important;
}

/* Альтернативные цветовые схемы (закомментированы) */
/*
.poizon-preorder-badge {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

.poizon-preorder-badge {
    background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
}

.poizon-preorder-badge {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
*/

/* Адаптивность для планшетов */
@media (max-width: 1024px) {
    .preorder-badge {
        font-size: 10px;
        padding: 5px 10px;
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .preorder-badge {
        font-size: 9px;
        padding: 4px 8px;
        top: 5px;
        left: 5px;
        border-radius: 12px;
    }
}
/* Убедимся, что ссылка с изображением — контейнер с относительным позиционированием */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    position: relative;
    display: block;
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .preorder-badge {
        font-size: 8px;
        padding: 3px 6px;
        letter-spacing: 0.3px;
    }
}

/* Дополнительная настройка для разных тем */
.woocommerce .products .product .poizon-preorder-badge,
.woocommerce-page .products .product .poizon-preorder-badge {
    display: block;
}

/* Если маркер перекрывает кнопки или другие элементы */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
    z-index: 5;
}

/* Стили для темной темы (если нужно) */
@media (prefers-color-scheme: dark) {
    .preorder-badge {
        box-shadow: 0 2px 4px rgba(255,255,255,0.1);
    }
}
/* ==========================================================================
   Маркер "Предзаказ" для WooCommerce ВЫШЕ 
   ========================================================================== */

/* ==========================================================================
   Маркер "Новинка" для WooCommerce
   ========================================================================== */

.new-product-badge,
.new-product-badge-alt {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #5b667e 0%, #0274be 100%);
    color: white;
    padding: 3px 6px;
    font-size: 8px;
    font-weight: bold;
    border-radius: 3px;
    z-index: 10;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    animation: pulse 2s infinite;
    transition: transform 0.2s ease;
}

/* Альтернативный цвет для отладочной версии */
.new-product-badge-alt {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

/* Анимация пульсации */
@keyframes pulse {
    0% { 
        transform: scale(1); 
    }
    50% { 
        transform: scale(1.05); 
    }
    100% { 
        transform: scale(1); 
    }
}

/* Эффект при наведении */
.new-product-badge:hover {
    transform: scale(1.1);
    animation-play-state: paused;
}

/* Убеждаемся, что контейнер товара имеет относительное позиционирование */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative !important;
}

/* Альтернативные цветовые схемы (закомментированы) */
/*
.poizon-preorder-badge {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

.poizon-preorder-badge {
    background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
}

.poizon-preorder-badge {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
*/

/* Адаптивность для планшетов */
@media (max-width: 1024px) {
    .new-product-badge {
        font-size: 10px;
        padding: 5px 10px;
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .new-product-badge {
        font-size: 9px;
        padding: 4px 8px;
        top: 5px;
        right: 5px;
        border-radius: 12px;
    }
}
/* Убедимся, что ссылка с изображением — контейнер с относительным позиционированием */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    position: relative;
    display: block;
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .new-product-badge {
        font-size: 8px;
        padding: 3px 6px;
        letter-spacing: 0.3px;
    }
}

/* Дополнительная настройка для разных тем */
.woocommerce .products .product .poizon-preorder-badge,
.woocommerce-page .products .product .poizon-preorder-badge {
    display: block;
}

/* Если маркер перекрывает кнопки или другие элементы */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
    z-index: 5;
}

/* Стили для темной темы (если нужно) */
@media (prefers-color-scheme: dark) {
    .new-product-badge {
        box-shadow: 0 2px 4px rgba(255,255,255,0.1);
    }
}
/* Если наведена мыш на изображение товара, то маркер не показывать */
.woocommerce ul.products li.product:hover .new-product-badge {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

}

/* ==========================================================================
   Маркер "Новинка" для WooCommerce ВЫШЕ 
   ========================================================================== */
   
/* Стиль отображения названия модели на странице SHOP
.woocommerce-loop-product__title {
  line-height: 1.3;
  margin-bottom: 10px;
}

.product-brand {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  display: block;
}

.product-model {
  font-weight: 400;
  font-size: 14px;
  color: #888;
  display: block;
}
*/
/* Изменение позиции и величины текста дейбла "Распродажа!" на товаре */
.ast-onsale-card {
	top: .5em !important;
	left: .5em !important;
	font-size: .75em !important;
}
/* Стили ACF полей "Предзаказ" и "Нет в наличии" в карточке товара */
.woocommerce .custom-status-wrapper {
    background-color: #f2f2f2; /* мягкий серый фон */
    padding: 10px 12px;
    border-radius: 6px;
    margin-top: 15px;
    font-family: 'Montserrat', sans-serif; /* как на stepibox */
    color: #333;
}

.woocommerce .custom-status-line {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.woocommerce .custom-status-line + .custom-status-line {
    margin-top: 4px; /* почти незаметный отступ, чтобы визуально сливались */
}

.woocommerce .status-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
	margin-right: 8px; /* 👈 вот он — отступ справа */
}

.woocommerce .status-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
	
.woocommerce .custom-status-line.preorder .status-icon svg {
    transform: scale(2.0); /* Увеличим только машинку */
    transform-origin: center;
}
.woocommerce .custom-status-line.preorder-link .status-icon svg {
    transform: scale(0.99);
    transform-origin: center;
}

/* Растягиваем кнопку "В корзину" на всю ширину */
/* Устанавливаем флекс-контейнер */
.woocommerce .woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Блок количества — фиксированной ширины */
.woocommerce .woocommerce-variation-add-to-cart .quantity {
    flex: 0 0 auto;
}

/* Кнопка "В корзину" — во всю ширину строки */
.woocommerce .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    flex: 1 1 100%;
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    box-sizing: border-box;
}
/* Стиль для ссылки "Узнать подробности предзаказа" */
.woocommerce .custom-status-line .preorder-popup-link {
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
}

.woocommerce .custom-status-line .preorder-popup-link:hover {
    color: #005077;
    text-decoration: none;
}
/* Стиль шорткода в описании вариации */
.preorder-info-box {
    border: 1px solid #DC143C;
    border-radius: 6px;
    padding: 10px;
    background-color: #fff0f0;
    margin-top: 10px;
	margin-bottom: 10px;
    font-style: italic;
    font-size: 14px;
    color: #DC143C;
}

.preorder-info-box a {
    font-weight: 500;
    color: #DC143C;
    text-decoration: underline;
}
/* Плавная прокрутка до любого якоря при переходе на страницу */
html {
  scroll-behavior: smooth;
}

/* Стиль текста в корзине товара в разделе Доставка
@media (max-width: 768px) {
	.woocommerce-shipping-methods li,
	.woocommerce-shipping-totals td,
	.woocommerce-cart .cart_totals .shipping td {
		padding-left: 12px;
		padding-right: 12px;
		word-break: break-word !important;
	}

	.woocommerce-shipping-methods label {
		display: block;
		margin-left: 8px;
		margin-right: 8px;
		word-break: break-word;
	}
}
*/