/* ==========================================================================
   wp-extra.css — WooCommerce/WP additions ONLY. app.css (the ported design
   system, Porcelain & Terra tokens) is NEVER edited — see SPEC.md §4.
   Covers: WP admin-bar offset, checkout/my-account/order screens (Woo
   classic shortcodes have no equivalent in the static design, so they are
   re-skinned here using the SAME tokens/type scale as the rest of the
   site), and the custom /kolichka/ full-page cart layout.
   ========================================================================== */

/* ---------- WP admin-bar: sticky header must sit below it, not under it ---------- */
body.admin-bar .header{top:32px}
@media (max-width:782px){ body.admin-bar .header{top:46px} }

/* ---------- Generic Woo screens (checkout / my-account / cart notices) ----------
   Re-tokenized to the site's Porcelain & Terra palette + Fraunces/Archivo type,
   so [woocommerce_checkout] / [woocommerce_my_account] don't look like a
   different product bolted onto the design. */
.woo-wrap{max-width:1040px;margin:0 auto}
.woo-wrap h2,.woo-wrap h3{font-family:var(--serif);font-weight:340;color:var(--ink)}
.woo-wrap h3{font-size:20px;margin:0 0 18px}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{
  list-style:none;margin:0 0 24px;padding:16px 20px;border:1px solid var(--line);
  background:var(--sand,#F3EFE7);color:var(--ink);font-size:14px;display:flex;
  align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.woocommerce-error{border-color:var(--terra);color:var(--terra-d)}
.woocommerce-message .button,.woocommerce-error .button{
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;
  border:1px solid var(--ink);padding:9px 16px;color:var(--ink);background:transparent}

/* form fields (checkout / login / register / addresses) */
.woocommerce form .form-row{margin-bottom:18px}
.woocommerce form label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.woocommerce form .required{color:var(--terra);text-decoration:none}
.woocommerce form input.input-text,.woocommerce form textarea,.woocommerce form select,
.woocommerce form .select2-selection{
  width:100%;border:1px solid var(--line);background:var(--paper);padding:13px 14px;
  font-family:var(--sans);font-size:14px;color:var(--ink);transition:border-color .25s;border-radius:0}
.woocommerce form input.input-text:focus,.woocommerce form textarea:focus,.woocommerce form select:focus{outline:none;border-color:var(--ink)}
.woocommerce ::placeholder{color:var(--mineral)}

/* buttons */
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #place_order{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:16px 32px;border:1px solid var(--ink);
  color:var(--paper);background:var(--ink);transition:all .4s var(--ease);border-radius:0}
.woocommerce .button:hover,.woocommerce #place_order:hover{background:transparent;color:var(--ink)}
.woocommerce a.button.alt{background:var(--terra);border-color:var(--terra);color:#fff}
.woocommerce a.button.alt:hover{background:transparent;color:var(--terra)}

/* checkout review-order table + shipping/payment blocks */
.woocommerce table.shop_table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:14px}
.woocommerce table.shop_table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mineral);border-bottom:1px solid var(--line);padding:10px 4px}
.woocommerce table.shop_table td{padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink)}
.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{border-bottom:0}
.woocommerce table.shop_table .order-total .amount,.woocommerce-Price-amount{font-weight:600}
.woocommerce-checkout #payment{background:var(--sand,#F3EFE7);border:1px solid var(--line);padding:18px 20px;margin-top:8px}
.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:0 0 10px;padding:0}
.woocommerce-checkout #payment li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.woocommerce-checkout #payment li:last-child{border-bottom:0}
.woocommerce-checkout-review-order-table{border:1px solid var(--line);padding:0 16px}

/* my-account: nav + orders/addresses tables */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}
.woocommerce-MyAccount-navigation li a{display:inline-block;padding:9px 16px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.woocommerce-MyAccount-content{max-width:760px}
.woocommerce-orders-table__cell-order-actions .button{padding:9px 14px;font-size:10.5px}
.woocommerce-order-details,.woocommerce-customer-details{margin-top:24px}
.woocommerce-EditAccountForm fieldset{border:1px solid var(--line);padding:18px;margin-bottom:22px}
.woocommerce-EditAccountForm legend{font-family:var(--serif);font-size:16px;padding:0 8px}

/* coupon form (checkout) */
.woocommerce-form-coupon-toggle .woocommerce-info{background:transparent;border:0;padding:0;font-size:13px}
.woocommerce-form-coupon{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.woocommerce-form-coupon .form-row{flex:1;min-width:180px;margin-bottom:0}

/* order-received / thank-you */
.woocommerce-order{max-width:760px;margin:0 auto}
.woocommerce-thankyou-order-received{font-family:var(--serif);font-weight:340;font-size:22px;color:var(--ink);margin-bottom:8px}

/* ---------- /kolichka/ — full-page cart (SPEC §3: scrollable line-items, one-row promo) ---------- */
[data-cart-page].is-empty .kolichka{display:none}
.kolichka{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start}
@media (max-width:860px){ .kolichka{grid-template-columns:1fr} }
.kolichka__items{max-height:64vh;overflow-y:auto;padding-right:6px;border-top:1px solid var(--line)}
.kolichka__items .citem{border-bottom:1px solid var(--line)}
.kolichka__summary{position:sticky;top:110px;border:1px solid var(--line);padding:24px}
.kolichka__promo{display:flex;gap:10px;margin-bottom:20px}
.kolichka__promo input{flex:1;min-width:0;border:1px solid var(--line);background:var(--paper);padding:11px 12px;font-family:var(--sans);font-size:13px;color:var(--ink)}

/* ---------- POST/reload render-freeze guard (WP1 §7.9 lesson) ----------
   app.css intentionally carries no @view-transition rule (the static
   design never had one), so there is nothing to disable — this is only a
   defensive net in case a future core/plugin update ships a default
   navigation transition that would freeze the render after a checkout/
   login POST, exactly the WP1 incident. Costs nothing while unused. */
@view-transition{navigation:none}