/* =========================================================
   BAITA THEME — WOOCOMMERCE CSS
   Кастомные стили поверх стандартных WooCommerce
   ========================================================= */

/* ---------------------------------------------------------
   ЗВЁЗДЫ В КОММЕНТАРИЯХ
   --------------------------------------------------------- */
.stars {
    margin: 16px 0;
}

/* Делаем span горизонтальным контейнером */
.stars span[role="group"] {
    display: flex;
    gap: 4px;
    align-items: center;
}

/* Скрываем текст внутри звёзд */
.stars a[class^="star-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--color-border);
    transition: color 0.2s ease;
    font-size: 0;
    overflow: hidden;
}

/* Активная звезда (после клика) - всегда подсвечена жёлтым */
.stars a.active {
    color: #f5a623 !important;
}

/* Подсветка при наведении - только для неактивных звёзд */
.stars a:not(.active).hover,
.stars a:not(.active):hover {
    color: #f5a623 !important;
}

/* Звёзды в карточке товара */
.product-card__rating {
    display: flex;
    align-items: center;
    gap: 2px;
}

.product-card__rating .star {
    color: var(--color-border);
}

.product-card__rating .star--filled {
    color: #f5a623;
}

.product-card__rating .star svg {
    display: block;
}

/* Количество отзывов */
.rating-count {
    font-size: 12px;
    color: var(--color-text-muted);
    margin-left: 4px;
}

/* Показываем только SVG иконки */
.stars a svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* ---------------------------------------------------------
   ГЛОБАЛЬНЫЕ WC СТИЛИ
   --------------------------------------------------------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 14px 20px;
    border-radius: var(--radius);
    margin-bottom: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.woocommerce-message { background: var(--color-primary-bg); border-left: 4px solid var(--color-primary); color: var(--color-text); }
.woocommerce-info    { background: #e8f4fd; border-left: 4px solid #2196f3; color: var(--color-text); }
.woocommerce-error   { background: var(--color-sale-bg); border-left: 4px solid var(--color-sale); color: var(--color-text); }
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error li::before { display: none; }

/* ---------------------------------------------------------
   КАТАЛОГ — ARCHIVE PRODUCT
   --------------------------------------------------------- */
.woo-main {
    background-color: var(--color-bg-gray);
    padding: 0;
 }

.woocommerce-products-header { margin-bottom: 20px; }
.woocommerce-products-header__title { font-size: 28px; font-weight: 700; }

/* Верхняя строка каталога */
.woocommerce-ordering select,
.woocommerce-ordering .orderby {
    height: 38px;
    padding: 0 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 14px;
    outline: none;
    cursor: pointer;
    background: var(--color-bg);
    color: var(--color-text);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 32px;
}

/* Сетка товаров WC */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce ul.products li.product {
    margin: 0;
    float: none;
    width: auto;
}

/* Применяем стили product-card к WC li.product */
.woocommerce ul.products li.product {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow var(--transition), transform var(--transition);
    display: flex;
    flex-direction: column;
}
.woocommerce ul.products li.product:hover { box-shadow: var(--shadow); transform: translateY(-2px); }

.woocommerce ul.products li.product a img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 0;
    margin-bottom: 0;
    transition: transform 0.4s ease;
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.04); }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 500;
    padding: 14px 14px 6px;
    line-height: 1.4;
    color: var(--color-text);
}

.woocommerce ul.products li.product .price {
    padding: 0 14px 6px;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text);
    display: block;
}
.woocommerce ul.products li.product .price del { font-size: 13px; font-weight: 400; color: var(--color-text-muted); opacity: 1; }
.woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--color-sale); }

.woocommerce ul.products li.product {
    position: relative;
}
.woocommerce ul.products li.product .onsale {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #fff;
    right: auto;
    background: var(--color-sale);
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    z-index: 55;
    min-height: auto;
    min-width: auto;
    line-height: 1.4;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
    display: block;
    margin: auto 14px 14px;
    padding: 8px 16px;
    background: var(--color-primary);
    color: #fff;
    border-radius: var(--radius);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    border: 2px solid var(--color-primary);
    transition: background var(--transition), border-color var(--transition);
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
    background: var(--color-primary-dark-hover);
    border-color: var(--color-primary-dark-hover);
    color: #fff;
}

/* ---------------------------------------------------------
   ОДИНОЧНЫЙ ТОВАР
   --------------------------------------------------------- */
.woocommerce div.product {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
    padding: 24px;
    border-radius: 24px;
    background-color: #fff;
}

.woocommerce div.product div.images {
    flex: 0 0 36%;
    min-width: 0;
    order: 1;
    position: relative;
}
.woocommerce div.product div.summary {
    flex: 0 0 30%;
    order: 3;
    display: flex;
    flex-direction: column;
}

.product-attributes-between {
    margin-bottom: 12px;
}

.product-attributes-between h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: var(--color-text);
    text-transform: uppercase;
}

.product-advantages {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.product-advantages__item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--color-text-light);
}

.product-advantages__icon {
    color: var(--color-primary);
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}


/* .woocommerce div.product div.summary >.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
    display: none !important;
} */

.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
}

.woocommerce div.product .product_title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 12px;
    color: var(--color-text);
}

/* Артикул и характеристики */
.woocommerce .sku_wrapper {
    display: block;
    font-size: 16px;
    color: var(--color-primary-dark);
    margin-bottom: 8px;
}

.product-attributes {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.product-attributes-title {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 12px;
    color: var(--color-text);
}

.product-attribute {
    font-size: 18px;
    color: var(--color-text);
    font-weight: 600;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--color-border);
}

.product-attribute__label {
    color: var(--color-text);
    font-weight: 300;
}

.product-attribute__value {
    font-weight: 600;
}

/* Рейтинг на странице товара */
.product-rating-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0;
}

.product-rating-summary .star-rating {
    font-size: 16px;
    color: var(--color-warning);
}

.rating-count {
    font-size: 13px;
    color: var(--color-text-light);
}

/* Кнопка "Оставить отзыв" */
.btn-review-scroll {
    display: inline-block;
    padding: 8px 16px;
    background: var(--color-primary-bg);
    color: var(--color-primary);
    border: 1px solid var(--color-primary-border);
    border-radius: var(--radius);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
    margin-top: 8px;
}

.btn-review-scroll:hover {
    background: var(--color-primary);
    color: #fff;
}

/* Правая колонка на странице товара */
.product-right-column {
    margin-bottom: 24px;
}

.product-price-large {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 16px;
}

.product-price-large del {
    font-size: 20px;
    font-weight: 400;
    color: var(--color-text-muted);
    opacity: 1;
}

.product-price-large ins {
    text-decoration: none;
    color: var(--color-sale);
}

/* Краткое описание в правой колонке */
.product-right-column .woocommerce-product-details__short-description {
    font-size: 14px;
    line-height: 1.6;
    color: var(--color-text-light);
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-border);
}

/* Форма корзины в правой колонке */
.product-right-column .cart {
    margin-bottom: 20px;
}

.product-right-column .cart form.cart {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product-right-column .cart .quantity {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.product-right-column .cart .quantity .qty {
    width: 70px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.product-right-column .cart .single_add_to_cart_button {
    width: auto;
    flex: 1;
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 600;
}

.cart-actions-row {
    display: flex;
    gap: 10px;
    align-items: stretch;
}

.btn-wishlist-single {
    flex: 0 0 44px;
    width: 44px;
    height: auto;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-alt, #f5f5f5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    color: var(--color-text-light);
    cursor: pointer;
    transition: color var(--transition), background var(--transition), border-color var(--transition);
}

.btn-wishlist-single:hover {
    color: var(--color-sale);
    border-color: var(--color-sale);
    background: var(--color-white);
}

.btn-wishlist-single.is-active {
    color: var(--color-sale);
    border-color: var(--color-sale);
}

.btn-wishlist-single.is-active svg {
    fill: var(--color-sale);
    stroke: var(--color-sale);
}

/* YITH Wishlist кнопка */
.product-right-column .yith-add-to-wishlist-button-block {
    margin-top: 16px;
}

.product-right-column .yith-add-to-wishlist-button-block .yith-wcwl-add-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.product-right-column .yith-add-to-wishlist-button-block .yith-wcwl-add-button a {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.product-right-column .yith-add-to-wishlist-button-block .yith-wcwl-add-button a:hover {
    color: var(--color-primary-dark-hover);
    text-decoration: underline;
}

.product-features {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}

.product-features__item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--color-text-light);
    margin-bottom: 8px;
}

.product-features__icon {
    color: var(--color-success);
    font-weight: 700;
    font-size: 16px;
}

/* Левая колонка с характеристиками */
.product-left-column {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--color-border);
}

/* Звезды рейтинга */
.star-rating {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 16px;
    font-size: 16px;
    line-height: 1;
    color: var(--color-warning);
}

.star-rating::before {
    content: "★★★★★";
    color: var(--color-border);
}

.star-rating span {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: var(--color-warning);
}

.star-rating span::before {
    content: "★★★★★";
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 16px;
    display: block;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text-muted);
    opacity: 1;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    text-decoration: none;
    color: var(--color-sale);
}

/* Описание */
.woocommerce div.product div.summary .woocommerce-product-details__short-description {
    font-size: 14px;
    line-height: 1.7;
    color: var(--color-text-light);
    margin-bottom: 20px;
}

/* Вариации */
.woocommerce div.product form.cart .variations {
    margin-bottom: 16px;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    padding: 6px 0;
}
.woocommerce div.product form.cart .variations label { font-weight: 600; font-size: 13px; }
.woocommerce div.product form.cart .variations select {
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 14px;
    outline: none;
    width: 100%;
}

/* Кнопка добавления в корзину */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
    background: var(--color-primary) !important;
    color: #fff !important;
    border-radius: var(--radius) !important;
    border: 2px solid var(--color-primary) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 12px 28px !important;
    display: inline-block;
    vertical-align: middle;
    transition: background var(--transition), border-color var(--transition) !important;
    height: auto !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background: var(--color-primary-dark-hover) !important;
    border-color: var(--color-primary-dark-hover) !important;
}

/* Qty кнопки */
.woocommerce div.product form.cart div.quantity .qty {
    height: 44px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 0 12px;
    font-size: 16px;
    font-weight: 600;
    width: 60px;
    text-align: center;
    outline: none;
}

.wc-block-checkout__billing-fields .wc-block-components-address-form {
    gap: 10px 12px;
}

/* Мета информация */
.woocommerce div.product .product_meta {
    font-size: 13px;
    color: var(--color-text-muted);
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border);
}
.woocommerce div.product .product_meta a { color: var(--color-primary); }

/* Табы */
.woocommerce div.product .woocommerce-tabs {
    flex: 0 0 30%;
    order: 4;
}
.woocommerce div.product .woocommerce-tabs ul.tabs { display: none; }
.woocommerce div.product .woocommerce-tabs .panel {
    display: block !important;
    padding: 0;
    border: none;
    margin: 0;
}

.entry-content h2.woocommerce-Reviews-title {
    margin: 0 0 12px 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 480px){
      .woocommerce div.product .woocommerce-tabs {
            flex: 0 0 100%;

      }
}

/* Форма отзыва — только рейтинг */
#review_form #reply-title,
#review_form p.comment-notes,
#review_form .comment-form-cookies-consent,
#review_form .comment-form-comment,
#review_form .form-submit,
.woocommerce-noreviews {
    display: none !important;
}

.comment-form-rating {

}

/* Логотип бренда над отзывами */
.product-brand-logo {
    display: flex;
    justify-content: center;
    padding: 20px 0 20px;
    margin-bottom: 20px;
    width: 100%;
}
.product-brand-logo__link {
    display: inline-flex;
    align-items: center;
}
.product-brand-logo__link img {
    max-height: 56px;
    max-width: 180px;
    width: auto;
    object-fit: contain;
}

/* ---------------------------------------------------------
   КОРЗИНА
   --------------------------------------------------------- */
.woocommerce-cart .woocommerce { padding: 20px 0 48px; }

.woocommerce table.cart {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.woocommerce table.cart th {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--color-text-light);
    border-bottom: 2px solid var(--color-border);
}
.woocommerce table.cart td {
    padding: 16px;
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
}
.woocommerce table.cart td.product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: var(--radius);
    border: 1px solid var(--color-border);
}
.woocommerce table.cart td.product-name a {
    font-weight: 500;
    color: var(--color-text);
    font-size: 15px;
}
.woocommerce table.cart td.product-name a:hover { color: var(--color-primary); }

.woocommerce table.cart .product-remove a {
    color: var(--color-text-muted);
    font-size: 18px;
    font-weight: 300;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background var(--transition), color var(--transition);
}
.woocommerce table.cart .product-remove a:hover { background: var(--color-sale-bg); color: var(--color-sale); }

.woocommerce .cart-collaterals .cart_totals {
    background: var(--color-bg-gray);
    border-radius: var(--radius-lg);
    padding: 24px;
    width: 100%;
    max-width: 380px;
    margin-left: auto;
}
.woocommerce .cart_totals h2 { font-size: 18px; font-weight: 700; margin-bottom: 16px; }
.woocommerce .cart_totals table { width: 100%; font-size: 14px; }
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td { padding: 10px 0; border-bottom: 1px solid var(--color-border); }
.woocommerce .cart_totals table tr:last-child th,
.woocommerce .cart_totals table tr:last-child td { border-bottom: none; font-weight: 700; font-size: 16px; }

.woocommerce .wc-proceed-to-checkout .checkout-button {
    display: block;
    width: 100%;
    background: var(--color-primary) !important;
    color: #fff !important;
    padding: 14px 24px !important;
    border-radius: var(--radius) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center;
    border: none !important;
    transition: background var(--transition) !important;
}
.woocommerce .wc-proceed-to-checkout .checkout-button:hover { background: var(--color-primary-dark-hover) !important; }

/* ---------------------------------------------------------
   ОФОРМЛЕНИЕ ЗАКАЗА
   --------------------------------------------------------- */
.woocommerce form .form-row label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
    color: var(--color-text);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    height: 44px;
    padding: 0 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 14px;
    width: 100%;
    outline: none;
    transition: border-color var(--transition);
    font-family: var(--font-main);
    color: var(--color-text);
}
.woocommerce form .form-row textarea { height: 100px; padding: 12px 14px; resize: vertical; }
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(42,157,110,0.12);
}
.woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--color-sale); }

/* Заголовки секций чекаута */
.woocommerce .site h3#order_review_heading,
.woocommerce-checkout .site h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--color-border);
    color: var(--color-text);
}

/* Кнопка "Оформить заказ" */
.woocommerce #payment #place_order {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    width: 100%;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 14px !important;
    border-radius: var(--radius) !important;
    transition: background var(--transition) !important;
}
.woocommerce #payment #place_order:hover { background: var(--color-primary-dark-hover) !important; border-color: var(--color-primary-dark-hover) !important; }

/* ---------------------------------------------------------
   ЛИЧНЫЙ КАБИНЕТ
   --------------------------------------------------------- */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 32px;
    padding: 24px 0 48px;
    align-items: flex-start;
}
.woocommerce-MyAccount-navigation {
    width: 240px;
    flex-shrink: 0;
    background: var(--color-bg-gray);
    border-radius: var(--radius-lg);
    overflow: hidden;
    position: sticky;
    top: calc(var(--header-height) + 16px);
}
.woocommerce-MyAccount-navigation ul { padding: 8px 0; }
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 20px;
    font-size: 14px;
    color: var(--color-text);
    transition: background var(--transition), color var(--transition);
    border-left: 3px solid transparent;
}
.woocommerce-MyAccount-navigation ul li a:hover { background: var(--color-primary-bg); color: var(--color-primary); }
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--color-primary-bg);
    color: var(--color-primary);
    font-weight: 600;
    border-left-color: var(--color-primary);
}
.woocommerce-MyAccount-content { flex: 1; min-width: 0; }

/* Таблица заказов */
.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.woocommerce-orders-table th {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--color-text-light);
    border-bottom: 2px solid var(--color-border);
}
.woocommerce-orders-table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border);
}
.woocommerce-orders-table .woocommerce-button.button {
    padding: 6px 14px;
    background: var(--color-primary);
    color: #fff;
    border-radius: var(--radius);
    font-size: 13px;
    font-weight: 500;
    transition: background var(--transition);
}
.woocommerce-orders-table .woocommerce-button.button:hover { background: var(--color-primary-dark-hover); color: #fff; }

/* Статусы заказов */
.woocommerce-order-status { display: inline-flex; padding: 3px 10px; border-radius: 3px; font-size: 12px; font-weight: 600; }
mark.order-status.status-processing { background: var(--color-primary-bg); color: var(--color-primary); }
mark.order-status.status-completed  { background: #e8f7e8; color: #2e7d32; }
mark.order-status.status-cancelled  { background: var(--color-sale-bg); color: var(--color-sale); }
mark.order-status.status-on-hold    { background: #fff8e1; color: #f57c00; }
mark.order-status.status-pending    { background: var(--color-bg-gray); color: var(--color-text-light); }

/* Форма логина/регистрации */
.woocommerce-account:not(.logged-in) .woocommerce { display: block; }
.u-columns.col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: 8px; font-size: 13px; }

/* ---------------------------------------------------------
   ПАГИНАЦИЯ
   --------------------------------------------------------- */
.woocommerce-pagination ul {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: 40px;
    flex-wrap: wrap;
}
.woocommerce-pagination ul li {
    display: flex;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 14px;
    font-weight: 500;
    transition: background var(--transition), border-color var(--transition), color var(--transition);
    color: var(--color-text);
}
.woocommerce-pagination ul li a:hover { background: var(--color-primary-bg); border-color: var(--color-primary); color: var(--color-primary); }
.woocommerce-pagination ul li span.current { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }

/* ---------------------------------------------------------
   УВЕДОМЛЕНИЕ ОБ АКЦИИ / ДОБАВЛЕНИИ В КОРЗИНУ
   --------------------------------------------------------- */
.woocommerce-store-notice,
p.demo_store {
    background: var(--color-primary);
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-size: 13px;
}
.woocommerce-store-notice a,
p.demo_store a { color: #fff; text-decoration: underline; }

/* ---------------------------------------------------------
   АДАПТИВ
   --------------------------------------------------------- */
@media (max-width: 1024px) {
    .woocommerce ul.products { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); }
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary { flex: 0 0 100%; }
    .woocommerce-account .woocommerce { flex-direction: column; }
    .woocommerce-MyAccount-navigation { width: 100%; position: static; }
    .u-columns.col2-set { grid-template-columns: 1fr; }
}


.woocommerce-breadcrumb {
    padding: 20px 0 0;
}

/* ---------------------------------------------------------
   СТРАНИЦА «СПАСИБО» (order-received / thankyou)
   --------------------------------------------------------- */

/* Обёртка всей страницы */
.woocommerce-order {
    padding: 0 0 48px;
}

/* Баннер "Ваш заказ принят" */
p.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background: linear-gradient(135deg, #1a6e49 0%, var(--color-primary) 100%);
    color: #fff;
    padding: 28px 32px;
    border-radius: var(--radius-lg);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 16px;
    line-height: 1.3;
}
p.woocommerce-notice--success.woocommerce-thankyou-order-received::before {
    content: "✓";
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

/* Карточки деталей заказа (номер, дата, email, сумма, оплата) */
ul.woocommerce-order-overview {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
ul.woocommerce-order-overview li {
    flex: 1;
    min-width: 140px;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 16px 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--color-text-muted);
    line-height: 1;
}
ul.woocommerce-order-overview li strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text);
    margin-top: 8px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.4;
}
/* Выделяем сумму зелёным */
ul.woocommerce-order-overview li.total strong {
    color: var(--color-primary);
    font-size: 18px;
}

/* Блок с инструкциями ЮКассы (выводим из thankyou_page()) */
.woocommerce-order > div[style*="background:#e8f5ee"] {
    margin-bottom: 28px;
}

/* ---- Секция "Информация о заказе" ---- */
section.woocommerce-order-details {
    margin-bottom: 32px;
}
h2.woocommerce-order-details__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--color-border);
    color: var(--color-text);
}

/* Таблица товаров */
table.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin-top: 0;
}
table.woocommerce-table--order-details thead th {
    padding: 12px 16px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-muted);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-gray);
}
table.woocommerce-table--order-details thead th:last-child {
    text-align: right;
}
table.woocommerce-table--order-details tbody td {
    padding: 16px;
    border-bottom: 1px solid var(--color-border);
    vertical-align: top;
    color: var(--color-text);
}
table.woocommerce-table--order-details tbody tr:last-child td {
    border-bottom: none;
}
/* Колонка с картинкой */
table.woocommerce-table--order-details .product-thumbnail {
    width: 72px;
    padding: 14px 0 14px 16px;
}

/* Название товара */
table.woocommerce-table--order-details .product-name {
    font-weight: 500;
    line-height: 1.4;
}
table.woocommerce-table--order-details .product-name a {
    color: var(--color-text);
    transition: color var(--transition);
}
table.woocommerce-table--order-details .product-name a:hover {
    color: var(--color-primary);
}
/* Атрибуты вариации (Размер: 40) */
table.woocommerce-table--order-details .wc-item-meta {
    list-style: none;
    padding: 0;
    margin: 6px 0 0;
}
table.woocommerce-table--order-details .wc-item-meta li {
    font-size: 12px;
    color: var(--color-text-muted);
    display: flex;
    gap: 4px;
    align-items: center;
    margin-top: 3px;
}
table.woocommerce-table--order-details .wc-item-meta li p {
    margin: 0;
}
/* Цена справа */
table.woocommerce-table--order-details .product-total {
    text-align: right;
    font-weight: 600;
    white-space: nowrap;
}
/* Итоговая строка */
table.woocommerce-table--order-details tfoot tr th,
table.woocommerce-table--order-details tfoot tr td {
    padding: 12px 16px;
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-gray);
    font-size: 14px;
}
table.woocommerce-table--order-details tfoot tr td {
    text-align: right;
    font-weight: 600;
}
/* Строка "Итого" — последняя */
table.woocommerce-table--order-details tfoot tr:last-child th,
table.woocommerce-table--order-details tfoot tr:last-child td {
    font-size: 17px;
    font-weight: 700;
    color: var(--color-text);
    border-top: 2px solid var(--color-border);
}
table.woocommerce-table--order-details tfoot tr:last-child td {
    color: var(--color-primary);
}

/* ---- Адрес покупателя ---- */
section.woocommerce-customer-details {
    margin-top: 32px;
}
section.woocommerce-customer-details h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--color-border);
}
.woocommerce-customer-details .col2-set {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.woocommerce-customer-details .col2-set .col-1,
.woocommerce-customer-details .col2-set .col-2 {
    background: var(--color-bg-gray);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 20px 24px;
}
.woocommerce-customer-details h3 {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-muted);
    margin-bottom: 12px;
}
.woocommerce-customer-details address {
    font-style: normal;
    font-size: 14px;
    line-height: 1.8;
    color: var(--color-text);
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
    font-size: 14px;
    color: var(--color-text-light);
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Адаптив */
@media (max-width: 640px) {
    p.woocommerce-notice--success.woocommerce-thankyou-order-received {
        font-size: 16px;
        padding: 20px;
    }
    ul.woocommerce-order-overview li {
        min-width: calc(50% - 6px);
    }
    .woocommerce-customer-details .col2-set {
        grid-template-columns: 1fr;
    }
}

/* ---------------------------------------------------------
   ВЫ СМОТРЕЛИ — Блок просмотренных товаров
   --------------------------------------------------------- */
.viewed-products {
    margin-top: 24px;
    padding: 32px 0;
    order: 6;
}


.viewed-products__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--color-text);
}

.viewed-products__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* Кнопки блочной корзины и чекаута */
.wc-block-cart__submit-button.wc-block-components-button {
    background: var(--color-primary);
    color: #fff;
    border: 2px solid var(--color-primary);
    border-radius: var(--radius);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 22px;
    width: 100%;
    cursor: pointer;
    transition: background var(--transition), border-color var(--transition), transform var(--transition);
    text-decoration: none;
}
.wc-block-cart__submit-button.wc-block-components-button:hover {
    background: var(--color-primary-dark-hover);
    border-color: var(--color-primary-dark-hover);
    color: #fff;
}
.wc-block-cart__submit-button.wc-block-components-button:active { transform: scale(0.98); }

.wc-block-components-checkout-place-order-button.wc-block-components-button {
    background: var(--color-primary);
    color: #fff;
    border: 2px solid var(--color-primary);
    border-radius: var(--radius);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 22px;
    width: 100%;
    cursor: pointer;
    transition: background var(--transition), border-color var(--transition), transform var(--transition);
}
.wc-block-components-checkout-place-order-button.wc-block-components-button:hover {
    background: var(--color-primary-dark-hover);
    border-color: var(--color-primary-dark-hover);
}
.wc-block-components-checkout-place-order-button.wc-block-components-button:active { transform: scale(0.98); }

.viewed-product-card {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow var(--transition), transform var(--transition);
    display: flex;
    flex-direction: column;
}

.viewed-product-card:hover {
    box-shadow: var(--shadow);
    transform: translateY(-2px);
}

.viewed-product-card__img-wrap {
    position: relative;
    overflow: hidden;
}

.viewed-product-card__img-wrap img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.viewed-product-card:hover .viewed-product-card__img-wrap img {
    transform: scale(1.04);
}

.viewed-product-card__badge {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    z-index: 5;
}

.viewed-product-card__badge--new {
    background: var(--color-primary);
}

.viewed-product-card__badge--sale {
    background: var(--color-sale);
}

.viewed-product-card__body {
    padding: 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.viewed-product-card__name {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-text);
    margin-bottom: 8px;
    transition: color var(--transition);
}

.viewed-product-card__name:hover {
    color: var(--color-primary);
}

.viewed-product-card__price {
    margin-top: auto;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text);
}

.viewed-product-card__price del {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-muted);
    opacity: 1;
}

.viewed-product-card__price ins {
    text-decoration: none;
    color: var(--color-sale);
}

/* Адаптив для блока "Вы смотрели" */
@media (max-width: 1024px) {
    .viewed-products__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .viewed-products__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .viewed-products {
        margin-top: 32px;
        padding: 24px 0;
    }

    .viewed-products__title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .viewed-products__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .viewed-product-card__body {
        padding: 12px;
    }

    .viewed-product-card__name {
        font-size: 13px;
    }

    .viewed-product-card__price {
        font-size: 15px;
    }
}

/* ---------------------------------------------------------
   ФОРМА ОТЗЫВОВ — АДАПТИВ
   --------------------------------------------------------- */
.woocommerce-Reviews {
    overflow: hidden;
}

.comment-respond {
    box-sizing: border-box;
    width: 100%;
}

#commentform {
    box-sizing: border-box;
    width: 100%;
}
#commentform textarea {
    height: 113px;
}
#comment-form-rating-label {
    font-size: 18px;
    color: var(--color-text);
    font-weight: 300;
    display: none;
}
.comment-form-comment {
    font-size: 18px;
    color: var(--color-text);
    font-weight: 300;
}

#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.comment-reply-title {
    display: block;
    word-break: break-word;
    overflow-wrap: break-word;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 1.4;
}

@media (max-width: 640px) {
    .comment-reply-title {
        font-size: 16px;
    }

    .comment-form-rating {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .stars span[role="group"] {
        gap: 6px;
    }

    .stars a[class^="star-"] {
        width: 32px;
        height: 32px;
    }

    #commentform textarea {
        rows: 5;
        min-height: 120px;
    }

    #commentform .form-submit input[type="submit"] {
        width: 100%;
        box-sizing: border-box;
    }
}