/* ============================================================
   SPORTHUB — woocommerce.css
   Переопределения стандартных стилей WooCommerce
   ============================================================ */

/* Убираем стандартные обёртки WooCommerce */
.woocommerce-page #primary { padding: 0; }
.woocommerce .woocommerce-breadcrumb { display: none; }

/* Рейтинг */
.star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 12px; width: 5.4em; font-family: star; }
.star-rating::before { content: 'sssss'; color: #ddd; float: left; top: 0; left: 0; position: absolute; }
.star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; }
.star-rating span::before { content: 'sssss'; top: 0; position: absolute; left: 0; color: #F5A623; }
.woocommerce-product-rating { display: flex; align-items: center; gap: 6px; }

/* Флаг "Sale" — скрываем стандартный */
.woocommerce span.onsale { display: none; }

/* Ссылки кнопок добавления в корзину на странице архива */
.woocommerce ul.products li.product .button { display: none; }

/* Плейсхолдер изображения */
.woocommerce-placeholder-img { opacity: 0.25; }

/* Уведомления */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    border-top: 4px solid var(--accent);
    padding: 12px 16px;
    margin-bottom: 16px;
    background: var(--white);
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    font-size: 14px;
    list-style: none;
}
.woocommerce-error { border-top-color: #c0392b; }
.woocommerce-info  { border-top-color: #2980b9; }

/* Страница одиночного товара */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--line);
    padding: 0;
    margin: 0 0 24px;
    list-style: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--muted);
    border-bottom: 2px solid transparent;
    transition: color var(--transition), border-color var(--transition);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--dark);
    border-bottom-color: var(--accent);
}

/* Форма "В корзину" на странице товара */
.woocommerce div.product form.cart { display: flex; align-items: center; gap: 12px; }
.woocommerce div.product form.cart .qty {
    width: 64px;
    height: 44px;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    text-align: center;
    font-size: 15px;
    font-family: var(--font);
}
.woocommerce div.product form.cart .single_add_to_cart_button {
    height: 44px;
    padding: 0 28px;
    background: var(--accent);
    color: var(--white);
    border: none;
    border-radius: var(--radius-sm);
    font-family: var(--font);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition);
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background: var(--accent-hover);
}

/* Корзина */
.woocommerce-cart table.cart td.actions .coupon input {
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    height: 38px;
    padding: 0 12px;
    font-family: var(--font);
}
.woocommerce-cart table.cart td.actions .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
    background: var(--dark);
    color: var(--white);
    border-radius: var(--radius-sm);
    font-family: var(--font);
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background var(--transition);
    padding: 10px 20px;
}
.woocommerce-cart table.cart td.actions .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background: var(--accent);
    color: var(--white);
}

/* Checkout */
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea {
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    font-family: var(--font);
    padding: 8px 12px;
    transition: border-color var(--transition);
    width: 100%;
}
.woocommerce-checkout .woocommerce-input-wrapper input:focus,
.woocommerce-checkout .woocommerce-input-wrapper select:focus {
    border-color: var(--accent);
    outline: none;
}
.woocommerce #payment #place_order {
    background: var(--primary);
    color: var(--white);
    border: none;
    border-radius: var(--radius-sm);
    font-family: var(--font);
    font-size: 16px;
    font-weight: 600;
    height: 52px;
    width: 100%;
    cursor: pointer;
    transition: background var(--transition);
}
.woocommerce #payment #place_order:hover { background: var(--dark); }