/*
Theme Name: Teleporady Online
Description: Lekki motyw stron konsultacji, konta i klasycznego WooCommerce. Fragmenty generowane z Astro.
Version: 0.1.0
Requires PHP: 8.1
Text Domain: teleporadyonline
*/

#main-content { min-height: 50vh; }
.wsf-form .hp-field-wrap { display: none !important; }
.tpo-header--payment .tpo-header__bar { justify-content: space-between; }
.tpo-payment-contact { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-m); font-size: var(--text-m); }
.tpo-payment-contact strong { color: var(--color-deep); }
.woo-page h1 { font-size: var(--text-h2); }
.woocommerce .u-columns.col2-set { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xl); }
.woocommerce .u-columns .u-column1, .woocommerce .u-columns .u-column2 { float: none; width: auto; min-width: 0; }
.woocommerce .u-columns.col2-set::before, .woocommerce .u-columns.col2-set::after { content: none; }
.woocommerce-MyAccount-content { min-width: 0; }
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td { color: var(--color-deep); }
@media (max-width: 760px) {
  .wizyta-container, .woocommerce .u-columns.col2-set { grid-template-columns: minmax(0, 1fr); }
  .tpo-header--payment .tpo-header__bar { flex-wrap: wrap; gap: var(--space-s); padding-block: var(--space-s); }
  .woocommerce-orders-table, .woocommerce-orders-table tbody { display: block; }
  .woocommerce-orders-table thead { display: none; }
  .woocommerce-orders-table tbody tr { display: block; margin-bottom: var(--space-l); }
  .woocommerce-orders-table tbody [data-title] { display: flow-root; text-align: right; overflow-wrap: anywhere; }
  .woocommerce-orders-table tbody [data-title]::before { content: attr(data-title); float: left; max-width: 40%; margin-right: var(--space-s); font-weight: 600; text-align: left; }
}
.tpo-uslugi { list-style: none; padding: 0; display: grid; gap: var(--space-s); max-width: 32rem; }

/* Wspólna strona podziękowania (THP); klasy jak w receptomaty-lite. */
.thp { max-width: 760px; margin: 0 auto; padding: var(--space-xl); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); }
.thp__header, .thp__confirmation, .thp__summary, .thp__next, .thp__actions { margin-bottom: var(--space-l); }
.thp__title { margin-bottom: var(--space-s); }
.thp__status, .thp__next p { color: var(--color-muted); }
.thp__confirmation { padding: var(--space-m); border-radius: var(--radius-sm); background: var(--color-soft); }
.thp__confirmation p { margin: 0; }
.thp__summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-m); }
.thp__summary-item { padding: var(--space-m); border-radius: var(--radius-sm); background: var(--color-soft); }
.thp__summary dt { margin-bottom: var(--space-xs); color: var(--color-muted); }
.thp__summary dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.thp__actions { display: flex; flex-wrap: wrap; gap: var(--space-s); }
.thp__actions .button--ghost { border: 1px solid var(--color-deep); background: var(--color-surface); color: var(--color-deep); }
.thp__contact ul { margin: var(--space-s) 0 0; padding-left: var(--space-l); }
.thp__contact a { color: var(--color-deep); }
@media (max-width: 700px) {
  .thp { padding: var(--space-m); }
  .thp__summary { grid-template-columns: 1fr; }
}