/* ==========================================================================
   Megabike — дополнения натяжки (вёрстка style.css не изменялась).
   Реальные изображения товаров + стили корзины/оформления под тему.
   ========================================================================== */

/* --- Изображения в карточке товара (в вёрстке были плейсхолдеры) --------- */
.product-card__image { overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.product-card__image img { width: 100%; height: 100%; object-fit: contain; }
.products.is-list .product-card__image img { object-fit: cover; }

/* --- Галерея товара ----------------------------------------------------- */
.gallery__main img { max-width: 100%; max-height: 440px; width: auto; height: auto; object-fit: contain; }
.gallery__thumb { overflow: hidden; padding: 0; }
.gallery__thumb img { width: 100%; height: 100%; object-fit: contain; background: #fff; display: block; }

/* --- Изображения внутри описания товара --------------------------------- */
.tab-panel img,
.entry-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 10px 0; }
.tab-panel[data-tab-panel="desc"] p { margin: 0 0 12px; }

/* ==========================================================================
   WooCommerce: корзина / оформление / аккаунт — под стиль темы
   (классические шаблоны-шорткоды)
   ========================================================================== */
.woocommerce, .woocommerce-page { font-size: 15px; color: var(--text); }
.woocommerce a { color: var(--accent); }
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
	border: 1px solid var(--border); border-top: 3px solid var(--accent);
	background: var(--surface); border-radius: var(--radius); padding: 14px 18px; list-style: none; margin: 0 0 20px;
}
.woocommerce .woocommerce-error { border-top-color: var(--danger); }

/* Кнопки WooCommerce → как .btn--primary */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order {
	background: var(--accent); color: #fff; border: 0; border-radius: 10px;
	padding: 12px 22px; font-weight: 600; font-size: 14px; line-height: 1.2; cursor: pointer;
	display: inline-flex; align-items: center; gap: 8px; transition: background .15s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .button:hover, .woocommerce #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--accent-dark); color: #fff; }
.woocommerce .button.alt, .woocommerce a.added_to_cart { background: var(--accent); color: #fff; }

/* Таблица корзины */
.woocommerce table.shop_table {
	width: 100%; border-collapse: collapse; background: var(--surface);
	border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; margin-bottom: 24px;
}
.woocommerce table.shop_table th { text-align: left; font-weight: 600; font-size: 13px; color: var(--muted); padding: 14px 16px; background: var(--bg); }
.woocommerce table.shop_table td { padding: 14px 16px; border-top: 1px solid var(--border-soft); vertical-align: middle; }
.woocommerce table.shop_table img { width: 64px; height: 64px; object-fit: contain; border: 1px solid var(--border); border-radius: 8px; background: #fff; }
.woocommerce .product-name a { font-weight: 600; color: var(--text); }
.woocommerce .product-name a:hover { color: var(--accent); }
.woocommerce .cart_item .product-name .description-images,
.woocommerce .cart_item .product-name img:not(:first-child) { display: none; } /* убрать картинки из описания в корзине */
.woocommerce span.amount, .woocommerce .price { font-weight: 600; color: var(--text); }

/* Поля количества и ввода */
.woocommerce .quantity input.qty {
	width: 66px; padding: 8px; border: 1px solid var(--border); border-radius: 8px; text-align: center; font-family: inherit;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"], .woocommerce-checkout select, .woocommerce-checkout textarea {
	width: 100%; padding: 11px 13px; border: 1px solid var(--border); border-radius: 10px;
	font-family: inherit; font-size: 14px; background: var(--surface);
}
.woocommerce form .form-row label { font-size: 13px; font-weight: 600; margin-bottom: 6px; display: block; }

/* Итоги корзины / оформление — карточка */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review, .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 {
	background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 22px 24px;
}
.woocommerce .cart_totals h2, .woocommerce-checkout h3 { font-size: 18px; margin-bottom: 14px; }
.woocommerce-checkout #order_review_heading { font-size: 18px; margin: 0 0 14px; }

/* Раскладка оформления в две колонки */
.woocommerce-checkout .col2-set { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 768px) { .woocommerce-checkout form.checkout { display: grid; grid-template-columns: 1fr 380px; gap: 28px; align-items: start; }
	.woocommerce-checkout #customer_details { grid-column: 1; } .woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { grid-column: 2; } }

/* Cross-sell/coupon — компактнее */
.woocommerce .cart .actions .coupon input { padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; }
.woocommerce ul#shipping_method { list-style: none; margin: 0; padding: 0; }
.woocommerce .woocommerce-cart-form { margin-bottom: 24px; }