/**
 * woo.css — стилі нативних сторінок WooCommerce
 * (кошик, оформлення, замовлення отримано, кабінет).
 * Приводимо до дизайну Tetiana Core: ivory-фон, серифні заголовки,
 * rose/lilac акценти, скруглення, м'які кнопки.
 */

/* ── загальні обгортки ── */
.woocommerce, .woocommerce-page {
  max-width: 1100px; margin-inline: auto; padding: 40px 20px 80px;
  color: var(--ink); font-size: 15px;
}
@media (min-width: 768px) { .woocommerce, .woocommerce-page { padding: 56px 20px 112px; } }

.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3 {
  font-family: var(--font-serif); font-weight: 500; letter-spacing: -0.01em; color: var(--ink);
}

/* ── кнопки ── */
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt {
  border-radius: 9999px; padding: 12px 26px; font-size: 14px; font-weight: 500;
  background: var(--ink); color: var(--ivory); border: none; text-transform: none;
  transition: transform .4s cubic-bezier(0.22,1,0.36,1), box-shadow .4s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
  background: var(--ink); transform: translateY(-2px);
  box-shadow: 0 16px 34px -18px color-mix(in oklab, var(--rose) 80%, transparent);
}
.woocommerce a.button.alt, .woocommerce button.button.alt { background: var(--rose); }
.woocommerce .button.wc-backward { background: transparent; color: var(--ink); border: 1px solid var(--border); }

/* ── повідомлення (кошик оновлено тощо) ── */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews {
  border-radius: var(--radius-2xl); border: 1px solid color-mix(in oklab, var(--rose) 30%, transparent);
  border-top: none; padding: 16px 20px 16px 44px;
  background: color-mix(in oklab, var(--rose) 8%, var(--ivory)); color: var(--ink);
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--rose); }
.woocommerce-error { border-color: color-mix(in oklab, #c0392b 30%, transparent); background: color-mix(in oklab, #c0392b 6%, var(--ivory)); }

/* ── таблиці (кошик, замовлення) ── */
.woocommerce table.shop_table {
  border-radius: var(--radius-2xl); border: 1px solid var(--border); border-collapse: separate;
  border-spacing: 0; overflow: hidden; background: var(--card);
}
.woocommerce table.shop_table th { background: color-mix(in oklab, var(--ivory) 70%, transparent); font-family: var(--font-serif); font-weight: 500; padding: 16px; }
.woocommerce table.shop_table td { padding: 16px; border-top: 1px solid var(--border); }
.woocommerce table.shop_table .product-thumbnail img { width: 64px; border-radius: 12px; }

/* ── підсумок кошика / totals ── */
.woocommerce .cart_totals, .woocommerce-checkout .woocommerce-checkout-review-order {
  border-radius: var(--radius-3xl); border: 1px solid var(--border); padding: 24px;
  background: color-mix(in oklab, var(--ivory) 60%, transparent);
}
.woocommerce .cart_totals h2, .woocommerce-checkout #order_review_heading { margin-top: 0; }

/* ── поля форм ── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection {
  border-radius: 12px; border: 1px solid var(--border); padding: 12px 14px;
  background: var(--card); color: var(--ink); font-size: 15px;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  outline: none; border-color: color-mix(in oklab, var(--rose) 55%, transparent);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--rose) 18%, transparent);
}
.woocommerce form .form-row label { font-size: 13px; color: var(--muted-foreground); margin-bottom: 4px; }

/* ── ціни ── */
.woocommerce .amount, .woocommerce .price { color: var(--ink); font-weight: 500; }
.woocommerce del .amount { color: var(--muted-foreground); }

/* ══════════════════════════════════════════════
   КАБІНЕТ /my-account/
   ══════════════════════════════════════════════ */

/* макет: меню зліва, контент справа */
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none; width: 100%; margin-bottom: 32px;
}
@media (min-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 26%; margin-bottom: 0; }
  .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 70%; }
}

.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
@media (min-width: 768px) { .woocommerce-MyAccount-navigation ul { flex-direction: column; } }
.woocommerce-MyAccount-navigation li { margin: 0; border: none; }
/* висота + flex-центрування, щоб текст стояв по центру пігулки */
.woocommerce-MyAccount-navigation li a {
  display: flex; align-items: center; min-height: 48px;
  border-radius: 9999px; padding: 0 22px; text-decoration: none;
  font-size: 14px; line-height: 1.2; color: var(--ink) !important;
  background: color-mix(in oklab, var(--ivory) 70%, transparent);
  border: 1px solid color-mix(in oklab, var(--border) 70%, transparent);
  transition: background .2s, border-color .2s, color .2s;
}
.woocommerce-MyAccount-navigation li a:hover { border-color: color-mix(in oklab, var(--rose) 40%, transparent); }
/* активний пункт: чорна пігулка, СВІТЛИЙ текст (перебиваємо колір теми через !important) */
.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--ink); color: var(--ivory) !important; border-color: var(--ink);
}

.woocommerce-account .woocommerce-MyAccount-content { color: var(--ink); }
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.tdc-cabinet__btn) { color: var(--rose); }

/* прибрати "float" хвости */
.woocommerce-account::after, .woocommerce::after { content: ""; display: table; clear: both; }


/* ── Правки Olga: account nav (Oxygen) ── */
.oxy-woo-my-account .is-active { background: none !important; border-left: none !important; border-right: none !important; }
.oxy-woo-my-account .woocommerce-MyAccount-navigation ul li { border-top: none !important; }