/* Popsikook: WooCommerce kujundus (ainult välimus). Tokenid tulevad theme.json-ist. */

/* ---------- Lehtede raam ---------- */
/* E-poe otsinguriba (30.10, omanik: kompaktsemaks): ainult otsinguväli, juhis on väljas eeltäitena. Kui lehele lisatakse
   nähtav pealkiri või lõik, saab otsing selle alla vahe; peidetud H1 vahet ei tee. 01.11: riba ja väli on samad mis päise
   otsingunupust avanev riba (theme.css „Otsing”), täidis --pk-otsing-pad. */
.pk-shophero { padding-block: var(--pk-otsing-pad); }
.pk-shophero > .pk-wrap > * { margin-block: 0; }
.pk-shophero h1 { margin-bottom: var(--pk-s3); }
.pk-shophero :not(.screen-reader-text) + .wp-block-search { margin-top: var(--pk-s5); }
.pk-section--top, .pk-section--tight { padding-block: var(--pk-sec-top) var(--pk-sec); }
.pk-wrap > * + * { margin-block-start: var(--pk-s5); }
.pk-wrap > h1 { margin-bottom: var(--pk-s2); }
.pk-crumbs-bar { padding-block: var(--pk-s3) 0; }
.pk-crumbs-bar > .pk-wrap > * { margin: 0; }

/* ---------- Leivapuru ---------- */
.wc-block-breadcrumbs, .woocommerce-breadcrumb { font-size: .98rem; color: var(--wp--preset--color--muted); }
.wc-block-breadcrumbs ol, .woocommerce-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .35rem; list-style: none; margin: 0; padding: 0; }
.wc-block-breadcrumbs a, .woocommerce-breadcrumb a { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--wp--preset--color--brand); }
.wc-block-breadcrumbs li:not(:last-child)::after { content: "/"; margin-left: .35rem; color: var(--wp--preset--color--muted); }

.pk-section--top .pk-cats { margin-block: var(--pk-s5) var(--pk-s3); }

.pk-infobox { padding: var(--pk-s5); background: var(--wp--preset--color--sand); border-radius: var(--wp--custom--radius); }
.pk-infobox > * { margin-block: 0; }
.pk-infobox > * + * { margin-top: var(--pk-s3); }

/* ---------- Tööriistariba ---------- */
.pk-shoptools { align-items: center; justify-content: space-between; gap: var(--pk-s3); }
.pk-shoptools > * { margin: 0; }
.wc-block-product-results-count, .woocommerce-result-count { margin: 0; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.wc-block-catalog-sorting select, .woocommerce-ordering select { min-height: 2.75rem; padding: 0 2.25rem 0 .9rem; font: inherit; font-size: 1rem; color: var(--wp--preset--color--ink); background-color: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); }

/* ---------- Tootekaardid ---------- */
.wp-block-woocommerce-product-collection.pk-products { margin-top: var(--pk-s5); }
.wp-block-woocommerce-product-collection.pk-products ul.wc-block-product-template { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pk-s3); margin: 0; padding: 0; list-style: none; }
.pk-products .wc-block-product-template > li { margin: 0; width: auto; max-width: none; display: flex; }
.pk-pcard { position: relative; display: flex; flex-direction: column; width: 100%; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); box-shadow: var(--wp--preset--shadow--soft); overflow: hidden; }
.pk-pcard > * { margin-block: 0; }
.pk-pcard .wc-block-components-product-image, .pk-pcard .wc-block-components-product-image a { display: block; margin: 0; }
.pk-pcard .wc-block-components-product-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.pk-pcard__body { display: flex; flex-direction: column; flex: 1; gap: var(--pk-s2); padding: var(--pk-s3); }
.pk-pcard__body > * { margin-block: 0; }
.pk-pcard .wp-block-post-title { font-size: 1.05rem; line-height: 1.25; text-align: left; overflow-wrap: anywhere; word-break: normal; hyphens: auto; } /* anywhere: ka pikk liitsõna („Toorjuustukoogike”) murdub 320 px kaardis */
.pk-pcard .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.pk-pcard .wp-block-post-title a:hover { color: var(--wp--preset--color--brand); text-decoration: underline; }
/* Terve kaart klikitav */
.pk-pcard .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.pk-pcard .wc-block-components-product-button { position: relative; z-index: 2; margin-top: auto; }
.pk-pcard .wc-block-components-product-price, .pk-pcard .wp-block-woocommerce-product-price { margin-top: auto; font-weight: 700; font-size: 1.1rem; text-align: left; font-variant-numeric: tabular-nums; }
.pk-products .product-type-variable .wp-block-woocommerce-product-price::after, .pk-products .product_type_variable .wp-block-woocommerce-product-price::after { content: "sõltub kaalust"; display: block; font-weight: 400; font-size: .9rem; color: var(--wp--preset--color--muted); }
.pk-pcard .wc-block-components-product-button .wp-block-button__link, .pk-pcard .wc-block-components-product-button__button { width: 100%; min-height: 2.9rem; padding-inline: .8rem; margin: 0; font-size: 1rem; background: transparent; color: var(--wp--preset--color--brand); border: 2px solid var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius-s); font-weight: 700; }
.pk-pcard .wc-block-components-product-button .wp-block-button__link:hover, .pk-pcard .wc-block-components-product-button__button:hover { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); }
.pk-pcard .wc-block-components-product-button { margin-bottom: 0; }
.pk-pcard .added_to_cart { display: block; margin-top: .4rem; text-align: center; }
@media (min-width: 700px) { .wp-block-woocommerce-product-collection.pk-products ul.wc-block-product-template { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pk-s5); } }
@media (min-width: 1000px) { .wp-block-woocommerce-product-collection.pk-products ul.wc-block-product-template { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: no-preference) { .pk-pcard { transition: transform .25s var(--wp--custom--easing); } .pk-pcard:hover { transform: translateY(-2px); } }

.pk-empty { padding: var(--pk-s6) 0; }
.pk-empty > * { margin-block: 0; }
.pk-empty > * + * { margin-top: var(--pk-s3); }
/* Otsingu abi (popsikook-core): „Kas mõtlesid …?” ja kategooriad, tooteotsingus ilma tulemuseta. */
.pk-otsingu-abi > * { margin-block: 0; }
.pk-otsingu-abi > * + * { margin-top: var(--pk-s3); }

/* ---------- Lehekülgede nummerdus ---------- */
.pk-pagination { margin-top: var(--pk-s6); gap: var(--pk-s2); }
.pk-pagination a, .pk-pagination span.page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; min-height: 2.75rem; padding: 0 .75rem; font-weight: 700; text-decoration: none; border-radius: var(--wp--custom--radius-s); }
.pk-pagination a { color: var(--wp--preset--color--brand); border: 2px solid var(--wp--preset--color--brand); }
.pk-pagination a:hover { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); }
.pk-pagination .page-numbers.current { color: var(--wp--preset--color--base); background: var(--wp--preset--color--brand); }
.pk-pagination .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; gap: var(--pk-s2); }

/* ---------- Toote leht ---------- */
.pk-product { align-items: flex-start; }
.pk-product h1 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3rem); margin-bottom: var(--pk-s3); }
.pk-product .wp-block-woocommerce-product-price { margin-bottom: var(--pk-s3); font-weight: 800; font-variant-numeric: tabular-nums; }
.pk-product .wp-block-post-excerpt { margin-bottom: var(--pk-s4); }
.pk-product .wp-block-post-excerpt__excerpt { margin: 0; }
.pk-product .wp-block-post-excerpt__excerpt > p { margin: 0; }
.pk-product .wp-block-post-excerpt__excerpt > p + p { margin-top: var(--pk-s3); }
.wc-block-product-gallery, .wp-block-woocommerce-product-image-gallery { margin: 0; }
.wp-block-woocommerce-product-image-gallery img, .woocommerce-product-gallery img { display: block; width: 100%; height: auto; border-radius: var(--wp--custom--radius); }
/* Woo galerii enne oma skripti (flexslider; kuni selleni on galerii nähtamatu, opacity 0): lisapildid on juba pisipiltide kujul
   (≥ 782 px 25% ruudud ridadena, telefonis 4 rem ruudud ühes reas), nii et galerii kõrgus ei muutu, kui skript selle üles
   ehitab, ja selle all olev vorm ei hüppa (30.10; enne telefonis 560 → 541 px, arvutis 798 → 811 px). Ainult JS-iga (pk-js);
   pärast skripti on pildid .flex-viewport sees ja need reeglid ei kehti. Ühe pildiga galeriid skript ei ehita: üks rida. */
.pk-js .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.pk-js .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image.woocommerce-product-gallery__image:nth-child(n) { display: block; width: auto; max-width: none; margin: 0; padding: 0; }
.pk-js .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child { grid-column: 1 / -1; }
.pk-js .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(n+2) img { aspect-ratio: 1; object-fit: cover; }
@media (max-width: 781.98px) {
	.pk-js .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr)); column-gap: .5rem; }
	.pk-js .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper:has(> .woocommerce-product-gallery__image:nth-child(2)) { grid-template-rows: auto 4.75rem; grid-auto-rows: 0; overflow: hidden; }
	/* Pisipildid samal kohal kui pärast skripti (.5 rem vahe pildi all, rida 4 rem + .25 rem): 76 px, mitte 64 px (vastuvõtt 31.10). */
	.pk-js .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(n+2) { align-self: start; height: 4rem; margin-top: .5rem; overflow: hidden; }
}
.pk-product .pk-info { margin-top: var(--pk-s5); }
.pk-product .pk-info .pk-acc, .pk-product .pk-info + .pk-acc { margin-top: 0; }
/* Tellimise info malliosas (Mallide osad → Tootelehe tellimise info): sama kõrvuti asetus nagu otse veerus. */
.pk-product .pk-info + .wp-block-template-part, .pk-product .pk-info + .wp-block-template-part > .pk-acc:first-child { margin-top: 0; }
.pk-product .pk-acc:last-child { border-bottom: 1px solid var(--wp--preset--color--line); }
.pk-acc summary > span:first-child { flex: none; }
.pk-acc[open] .pk-acc__hint { display: none; }
.pk-acc__hint { min-width: 0; margin-left: auto; font-size: var(--wp--preset--font-size--small); font-weight: 400; color: var(--wp--preset--color--muted); text-align: right; }
.pk-ingredients__text { font-size: var(--wp--preset--font-size--small); line-height: 1.6; color: var(--wp--preset--color--muted); }
.pk-ingredients__text > * { margin-block: 0; }
.pk-ingredients__text > * + * { margin-top: var(--pk-s2); }
.pk-allergen-notice { margin: var(--pk-s2) 0 0; font-size: var(--wp--preset--font-size--small); line-height: 1.6; color: var(--wp--preset--color--muted); }
.pk-allergen-notice + .pk-allergen-notice { margin-top: var(--pk-s2); }
.pk-ingredients__text strong { color: var(--wp--preset--color--ink); }
.pk-related h2 { margin-bottom: var(--pk-s5); }
.pk-related .wp-block-woocommerce-product-collection.pk-products { margin-top: 0; }

/* Variatsioon, kogus ja lisa korvi */
.wp-block-add-to-cart-form, .wc-block-add-to-cart-form { margin-bottom: var(--pk-s5); }
.wc-block-components-quantity-selector { min-height: 3.25rem; }
.woocommerce-variation-price { font-weight: 700; font-variant-numeric: tabular-nums; }
.woocommerce-variation-description p { margin: 0; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.single_add_to_cart_button, .wp-block-woocommerce-add-to-cart-form .wp-element-button, form.cart .wp-element-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 3.5rem; padding: .7rem 1.4rem; font-size: 1.15rem; font-weight: 700; color: var(--wp--preset--color--base); background: var(--wp--preset--color--brand); border: 2px solid var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius-s); cursor: pointer; text-decoration: none; }
.single_add_to_cart_button:hover, form.cart .wp-element-button:hover { background: var(--wp--preset--color--brand-hover); border-color: var(--wp--preset--color--brand-hover); }
.single_add_to_cart_button.disabled, .single_add_to_cart_button:disabled { opacity: .55; cursor: not-allowed; }

/* Kokkuklapitav info */
.pk-acc { margin-top: var(--pk-s5); border-top: 1px solid var(--wp--preset--color--line); }
.pk-acc summary { display: flex; align-items: center; justify-content: space-between; gap: var(--pk-s3); min-height: 3.25rem; padding-block: .5rem; font-weight: 700; cursor: pointer; list-style: none; }
.pk-acc summary::-webkit-details-marker { display: none; }
.pk-acc summary::after { content: ""; flex: none; width: 1.25rem; height: 1.25rem; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; }
.pk-acc[open] summary::after { rotate: 180deg; }
.pk-acc summary:hover { color: var(--wp--preset--color--brand); }
.pk-acc summary:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; border-radius: var(--wp--custom--radius-s); }
.pk-acc > :not(summary) { margin-block: 0 var(--pk-s3); }
.pk-acc .wp-block-list li + li { margin-top: var(--pk-s2); }
.pk-nutrition { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--small); font-variant-numeric: tabular-nums; }
.pk-nutrition caption { padding-bottom: var(--pk-s2); text-align: left; color: var(--wp--preset--color--muted); }
.pk-nutrition th, .pk-nutrition td { padding: .45rem 0; border-top: 1px solid var(--wp--preset--color--line); text-align: left; font-weight: 400; }
.pk-nutrition td { text-align: right; white-space: nowrap; }
.pk-nutrition tr:not(.pk-nutrition__sub) th { font-weight: 600; color: var(--wp--preset--color--ink); }
.pk-nutrition__sub th { padding-left: var(--pk-s3); color: var(--wp--preset--color--muted); }
.pk-nutrition__storage { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }

@media (max-width: 781px) { .pk-product .wp-block-column { flex-basis: 100% !important; } }

/* ---------- Teavitused ---------- */
.wc-block-components-notice-banner, .woocommerce-message, .woocommerce-info, .woocommerce-error { padding: var(--pk-s3) var(--pk-s4); color: var(--wp--preset--color--ink); background: var(--wp--preset--color--sand); border: 2px solid var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius-s); list-style: none; }
.wc-block-components-notice-banner.is-error, .woocommerce-error { border-color: var(--wp--preset--color--danger); }
.wc-block-components-notice-banner.is-success { border-color: var(--wp--preset--color--ok); }
.wc-block-components-notice-banner a, .woocommerce-message a { font-weight: 700; }

/* ---------- Ostukorv ja kassa ---------- */
.pk-cart-note { margin-top: var(--pk-s5); padding: var(--pk-s4) var(--pk-s5); background: var(--wp--preset--color--sand); border-radius: var(--wp--custom--radius); max-width: none; }
/* Tühi korv (mockup .emptycart): pealkiri H2 suuruses, tekst keskel; K6 lause ainult täis korvi juures. */
.wc-block-cart__empty-cart__title { font-size: var(--wp--preset--font-size--heading-2, 1.75rem); margin-block: var(--pk-s4) var(--pk-s3); }
.wp-block-woocommerce-empty-cart-block p { margin-inline: auto; }
.wp-block-woocommerce-empty-cart-block .wp-block-buttons { margin-top: var(--pk-s4); }
.pk-cart-info { margin-top: var(--pk-s6); padding: var(--pk-s5); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); }
.pk-cart-info h2 { margin-top: 0; }
.pk-cart-info ul { margin-block: var(--pk-s3); padding-left: 1.2em; }
.pk-cart-info li + li { margin-top: var(--pk-s2); }
.pk-wrap:has(.wp-block-woocommerce-empty-cart-block) :is(.pk-cart-note, .pk-cart-info) { display: none; }
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { font-size: 1rem; }
.wc-block-components-button:not(.is-link) { min-height: 3rem; padding: .6rem 1.4rem; font-weight: 700; color: var(--wp--preset--color--base); background: var(--wp--preset--color--brand); border: 2px solid var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius-s); }
.wc-block-components-button:not(.is-link):hover:not(:disabled) { color: var(--wp--preset--color--base); background: var(--wp--preset--color--brand-hover); border-color: var(--wp--preset--color--brand-hover); }
.wc-block-components-button.outlined:not(.is-link) { color: var(--wp--preset--color--brand); background: transparent; }
.wc-block-components-button.outlined:not(.is-link):hover:not(:disabled) { color: var(--wp--preset--color--base); }
.wc-block-components-button:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; box-shadow: none; }
/* Fields: focus = the field's own border turns from muted to brand (no second ring), same as the selected pills. */
.wc-block-components-text-input input:focus, .wc-block-components-form .wc-block-components-text-input input:focus, .wc-block-components-form .wc-block-components-text-input input[type]:focus, .wc-block-components-textarea:focus, .wc-blocks-components-select .wc-blocks-components-select__select:focus, .wc-block-components-combobox .components-combobox-control__input:focus { border-color: var(--wp--preset--color--brand); box-shadow: inset 0 0 0 1px var(--wp--preset--color--brand); outline: none; }
.wc-block-components-text-input input[type], .wc-block-components-textarea, .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-combobox .components-combobox-control__input, .wc-block-components-form .wc-block-components-text-input input { min-height: 3.25rem; color: var(--wp--preset--color--ink); border: 1.5px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); background: var(--wp--preset--color--base); font-family: inherit; }
.wc-block-components-textarea { min-height: 6rem; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"], .wc-block-components-radio-control .wc-block-components-radio-control__input { border-color: var(--wp--preset--color--field-line); }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: var(--wp--preset--color--brand); border-color: var(--wp--preset--color--brand); }
.wc-block-components-radio-control__option-checked, .wc-block-components-radio-control-accordion-option { border-radius: var(--wp--custom--radius-s); }
.wc-block-components-text-input label, .wc-block-components-form .wc-block-components-text-input label { color: var(--wp--preset--color--muted); }
.wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar-layout .wc-block-components-sidebar { box-sizing: border-box; }
.wc-block-cart__totals-title, .wc-block-components-checkout-step__title { font-weight: 700; }
.wc-block-components-totals-wrapper, .wc-block-cart-items th { border-color: var(--wp--preset--color--line); }
.wc-block-cart-items .wc-block-components-product-name { font-weight: 700; color: var(--wp--preset--color--ink); }
.wc-block-components-order-summary .wc-block-components-product-name { color: var(--wp--preset--color--ink); }
.wc-block-components-product-metadata { color: var(--wp--preset--color--muted); }
.wc-block-cart__sidebar, .wc-block-checkout__sidebar { font-variant-numeric: tabular-nums; }
.wc-block-components-product-image img, .wc-block-cart-item__image img { border-radius: var(--wp--custom--radius-s); }
.wc-block-components-quantity-selector { border: 1.5px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); }
.wc-block-components-quantity-selector::after { display: none; }
.wc-block-components-quantity-selector__button { min-width: 2.75rem; min-height: 2.75rem; }
.wc-block-components-quantity-selector__input { color: var(--wp--preset--color--ink); }

/* Tellimuse kinnitus (templates/order-confirmation.html): kassa liivataustal valged kastid; laial ekraanil kaks veergu nagu kassas —
   vasakul tellimuse andmed ja arve, paremal lisainfo. Tellimuse tabeli read on gridid: tekst saab kogu laiuse, summa paremas servas. */
.pk-confirm { --wc-separator-color: var(--wp--preset--color--line); }
.pk-confirm h1 { margin-bottom: var(--pk-s3); }
.wc-block-order-confirmation-summary, .wc-block-order-confirmation-totals table { font-variant-numeric: tabular-nums; }
.wc-block-order-confirmation-summary { padding: var(--pk-s4); background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius-s); }
.pk-confirm .wc-block-order-confirmation-totals table { background: var(--wp--preset--color--base); border-radius: var(--wp--custom--radius-s); }
/* Kättesaamisega tellimusel aadresse pole, aga tühi veergude plokk jättis 24px vahe. */
.pk-confirm .wc-block-order-confirmation-address-wrapper:not(:has(.wp-block-column > *)) { display: none; }
/* Tabelid algavad pealkirja all samal kõrgusel (Woo andis tellimuse tabelile 24px, lisainfole 19.5px); arve lingi ja makseteate vahel pole tühja rida. */
.pk-confirm .wc-block-order-confirmation-totals-wrapper > .wc-block-order-confirmation-totals { margin-top: 0; }
.pk-confirm .wc-block-order-confirmation-totals > :last-child { margin-bottom: 0; }
.pk-confirm .wc-block-order-confirmation-additional-information > :first-child { margin-top: 0; }
/* „Arvega”: Woo pangaandmete pealkiri on h2 nagu lehe pealkirjad, mitte teema suur h2. */
.pk-confirm .wc-bacs-bank-details-heading { font-size: 24px; margin: var(--pk-s5) 0 var(--pk-s3); }
.pk-confirm .wc-bacs-bank-details-account-name { font-size: 1rem; margin: 0 0 .5rem; }
.pk-confirm .wc-bacs-bank-details { margin: 0; padding-left: 1.25rem; }
/* Külalise e-posti kinnitus (lingi avamine hiljem või teises seadmes): saidi väljad, nupp mahub ekraanile. */
.pk-confirm .woocommerce-verify-email { max-width: 28rem; margin-top: var(--pk-s5); }
.pk-confirm .woocommerce-verify-email .form-row { margin: 0 0 var(--pk-s3); }
.pk-confirm .woocommerce-verify-email label { display: block; margin-bottom: .35rem; font-weight: 700; }
.pk-confirm .wc-block-order-confirmation-status-description .woocommerce-verify-email #verify-email { box-sizing: border-box; width: 100%; min-height: 3rem; padding: .65rem .85rem; font: inherit; font-size: 1rem; color: var(--wp--preset--color--ink); background: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); }
.pk-confirm .woocommerce-verify-email [type="submit"] { width: 100%; min-height: 3rem; white-space: normal; }
/* Ainult see vorm lehel (tellimuse andmeid pole): tekst ja vorm keskel, mitte lai tühi parem pool (31.10, kasutaja). Vormi sees silt vasakul. */
.pk-confirm .pk-wrap:has(.woocommerce-verify-email) { text-align: center; }
.pk-confirm .pk-wrap:has(.woocommerce-verify-email) :is(p, .wc-block-order-confirmation-status-description) { margin-inline: auto; }
.pk-confirm .woocommerce-verify-email { margin-inline: auto; text-align: left; }
@media (min-width: 1024px) {
	.pk-confirm .pk-wrap:has(> .wc-block-order-confirmation-additional-fields-wrapper) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--pk-s6); align-items: start; }
	.pk-confirm .pk-wrap:has(> .wc-block-order-confirmation-additional-fields-wrapper) > * { grid-column: 1 / -1; }
	.pk-confirm .pk-wrap:has(> .wc-block-order-confirmation-additional-fields-wrapper) > :is(.wc-block-order-confirmation-totals-wrapper, .wc-block-order-confirmation-downloads-wrapper, .wc-block-order-confirmation-address-wrapper, .wc-block-order-confirmation-additional-information) { grid-column: 1; }
	.pk-confirm .pk-wrap > .wc-block-order-confirmation-additional-fields-wrapper { grid-column: 2; grid-row: 3 / span 4; }
}
.pk-confirm .wc-block-order-confirmation-totals :is(table, thead, tbody, tfoot) { display: block; }
.pk-confirm .wc-block-order-confirmation-totals tr { display: grid; grid-template-columns: 1fr auto; }
/* Tarne rida (kättesaamiskoht + aadress või kojuveo nimi): laiemas tabelis paremas veerus nagu teised summad (31.10, kasutaja);
   kitsas tabelis (telefon) silt ja tekst üksteise all täies laiuses — kitsas paremas veerus murdus aadress 4–5 reale. */
.pk-confirm .wc-block-order-confirmation-totals { container: pk-tellimus / inline-size; }
@container pk-tellimus (max-width: 25.99rem) {
	.pk-confirm .wc-block-order-confirmation-totals tfoot tr:has(> td :is(br, .shipped_via)) { grid-template-columns: minmax(0, 1fr); }
	.pk-confirm .wc-block-order-confirmation-totals tfoot tr:has(> td :is(br, .shipped_via)) > th { padding-bottom: .25rem; }
	.pk-confirm .wc-block-order-confirmation-totals tfoot tr:has(> td :is(br, .shipped_via)) > td { padding-top: 0; border-top: 0; text-align: left; }
}
@media (max-width: 600px) {
	.pk-confirm .wc-block-order-confirmation-totals :is(th, td) { padding: .75rem .875rem; }
}
/* Toote nimi ja kogus eri veergudes: kogused kõigis ridades ühel joonel (31.10, kasutaja). tbody on grid (nimi | kogus | tühi | summa),
   read ja tootelahter subgrid; nimeveerg pikima nime laiune, kuni 70%. Summa veerg (1fr, summa ei murdu) täidab ülejäänu, et rea
   joon oleks katkematu — eraldi tühi 1fr veerg andis summa veerule 0 laiuse (lahter üle paindliku veeru ei mõõda auto-veergu).
   `&nbsp;` nime ja koguse vahelt eemaldab inc/woocommerce.php. Ilma subgrid-toeta jääb kogus nime järele. */
@supports (grid-template-columns: subgrid) {
	.pk-confirm .wc-block-order-confirmation-totals tbody { display: grid; grid-template-columns: fit-content(70%) auto 1fr; }
	.pk-confirm .wc-block-order-confirmation-totals tbody > tr { grid-column: 1 / -1; grid-template-columns: subgrid; }
	.pk-confirm .wc-block-order-confirmation-totals tbody > tr > .wc-block-order-confirmation-totals__product { grid-column: 1 / 3; display: grid; grid-template-columns: subgrid; column-gap: .75rem; align-content: start; }
	.pk-confirm .wc-block-order-confirmation-totals tbody .wc-block-order-confirmation-totals__product > * { grid-column: 1 / -1; }
	.pk-confirm .wc-block-order-confirmation-totals tbody .wc-block-order-confirmation-totals__product > a { grid-column: 1; }
	.pk-confirm .wc-block-order-confirmation-totals tbody .wc-block-order-confirmation-totals__product > .product-quantity { grid-column: 2; white-space: nowrap; }
	.pk-confirm .wc-block-order-confirmation-totals tbody > tr > .wc-block-order-confirmation-totals__total { grid-column: 3; text-align: right; white-space: nowrap; }
}

/* ---------- Toote vorm: täpsustused ---------- */
/* ---------- Toote vorm: Kaal + Kogus ühes reas, nupp all ----------
   form.cart on grid; .single_variation_wrap ja .woocommerce-variation-add-to-cart on display: contents,
   et tabel (Kaal), plugini lisaväljad (.popsikook-lisad), kogus ja nupp oleksid ühe gridi lapsed
   (järjekord `order`iga, DOM-i ei liiguta). Kogusekontrolli −/+ ja siltide JS: assets/js/ui.js. */
.wp-block-add-to-cart-form form.cart { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--pk-s3); margin: 0; }
.wp-block-add-to-cart-form form.cart::before, .wp-block-add-to-cart-form form.cart::after { display: none; }
.wp-block-add-to-cart-form form.cart .single_variation_wrap, .wp-block-add-to-cart-form form.cart .woocommerce-variation-add-to-cart { display: contents; }
.wp-block-add-to-cart-form form.cart > * { grid-column: 1 / -1; min-width: 0; margin: 0; }
/* Erisoovid (ja marjad): muutuvtootel pärast kaalu ja kogust, nupu kohal; lihttootel enne koguse + nupu rida. */
.wp-block-add-to-cart-form form.cart .popsikook-lisad { order: 4; grid-column: 1 / -1; margin: 0; }
.wp-block-add-to-cart-form form.cart:not(.variations_form) .popsikook-lisad { order: 1; }
/* Ainult erisoovi rea silt; tootevalikute nupud (popsikook-core lisad.css .popsikook-valikud__chip) on samuti <label>. */
.wp-block-add-to-cart-form .popsikook-lisad__row > label:not(.popsikook-lisad__check) { display: block; margin: 0 0 .35rem; font-size: .95rem; font-weight: 700; line-height: 1.6; color: var(--wp--preset--color--ink); }
.wp-block-add-to-cart-form .popsikook-lisad textarea { min-height: 5.5rem; margin: 0; padding: .65rem .85rem; font: inherit; font-size: 1rem; color: var(--wp--preset--color--ink); background: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); resize: vertical; }
.wp-block-add-to-cart-form .popsikook-lisad textarea:focus { border-color: var(--wp--preset--color--brand); box-shadow: inset 0 0 0 1px var(--wp--preset--color--brand); outline: none; }
.wp-block-add-to-cart-form .popsikook-lisad__hint { margin: .35rem 0 0; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.wp-block-add-to-cart-form .popsikook-lisad__row:has(textarea) { margin-bottom: 0; }
.popsikook-lisad__erisoov > summary { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.75rem; font-weight: 700; color: var(--wp--preset--color--brand); cursor: pointer; list-style: none; }
.popsikook-lisad__erisoov > summary::-webkit-details-marker { display: none; }
.popsikook-lisad__erisoov > summary::after { content: ""; flex: none; width: 1.1rem; height: 1.1rem; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition: rotate .15s; }
.popsikook-lisad__erisoov[open] > summary::after { rotate: 180deg; }
.popsikook-lisad__erisoov > summary:hover { text-decoration: underline; text-underline-offset: .2em; }
.popsikook-lisad__erisoov > summary:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; border-radius: var(--wp--custom--radius-s); }
.popsikook-lisad__valikuline { font-weight: 400; color: var(--wp--preset--color--muted); }
.popsikook-lisad__erisoov[open] > summary { margin-bottom: .35rem; }
.wp-block-add-to-cart-form form.cart table.variations { order: 2; grid-column: 1; margin: 0; }
.wp-block-add-to-cart-form form.cart .quantity { order: 2; grid-column: 2; }
.wp-block-add-to-cart-form form.cart .pk-qty-hint { order: 3; grid-column: 1 / -1; }
.wp-block-add-to-cart-form form.cart .single_variation { order: 4; grid-column: 1 / -1; }
/* Tühi variatsiooniinfo: Woo peidab selle alles pärast lehe laadimist (slideUp) — seni tegi selle 16 px veeris + vahe
   koguse ja erisoovide vahele riba, mis siis kokku tõmbus (nihe). */
.wp-block-add-to-cart-form form.cart .single_variation { margin: 0; }
.wp-block-add-to-cart-form form.cart .single_variation:empty { display: none; }
.wp-block-add-to-cart-form form.cart .single_add_to_cart_button { order: 5; grid-column: 1 / -1; float: none; width: 100%; margin: 0; }
/* Lihttoode (ilma kaaluvalikuta): kogus vasakul, nupp samal real. */
.wp-block-add-to-cart-form form.cart:not(.variations_form) { grid-template-columns: auto minmax(0, 1fr); }
.wp-block-add-to-cart-form form.cart:not(.variations_form) .quantity { grid-column: 1; }
.wp-block-add-to-cart-form form.cart:not(.variations_form) .single_add_to_cart_button { grid-column: 2; order: 2; height: 2.75rem; min-height: 2.75rem; padding-block: 0; } /* sama kõrge kui kogusekast */
/* Kaalutoode (omaniku soov 29.10): kogust pole. popsikook-core müüb kaalutooted üksikult, Woo väljastab koguse peidetud
   väljana (min = max = 1) ja peidab .quantity alles kaalu valimisel; enne seda ei tohi kast jätta gridi tühja rida ega vahet.
   Järjekord: kaal, (erisoov), „Lisa korvi”. */
.wp-block-add-to-cart-form form.cart .quantity:has(> input.qty[type="hidden"]) { display: none; }
/* Woo clearfix (.woocommerce div.product form.cart::after, display: table) on gridi laps ja tugevam kui meie display: none ülal.
   Ilma kogusekastita paigutati see kolmandasse veergu ja kaal, erisoov ning nupp jäid 12 px kitsamaks kui vorm. */
.wp-block-add-to-cart-form form.variations_form.cart::after { display: none !important; }
/* Valitud kaalu hind on kaalunupul juba näha. Woo variatsiooniplokk (hind) ilmus valimisel nupu kohale ja lükkas nupu 40 px
   alla, tühjendamisel tagasi üles. Nüüd on see ainult ekraanilugejale (role="alert" loeb hinna ette). Saadavus või kirjeldus
   (nt „Laost otsas”) jäävad nähtavaks, samuti soodushind (läbikriipsutatud tavahind on ainult siin, kaalunupul mitte).
   Ainult vormil, kus kaal on ainus valik (siis on nupu hind täpne). */
.wp-block-add-to-cart-form form.variations_form:has(table.variations tr:only-child select[name="attribute_pa_kaal"]) .single_variation:not(:has(.woocommerce-variation-description:not(:empty), .woocommerce-variation-availability:not(:empty), .woocommerce-variation-price del)) { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Kaal: sama kõrgus ja stiil mis kogusel (44 px, 10 px nurk, väljapiir) */
.wp-block-add-to-cart-form table.variations, .wp-block-add-to-cart-form table.variations tbody, .wp-block-add-to-cart-form table.variations tr { display: block; width: 100%; border: 0; }
.wp-block-add-to-cart-form table.variations tr { position: relative; }
.wp-block-add-to-cart-form table.variations th, .wp-block-add-to-cart-form table.variations td { display: block; padding: 0; text-align: left; border: 0; background: none; }
.wp-block-add-to-cart-form table.variations th.label label, .wp-block-add-to-cart-form .quantity .pk-qty__label { display: block; margin: 0 0 .35rem; font-size: .95rem; font-weight: 700; line-height: 1.6; color: var(--wp--preset--color--ink); }
.wp-block-add-to-cart-form table.variations td.value { display: block; padding: 0; }
.wp-block-add-to-cart-form table.variations select { display: block; width: 100%; max-width: none; min-width: 0; height: 2.75rem; min-height: 2.75rem; padding: 0 2.25rem 0 .85rem; font: inherit; font-size: 1rem; color: var(--wp--preset--color--ink); background-color: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); box-sizing: border-box; }
.wp-block-add-to-cart-form table.variations select:focus { border-color: var(--wp--preset--color--brand); box-shadow: inset 0 0 0 1px var(--wp--preset--color--brand); outline: none; }
/* „Tühjenda valik”: väike tekstinupp kaalunuppude järel samal real, mitte sildirea kaugel servas; kitsal ekraanil ainult ×
   (44 px, aria-label), et mahuks kaalunuppude kõrvale. Woo peidab selle kuni valikuni (visibility), koht on reserveeritud — midagi ei nihku. */
.wp-block-add-to-cart-form table.variations td.value { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.wp-block-add-to-cart-form a.reset_variations { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.75rem; margin: 0; padding: 0 .75rem; font-size: .9rem; font-weight: 600; line-height: 1.2; color: var(--wp--preset--color--muted); text-decoration: none; white-space: nowrap; border-radius: var(--wp--custom--radius-s); transition: color .15s ease, background-color .15s ease; }
.wp-block-add-to-cart-form a.reset_variations::before { content: ""; flex: none; width: .8rem; height: .8rem; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 600px) {
	.wp-block-add-to-cart-form a.reset_variations { justify-content: center; width: 2.5rem; padding: 0; }
	.wp-block-add-to-cart-form a.reset_variations::before { width: 1rem; height: 1rem; }
	.wp-block-add-to-cart-form .pk-reset__txt { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
.wp-block-add-to-cart-form a.reset_variations:hover { color: var(--wp--preset--color--brand); background-color: var(--wp--preset--color--sand); }
.wp-block-add-to-cart-form a.reset_variations:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .wp-block-add-to-cart-form a.reset_variations { transition: none; } }

/* Kogus: −/+ ümarad nupud (ui.js lisab, kui Woo oma nuppe ei renderda) */
.wp-block-add-to-cart-form .quantity { display: flex; flex-direction: column; align-items: flex-start; width: auto; margin: 0; }
.pk-qty { display: inline-flex; align-items: center; height: 2.75rem; box-sizing: border-box; background: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); }
.pk-qty:focus-within { border-color: var(--wp--preset--color--brand); box-shadow: inset 0 0 0 1px var(--wp--preset--color--brand); outline: none; }
.wp-block-add-to-cart-form .pk-qty input.qty, .pk-qty input.qty { width: 2.5rem; height: 100%; min-height: 0; margin: 0; padding: 0; font: inherit; font-size: 1.05rem; font-weight: 600; text-align: center; color: var(--wp--preset--color--ink); background: transparent; border: 0; border-radius: 0; box-shadow: none; outline: 0; -webkit-appearance: textfield; appearance: textfield; -moz-appearance: textfield; }
.pk-qty input.qty::-webkit-inner-spin-button, .pk-qty input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
/* Woo plokk (.variations_button > .quantity .qty, .woocommerce div.product form.cart div.quantity .qty) lisab 5 px täidise ja 0,5em veerise — kast oli 18 px laiem. */
.wp-block-add-to-cart-form form.cart div.quantity .pk-qty input.qty { margin: 0; padding: 0; }
.pk-qty__btn { position: relative; flex: none; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; margin: 0; padding: 0; color: var(--wp--preset--color--brand); background: transparent; border: 0; border-radius: 50%; cursor: pointer; }
.pk-qty__btn::before { content: ""; position: absolute; inset: .3rem; background: var(--wp--preset--color--sand); border: 1px solid var(--wp--preset--color--line); border-radius: 50%; }
.pk-qty__btn:hover::before { background: var(--wp--preset--color--sand-2); }
.pk-qty__btn svg { position: relative; width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; }
.pk-qty__btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.pk-qty__btn:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: -3px; }
.pk-qty-hint { margin: 0; padding: .5rem .85rem; font-size: .95rem; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--wp--preset--color--ink); background: var(--wp--preset--color--sand); border-radius: var(--wp--custom--radius-s); }
.pk-qty-hint[hidden] { display: none; }

/* ---------- Ostukorvi sahtel (Woo mini-cart) ----------
   Plokid: woocommerce/mini-cart addToCartBehaviour=open_drawer; sisu parts/mini-cart.html.
   Klassid: Woo client/blocks/assets/js/blocks/mini-cart/style.scss. */
.wc-block-mini-cart__drawer .wc-block-components-drawer { width: min(28rem, 90vw); max-width: 90vw; background: var(--wp--preset--color--base); color: var(--wp--preset--color--ink); }
.wc-block-mini-cart__drawer h2.wc-block-mini-cart__title { display: flex; align-items: center; gap: .6rem; padding-bottom: var(--pk-s4); margin-bottom: calc(var(--pk-s4) * -1); font-size: 1.5rem; font-weight: 800; }
.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-title-items-counter-block { display: inline-flex; align-items: center; min-height: 1.75rem; padding: 0 .7rem; font-size: .9rem; font-weight: 700; color: var(--wp--preset--color--brand); background: var(--wp--preset--color--sand); border: 1px solid var(--wp--preset--color--line); border-radius: 999px; }
/* Sulgemisnupp: Woo eeldab äärise- ja täidiseta nuppu (−1em varu); teema nupustiil tegi sellest 60 px kasti, mis ulatus ekraanist välja ja nägi välja nagu „sulg”. */
.wc-block-components-button.wc-block-components-drawer__close { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; min-height: 0; margin: 0 !important; padding: 0 !important; color: var(--wp--preset--color--brand) !important; background: var(--wp--preset--color--sand) !important; border: 0 !important; border-radius: 50%; opacity: 1; top: .75rem !important; inset-inline-end: .75rem !important; }
.wc-block-components-button.wc-block-components-drawer__close:hover { background: var(--wp--preset--color--sand-2) !important; }
.wc-block-components-button.wc-block-components-drawer__close svg { width: 1.25rem; height: 1.25rem; }
.wc-block-mini-cart__items .wc-block-cart-items__row { border-bottom: 1px solid var(--wp--preset--color--line); }
/* Ruut lahtri sisu laiuses: Woo pildilahtri parem täidis tegi 72 px kõrgusest pildist 56 px laiuse (pilt oli kitsas). */
.wc-block-mini-cart__items .wc-block-cart-item__image img { width: 100%; max-width: 4.5rem; height: auto; aspect-ratio: 1; object-fit: cover; }
.wc-block-mini-cart__items .wc-block-components-product-name { font-weight: 700; color: var(--wp--preset--color--ink); text-decoration: none; }
.wc-block-mini-cart__footer { background: var(--wp--preset--color--sand); border-top: 1px solid var(--wp--preset--color--line); }
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-subtotal { font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.wc-block-mini-cart__footer-actions { flex-wrap: wrap; }
.wc-block-mini-cart__footer-actions .wc-block-components-button, .wc-block-mini-cart__footer-actions .wp-block-button { flex: 1 1 0%; min-width: 8rem; min-height: 3rem; } /* 0% alus: mobiilis on rida veerg ja 8rem alus muutuks kõrguseks */
.wc-block-mini-cart__footer-actions .wc-block-components-button { width: 100%; justify-content: center; }
.wc-block-mini-cart__footer-actions .wc-block-components-button.outlined { color: var(--wp--preset--color--brand); background: var(--wp--preset--color--base); }
.wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:hover { color: var(--wp--preset--color--base); background: var(--wp--preset--color--brand); }
@media (max-width: 600px) { .wc-block-mini-cart__drawer .wc-block-components-drawer { width: 90vw; } }

/* Eemalda-link ikoonina (tekst jääb ekraanilugejale), nii sahtlis kui korvis (C10) */
.wc-block-cart-item__remove-link { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; overflow: hidden; font-size: 0; text-decoration: none; color: var(--wp--preset--color--muted); border-radius: var(--wp--custom--radius-s); }
.wc-block-cart-item__remove-link::before { content: ""; width: 1.25rem; height: 1.25rem; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 10v6M14 10v6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 10v6M14 10v6'/%3E%3C/svg%3E") center / contain no-repeat; }
.wc-block-cart-item__remove-link:hover { color: var(--wp--preset--color--danger); }
.wc-block-cart-item__remove-link:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; }

/* ---------- Korvileht nagu kassa (omaniku soov 29.10): tooted ja summad eraldi valgetes kaartides, paksud pealkirjad,
   „Vormista tellimus” summade kaardi all (nagu „Esita tellimus”). Toodete kaart on tabel ise (Woo veerud jäävad), sisemine
   täidis on lahtrites/ridades — sama palju kui enne kogu korvi kaardil, nii et tooteveeru laius ei muutu. ---------- */
body.woocommerce-cart .pk-main--shop, body.woocommerce-checkout .pk-main--shop { background: var(--wp--preset--color--sand); }
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart { padding: 0; background: none; border: 0; border-radius: 0; }
/* Woo: table.wc-block-cart-items { background: none !important } — seepärast !important. */
.wp-block-woocommerce-cart table.wc-block-cart-items { border-collapse: separate; border-spacing: 0; background: var(--wp--preset--color--base) !important; border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); }
/* Veerupäis („Toode … Kokku”) nagu kassa kokkuvõttes ära; ekraanilugejale jääb. */
.wp-block-woocommerce-cart table.wc-block-cart-items thead { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Peidetud päis ei anna pildiveerule enam Woo 80 px laiust (.wc-block-cart-items__header-image) ja tabel andis vaba ruumi pildile:
   1280 px juures 140–440 px pildid ja kuni 440 px kõrged read (kaalureal ilma kogusekastita veel rohkem). Laial korvil jälle 80 px. */
body .wp-block-woocommerce-cart .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__image { width: 80px; }
body .wp-block-woocommerce-cart .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row > td:first-child { padding-left: var(--pk-s5); }
body .wp-block-woocommerce-cart .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row > td:last-child { padding-right: var(--pk-s5); }
body .wp-block-woocommerce-cart .wc-block-cart.is-large table.wc-block-cart-items tbody tr:first-child > td { border-top: 0; padding-top: var(--pk-s4); }
body .wp-block-woocommerce-cart .wc-block-cart.is-large table.wc-block-cart-items tbody tr:last-child > td { padding-bottom: var(--pk-s4); }
body .wp-block-woocommerce-cart .wc-block-cart:not(.is-large) table.wc-block-cart-items .wc-block-cart-items__row { padding-inline: var(--pk-s5); }
@media (max-width: 600px) { body .wp-block-woocommerce-cart .wc-block-cart:not(.is-large) table.wc-block-cart-items .wc-block-cart-items__row { padding-inline: var(--pk-s3); } }
body .wp-block-woocommerce-cart .wc-block-cart:not(.is-large) table.wc-block-cart-items tbody tr + tr { border-top: 1px solid var(--wp--preset--color--line); }
/* Summade kaart nagu „Tellimuse kokkuvõte”. */
.wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block { box-sizing: border-box; padding: .75rem var(--pk-s4) .25rem; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); }
body .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-cart__totals-title { margin: 0; padding: 0 0 .25rem; font-size: 1.4rem; font-weight: 800; line-height: 1.25; letter-spacing: normal; text-align: left; text-transform: none; color: var(--wp--preset--color--ink); }
.wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper { padding-block: .625rem; }
.wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper:first-child { border-top: 0; }
.wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-totals-block { padding-bottom: .375rem; border-top: 0; }
.wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block > .wc-block-components-totals-wrapper:last-child { padding-bottom: .375rem; }
.wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-cart__submit { margin: .75rem 0 0; }
/* Kaardid üksteise all (tahvel, telefon): vahe nagu kassa kaartide vahel; Woo peidab seal summade pealkirja — kassas on see näha. */
.wp-block-woocommerce-cart .wc-block-cart:not(.is-large) .wc-block-cart__sidebar { margin-top: var(--pk-s4); }
body .wp-block-woocommerce-cart .wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title { display: block; }
@media (max-width: 600px) { body .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-cart__totals-title { font-size: 1.25rem; } }

/* Soovitused korvi all; peidetud tühja korvi juures */
.pk-cart-recs { margin-top: var(--pk-s6); }
.pk-cart-recs > h2, .pk-cart-recs > .wp-block-template-part > h2 { margin-bottom: var(--pk-s4); }
.pk-wrap:has(.wp-block-woocommerce-empty-cart-block) .pk-cart-recs { display: none; }
.pk-cart-recs .wp-block-woocommerce-product-collection.pk-products { margin-top: 0; }
/* Populaarsed tooted (plokk popsikook/populaarsed-tooted, popsikook-core): sama kaart ja ruudustik nagu poes, vahe pealkirjast nagu teistel avalehe plokkidel */
.pk-popular .wp-block-woocommerce-product-collection.pk-products { margin-top: 0; }
/* 4 kaarti: tahvlil üks rida 4 veerus (poe 3 veeru ruudustikus jääks neljas üksi teise ritta), telefonis 2 × 2 */
@media (min-width: 700px) { .pk-popular .wp-block-woocommerce-product-collection.pk-products ul.wc-block-product-template { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---------- Kassa: sammud valgete kaartidena ---------- */
.wp-block-woocommerce-checkout .wc-block-components-checkout-step, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-terms-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-note-block { box-sizing: border-box; margin: 0 0 var(--pk-s4); padding: var(--pk-s5); background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); }
.wp-block-woocommerce-checkout .wc-block-components-checkout-step::after { display: none; }
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading { margin-top: 0; }
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__title { font-size: 1.4rem; font-weight: 800; line-height: 1.25; }
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__description { color: var(--wp--preset--color--muted); }
.wp-block-woocommerce-checkout .wc-block-components-checkout-step > .wc-block-components-checkout-step__container { padding: 0; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block { padding: 0; border: 0; }
.wp-block-woocommerce-checkout .wc-block-checkout__actions .wc-block-components-checkout-place-order-button { width: 100%; min-height: 3.5rem; font-size: 1.1rem; }
/* Kokkuvõte: kaart, kleepuv arvutis */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block { box-sizing: border-box; padding: var(--pk-s4); background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); }
@media (min-width: 783px) {
	.wp-block-woocommerce-checkout .wc-block-checkout__sidebar { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--pk-stuck-h) + .5rem); align-self: flex-start; }
}
/* Kokkuvõte kompaktsemaks (omaniku soov 29.10): päise all 8 px (enne 16), kaardi ülaosas 12 px enne pealkirja (enne 32),
   vahed 10 px (enne 16) — veerg on ~100 px madalam (kahe tootega 538 px, enne 642), mahub 640 px kõrgusesse aknasse
   ega jää kerides ülevalt päise alla.
   Pealkiri nagu vasaku veeru sammude pealkirjad (1,4 rem, 800). */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block { padding: .75rem var(--pk-s4) .25rem; }
/* Kassa kitsal ekraanil (Woo is-mobile / is-medium, < 1024 px): kokkuvõte ainult üks kord ja viimasena, „Esita tellimus”
   kohal (30.10, kasutaja). Woo näitab seal kokkuvõtet ka lehe alguses (külgveerg); see on peidus, kui Woo mobiili koopia on
   olemas. Laial ekraanil (is-large) koopiat pole ja kokkuvõte on paremas veerus. Koopia sisemine raam (Woo 1px + 5px nurk)
   ära, muidu oli kaart kaardis. */
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout:is(.is-mobile, .is-small, .is-medium):has(.wc-block-checkout__actions .checkout-order-summary-block-fill-wrapper) > .wc-block-checkout__sidebar { display: none; }
.wp-block-woocommerce-checkout .wc-block-checkout__actions .checkout-order-summary-block-fill { border: 0; border-radius: 0; }
/* Pealkiri sisuga samale joonele (koopias oli pealkiri 16 px sisust vasakul, laial ekraanil on mõlemad samal joonel) ja vahe nupuni. */
.wp-block-woocommerce-checkout .wc-block-checkout__actions .checkout-order-summary-block-fill-wrapper > .wc-block-components-checkout-step__heading { padding-inline: 1rem; }
.wp-block-woocommerce-checkout .wc-block-checkout__actions .checkout-order-summary-block-fill-wrapper { margin-bottom: var(--pk-s5); }
/* Kättesaamiskohad: aadress koos asukohaikooniga algab raadionupu joonelt (ikoon raadionupu all), nii mahub see telefonis
   ühele reale ja kaart on madalam (30.10, kasutaja). Kolm väärtust koos, et joondus ei sõltuks Woo vaikimisi täidisest. */
.wp-block-woocommerce-checkout-pickup-options-block .wc-block-components-radio-control__option { padding-left: 3rem; }
.wp-block-woocommerce-checkout-pickup-options-block .wc-block-components-radio-control__input { left: 1rem; }
.wp-block-woocommerce-checkout-pickup-options-block .wc-block-components-radio-control__description-group { margin-left: -2rem; }
/* Kui aadress murdub (320 px), on ikoon esimese rea kõrgusel, mitte ridade vahel. */
/* Woo checkout.css paneb siia align-items: center spetsiifilisema valijaga (3 klassi), seega siin 4. */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-pickup-options-block .wc-block-components-radio-control__option .wc-block-components-radio-control__description { align-items: flex-start; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-pickup-options-block .wc-block-components-radio-control__option .wc-block-components-radio-control__description > svg { flex: none; margin-top: .2em; }
/* Aadress murdub tühiku, mitte sidekriipsu kohalt: „Pärnu mnt 11,” / „69403 Abja-Paluoja” (kasutaja 01.11). Ainult kuvamine:
   aadress tuleb WooCommerce'i järeletulemise seadetest ja on tellimusel ning e-kirjades sama. */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-pickup-options-block .wc-block-components-radio-control__option .wc-block-components-radio-control__description { text-wrap: balance; }
.wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title { margin-top: 0; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text { margin-top: 0; margin-bottom: .25rem; font-size: 1.4rem; font-weight: 800; line-height: 1.25; color: var(--wp--preset--color--ink); }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper { padding-block: .625rem; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block > .wc-block-components-totals-wrapper:not(:empty) { padding-top: .625rem; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content > .wp-block-woocommerce-checkout-order-summary-cart-items-block { padding-top: .25rem; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper:last-child { padding-bottom: .375rem; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-totals-block { padding-bottom: .625rem; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon__content) { padding-bottom: 0; }
@media (max-width: 600px) {
	.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text { font-size: 1.25rem; }
}
/* Tarneviis: kaks suurt valikukaarti (Kohaletoimetamine / Tulen ise järele) */
.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pk-s3); }
.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; min-height: 5rem; padding: var(--pk-s3); font: inherit; font-weight: 700; text-align: center; color: var(--wp--preset--color--ink); background: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius); cursor: pointer; }
.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option:hover { border-color: var(--wp--preset--color--brand); }
.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option--selected { background: var(--wp--preset--color--sand); border-color: var(--wp--preset--color--brand); box-shadow: none; }
.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; }
@media (max-width: 600px) {
	.wp-block-woocommerce-checkout .wc-block-components-checkout-step, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-terms-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-note-block { padding: var(--pk-s4) var(--pk-s3); }
	.wp-block-woocommerce-checkout .wc-block-components-checkout-step__title { font-size: 1.25rem; }
}
/* Pealkirja kohal 12 px nagu kokkuvõtte kaardis (omaniku soov 29.10; enne 24 px), all 16 px. Küljed jäävad. */
.wp-block-woocommerce-checkout .wc-block-components-checkout-step, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-terms-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-note-block { padding-top: .75rem; padding-bottom: 1rem; }

/* Kategooria KKK (popsikook/kategooria-kkk): riba ainult siis, kui küsimusi on */
.pk-cat-kkk-band:not(:has(.pk-cat-kkk)) { display: none; }
.pk-cat-kkk { max-width: 52rem; }
.pk-cat-kkk h2 { margin-top: 0; }

/* Korv: kaal, kogus ja prügikast ühes reas, kompaktsed ja sama kõrged (--pk-ctl-h 36 px, telefonis 32 px; kaalu valik: popsikook-core ostukorv/read.css). */
.wc-block-cart .wc-block-cart-item__quantity { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; }
body .wc-block-cart .wc-block-cart-item__quantity .wc-block-components-quantity-selector { width: auto; min-width: 0; min-height: 0; height: var(--pk-ctl-h, 2.25rem); margin: 0; }
body .wc-block-cart .wc-block-cart-item__quantity .wc-block-components-quantity-selector > .wc-block-components-quantity-selector__button { flex: none; width: 2rem; min-width: 0; min-height: 0; height: 100%; padding: 0; }
body .wc-block-cart .wc-block-cart-item__quantity .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { flex: none; width: 2.25rem; min-width: 0; min-height: 0; height: 100%; padding: 0; font-size: .95rem; line-height: 1; }
body .wc-block-cart.is-mobile .wc-block-cart-item__quantity .wc-block-components-quantity-selector > .wc-block-components-quantity-selector__button { width: 1.5rem; }
body .wc-block-cart.is-mobile .wc-block-cart-item__quantity .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { width: 1.75rem; font-size: .9rem; }
/* Kaalutootel kogust pole (popsikook-core: müüakse üksikult): korvis Woo kogusekasti ei joonista, mini-korvis on see [hidden].
   Rida = kaal + prügikast. Ükski meie reegel ei tohi peidetud kasti nähtavaks teha. */
.wc-block-cart-item__quantity .wc-block-components-quantity-selector[hidden] { display: none; }
/* Woo kogusekasti konteineri 16 px parempoolne täidis murdis prügikasti järgmisele reale. */
body .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, body .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { padding-right: 0; }
/* Woo 12 px vahe kastide vahel; kompaktne 6 px, telefonis 4 px (kolm kasti mahuvad 390 px telefonis ühte ritta). */
body .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { gap: .375rem; }
body .wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { gap: .25rem; }
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { width: var(--pk-ctl-h, 2.25rem); height: var(--pk-ctl-h, 2.25rem); margin: 0; }
body .wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, body .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { width: 1.625rem; }
/* Kaal, kogus ja prügikast kohe nime kõrval (omaniku joonis), mitte lahtri paremas servas: nime veerg sisu laiune
   (pikk nimi murdub 16rem juures), tühi ruum jääb kastide ja summa vahele. Laial korvil (toote lahter ≥ ~360 px;
   tabeli lahter ei saa olla konteiner, seepärast ekraani laius). Kitsamal korvil on kastid nime all. */
@media (min-width: 1080px) {
	body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap { display: grid; grid-template-columns: fit-content(16rem) auto; justify-content: start; column-gap: 2rem; row-gap: 0; align-items: start; }
	body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > * { grid-column: 1; }
	body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > .wc-block-cart-item__quantity { grid-column: 2; grid-row: 1 / span 2; align-self: center; flex-wrap: nowrap; margin: 0; }
}
/* Kaal, kogus ja prügikast kõigis ridades ühel joonel (31.10, kasutaja): nimeveerg on kõigil ridadel sama lai — pikima nime järgi,
   kuni 22rem (pikem nimi murdub). Tabel → grid, read ja tootelahter subgrid, .wrap display: contents. Peidetud päis (thead,
   position: absolute) jääb gridist välja. Ilma subgrid-toeta brauseris jääb ülemine reegel (iga rida oma nime järgi). */
@media (min-width: 1080px) {
	@supports (grid-template-columns: subgrid) {
		body .wc-block-cart.is-large table.wc-block-cart-items { display: grid; grid-template-columns: auto fit-content(22rem) auto minmax(0, 1fr) auto; }
		body .wc-block-cart.is-large table.wc-block-cart-items > tbody { display: contents; }
		body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; }
		body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__image { grid-column: 1; }
		body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__product { grid-column: 2 / 5; display: grid; grid-template-columns: subgrid; align-content: start; }
		body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__total { grid-column: 5; }
		body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap { display: contents; }
		body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > .wc-block-cart-item__quantity { margin-left: 2rem; }
		/* Kaaluvalik sama lai kui koguse −/+ (2 × 2rem nupp + 2.25rem väli + raam), et ka prügikastid oleksid ühel joonel. */
		body .wc-block-cart.is-large table.wc-block-cart-items .wc-block-cart-item__quantity .pk-kaal-select { min-width: calc(6.25rem + 2px); }
	}
}
/* Toote lühikirjeldus (nt koostisosad) on tootelehel; korvis ja kassas teeb see rea pikaks (nagu korvisahtlis). */
.wc-block-cart .wc-block-cart-items__row .wc-block-components-product-metadata__description { display: none; }
/* Korv: kui kaalu saab valida (popsikook-core ostukorv), ära näita topelt „Kaal: 1 kg” rida */
.wc-block-cart-items__row:has(.pk-kaal-select) .wc-block-components-product-details__kaal,
.wc-block-mini-cart__drawer li:has(.pk-kaal-select) .wc-block-components-product-details__kaal { display: none; }
/* Kassa lüliti mobiilis: pikk „Kohaletoimetamine” murdub, mitte ei lõigu */
@media (max-width: 600px) {
	/* Külgtäidis 4 px ja sisu ülalt, et mõlema nupu ikoonid oleksid samal kõrgusel ka siis, kui silt murdub (kitsas ekraan,
	   suur kiri). Silt on 30.10 alates „Kojuvedu” (kassalehe sisu), mahub ühele reale. */
	.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option { justify-content: flex-start; min-height: 4.5rem; padding: var(--pk-s2) var(--pk-s1); font-size: .875rem; }
	/* Ikoon teksti kohal, et „Kohaletoimetamine” mahuks ühele reale; murdub ainult väga kitsal ekraanil. */
	.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option-title-wrapper { flex-direction: column; align-items: center; gap: .25rem; }
	.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option-title { white-space: normal; overflow-wrap: break-word; }
}
/* Korvisahtlis pole toote lühikirjeldust vaja (Mulgi eeskuju); kaal ja lisavalikud jäävad */
.wc-block-mini-cart__drawer .wc-block-components-product-metadata__description { display: none; }

/* Kaal + kogus: kastid samal real ja ülalt joondatud; valiku tekst ei lõigu (Woo/brauseri select-stiilid) */
.wp-block-add-to-cart-form form.cart table.variations,
.wp-block-add-to-cart-form form.cart .quantity { align-self: start; }
.wp-block-add-to-cart-form form.cart table.variations { border-collapse: collapse; border-spacing: 0; }
/* Woo .variations margin-bottom 1em (spetsiifilisem) tegi kaalu ja „Kogus” vahele tühja riba. */
.wp-block-add-to-cart-form form.cart.variations_form table.variations { margin: 0; }
.wp-block-add-to-cart-form form.cart table.variations tr { margin: 0; }
.wp-block-add-to-cart-form form.cart table.variations td.value select { height: 2.75rem; padding-block: 0; line-height: normal; }
.wp-block-add-to-cart-form form.cart table.variations td.value { margin: 0; }
.wp-block-add-to-cart-form form.cart table.variations th.label { height: auto; min-height: 0; line-height: 1.6; }
.wp-block-add-to-cart-form form.cart table.variations th.label label { margin-bottom: .375rem; }
.wp-block-add-to-cart-form form.cart .quantity .pk-qty__label { margin-bottom: .375rem; }
.wp-block-add-to-cart-form form.cart table.variations tr th.label { padding: 0; }

/* Kaal nuppudena (ui.js): rida täislaiuses, kogus eraldi rea alguses */
.wp-block-add-to-cart-form form.cart.variations_form table.variations { grid-column: 1 / -1; }
.wp-block-add-to-cart-form form.cart.variations_form .quantity { grid-column: 1; }
/* Kaalunupud ja koguse −/+ tulevad serverist valmis (inc/woocommerce.php); <html class="pk-js"> pannakse <head>-is enne joonistust,
   nii et vorm on kohe lõpliku kõrgusega. Ilma JS-ita: Woo rippmenüü nähtav, nupud peidus (tellimine töötab ka siis).
   „Tühjenda valik” on peidus, kuni Woo selle valiku järel inline-stiiliga näitab (enne vilkus × lehe laadimisel). */
.pk-select-hidden, .pk-js .pk-chips-select { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden; clip: rect(0 0 0 0); opacity: 0; pointer-events: none; }
html:not(.pk-js) .pk-chips, html:not(.pk-js) .pk-qty__btn { display: none; }
.pk-js .wp-block-add-to-cart-form a.reset_variations { visibility: hidden; }
.pk-chips { display: flex; flex-wrap: wrap; gap: .375rem; }
/* flex: silt pole reas, nii et selle all pole tühja joonevahet (kaal ja „Kogus” lähemale). */
.pk-chip { position: relative; display: flex; }
.pk-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pk-chip label { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 4.25rem; min-height: 2.75rem; padding: .2rem .6rem; line-height: 1.15; text-align: center; background: var(--wp--preset--color--base); border: 2px solid var(--wp--preset--color--field-line); border-radius: var(--wp--custom--radius-s); cursor: pointer; box-sizing: border-box; }
.pk-chip__kaal { font-weight: 700; color: var(--wp--preset--color--ink); }
.pk-chip__hind { font-size: .8rem; color: var(--wp--preset--color--muted); font-variant-numeric: tabular-nums; }
.pk-chip label:hover { border-color: var(--wp--preset--color--brand); background: var(--wp--preset--color--sand); }
.pk-chip input:checked + label { background: var(--wp--preset--color--brand); border-color: var(--wp--preset--color--brand); }
.pk-chip input:checked + label .pk-chip__kaal, .pk-chip input:checked + label .pk-chip__hind { color: var(--wp--preset--color--base); }
.pk-chip input:focus-visible + label { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; }
/* Kogus: kompaktne (ei veni rea laiuseks) */
.wp-block-add-to-cart-form form.cart .quantity { justify-self: start; }
.wp-block-add-to-cart-form form.cart .quantity .pk-qty { width: auto; align-self: flex-start; }

/* ---------- Teated õiges kohas (assets/js/teated.js) ----------
   Viga tuleb sinna, kus see tekkis: nupu all, kaalu juures, rea all, kassas sektsioonis.
   Punane --danger (#9a2314) valgel ≈ 8:1. */
.pk-error { display: flex; align-items: flex-start; gap: .5rem; margin: .5rem 0 0; padding: .6rem .8rem; font-size: .95rem; font-weight: 600; line-height: 1.4; color: var(--wp--preset--color--danger); background: #fdf1ef; border: 2px solid var(--wp--preset--color--danger); border-radius: var(--wp--custom--radius-s); box-sizing: border-box; }
.pk-error svg { flex: none; width: 1.25rem; height: 1.25rem; margin-top: .05rem; fill: currentColor; }
.pk-error span { min-width: 0; overflow-wrap: anywhere; }
.wp-block-add-to-cart-form form.cart .pk-error--form { order: 6; grid-column: 1 / -1; }
/* Kaaluvorm: sama kaal teist korda („See kaal on juba ostukorvis.”) on tavaline tegevus, viga ei tohi lehte liigutada.
   Veateate rida on „Lisa korvi” all vormi alumises vahes (2,25rem, sama mis Woo 2em; tooteinfoni on see vahe ka ilma veata),
   viga on seal absoluutselt ja ühel real: vorm ei kasva ja tooteinfo ei liigu. teated.js lisab --line ainult siis, kui tekst mahub. */
.wp-block-add-to-cart-form form.variations_form.cart { position: relative; margin-bottom: 2.25rem; }
/* Sama rida tootevalikutega lihttootel („Palun vali: Täidis, Glasuur.”, teated.js). */
.wp-block-add-to-cart-form form.cart:has(.popsikook-valikud) { position: relative; margin-bottom: 2.25rem; }
.wp-block-add-to-cart-form form.cart .pk-error--line { position: absolute; top: 100%; left: 0; right: 0; align-items: center; gap: .375rem; margin: 0; padding: .375rem 0 0; font-size: .875rem; line-height: 1.25rem; background: none; border: 0; border-radius: 0; }
.pk-error--line svg { width: 1rem; height: 1rem; margin-top: 0; }
.pk-error--line span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-error--chips { margin-top: .6rem; }
.pk-error--row { margin: .5rem 0 0; font-size: .9rem; }
.pk-chips--error .pk-chip label { border-color: var(--wp--preset--color--danger); }
.pk-field--error, .pk-field--error.pk-qty { border-color: var(--wp--preset--color--danger); outline: 2px solid var(--wp--preset--color--danger); outline-offset: 2px; }
/* Nupp on „passiivne”, kuni kaal valitud: ei tee midagi, ei tõsta brauseri alert()-it */
.single_add_to_cart_button.pk-btn-inactive, .single_add_to_cart_button[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.single_add_to_cart_button.pk-btn-busy { cursor: progress; }
.single_add_to_cart_button[aria-busy="true"] { position: relative; }
.single_add_to_cart_button[aria-busy="true"]::after { content: ""; display: inline-block; flex: none; vertical-align: -.2em; box-sizing: border-box; width: 1.1rem; height: 1.1rem; margin-left: .6rem; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: pk-spin .7s linear infinite; }
/* Sahtli/kaardi teade, mille teated.js on rea/kaardi alla tõstnud */
.pk-notice-moved { display: none !important; }
/* Kassa: vea sektsioon saab punase ääre; veateade sektsiooni sees, mitte lehe ülaosas */
.wp-block-woocommerce-checkout fieldset.wc-block-components-checkout-step:has(.wc-block-components-notices .wc-block-components-notice-banner.is-error) { border-color: var(--wp--preset--color--danger); box-shadow: 0 0 0 2px var(--wp--preset--color--danger); }
.wp-block-woocommerce-checkout .wc-block-components-notices .wc-block-components-notice-banner.is-error { margin-bottom: var(--pk-s3); background: #fdf1ef; border-color: var(--wp--preset--color--danger); }
.wp-block-woocommerce-checkout .wc-block-checkout__actions .wc-block-components-notices .wc-block-components-notice-banner.is-error { margin-top: var(--pk-s3); }
@keyframes pk-shake { 0%, 100% { translate: 0; } 20% { translate: -6px; } 40% { translate: 6px; } 60% { translate: -4px; } 80% { translate: 4px; } }
.pk-shake { animation: pk-shake .5s ease-in-out; }
@keyframes pk-spin { to { rotate: 360deg; } }
@media (prefers-reduced-motion: reduce) { .pk-shake, .single_add_to_cart_button[aria-busy="true"]::after { animation: none; } }
/* Kaardil „Vaata ostukorvi” link jääb ära: sahtel ja nupu tekst „1 ostukorvis” on tagasiside */
.wp-block-woocommerce-product-button .added_to_cart, .wp-block-woocommerce-product-button > span:has(> .added_to_cart) { display: none !important; }
/* Kleepuva päise all: kerimisel jääb sektsiooni pealkiri ja väli nähtavale */
.wp-block-woocommerce-checkout fieldset.wc-block-components-checkout-step, .wp-block-woocommerce-checkout .wc-block-components-text-input, .wp-block-woocommerce-checkout .wc-blocks-components-select, .wp-block-woocommerce-checkout .wc-block-components-notice-banner, .pk-error { scroll-margin-top: calc(var(--pk-stuck-h, 3.75rem) + 2rem); }
/* Tühjuse vähendamine poelehtedel (sama mis theme.css; see fail laaditakse hiljem) */
/* sektsioonitäidis: vt theme.css --pk-sec */
/* Korvisahtel kompaktsemaks: väiksem kogusevalija (36 px, sihtala üle WCAG 2.5.8 24 px), prügikast samal real, tihedamad vahed. */
.wc-block-mini-cart__items .wc-block-cart-items__row { padding-block: var(--pk-s3, .9rem); }
.wc-block-mini-cart__items .wc-block-cart-item__wrap { gap: .2rem; }
.wc-block-mini-cart__items .wc-block-cart-item__prices { font-size: .9rem; color: var(--wp--preset--color--muted); }
.wc-block-mini-cart__items .wc-block-components-product-metadata { margin: 0; font-size: .85rem; }
.wc-block-mini-cart__items .wc-block-cart-item__quantity { display: flex; align-items: center; gap: .35rem; margin-top: .35rem; }
.wc-block-mini-cart__items .wc-block-components-quantity-selector { width: auto; min-height: 0; height: 2.25rem; margin: 0; border-width: 1.5px; }
.wc-block-mini-cart__items .wc-block-components-quantity-selector__button { min-width: 2rem; width: 2rem; min-height: 0; height: 100%; padding: 0; font-size: 1rem; }
.wc-block-mini-cart__items .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input { width: 2.25rem; min-width: 0; min-height: 0; height: 100%; padding: 0; font-size: .95rem; font-weight: 600; }
.wc-block-mini-cart__items .wc-block-cart-item__remove-link { width: 2.25rem; height: 2.25rem; margin: 0; }
.wc-block-mini-cart__items .wc-block-cart-item__remove-link svg { width: 1.15rem; height: 1.15rem; }
.wc-block-mini-cart__items .wc-block-cart-item__total { font-weight: 700; }
/* Sahtli summaveerg on 4–4,75 rem; „Säästa 2,50 €” märk murdub veeru sees, muidu ulatub toote veergu prügikasti peale (390/414 px). */
.wc-block-mini-cart__items .wc-block-cart-item__total .wc-block-components-sale-badge { box-sizing: border-box; max-width: 100%; white-space: normal; text-align: right; }
/* Üks äär, mitte kaks: Woo lisab kontuurnupule ja valitud raadiovalikule äärise sisse veel varjujoone. Valitud = ääris muutub tuhmist brändivärviks (nagu era-/ärikliendi valik). */
.wc-block-components-button.is-style-outline, .wc-block-components-button.outlined, .wp-block-button.is-style-outline .wp-block-button__link { box-shadow: none; }
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { box-shadow: inset 0 0 0 2px var(--wp--preset--color--brand); }
/* Korvisahtli nupud mobiilis: 100% laius + sisevahe ulatus paremalt välja (sisukasti mõõt) — loe laiust koos sisevahe ja äärisega. */
.wc-block-mini-cart__footer-actions .wc-block-components-button, .wc-block-mini-cart__footer-actions .wp-block-button, .wc-block-mini-cart__footer-actions .wp-block-button__link { box-sizing: border-box; max-width: 100%; }
/* Korvisahtli rida mahub kitsale telefonile: pilt väiksemaks, nimi paindlik, summa oma laiusega (Woo 80px+132px veerud ulatusid välja). */
.wc-block-mini-cart__items .wc-block-cart-items { width: 100%; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 4.5rem minmax(0, 1fr) 4.75rem; }
@media (max-width: 420px) {
	.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 3.75rem minmax(0, 1fr) 4rem; }
	.wc-block-mini-cart__items .wc-block-cart-item__image { padding-right: .625rem; }
}
/* Woo kontuurnupu sisemine joon on spetsiifilisem reegel — üks äär. */
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button { box-shadow: none !important; }
/* Korvisahtli rida madalamaks (omaniku soov): kogusevalija ja prügikast hinna/kaalu kõrvale paremale, kui toote veerus on ruumi (konteineripäring); kitsal ekraanil jäävad alla. Kogusevalija 32 px. */
.wc-block-mini-cart__drawer .wc-block-mini-cart__items .wc-block-cart-item__product { container-type: inline-size; }
.wc-block-mini-cart__items .wc-block-components-quantity-selector { height: 2rem; }
.wc-block-mini-cart__items .wc-block-components-quantity-selector__button { min-width: 1.75rem; width: 1.75rem; }
.wc-block-mini-cart__items .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input { width: 2rem; font-size: .9rem; }
.wc-block-mini-cart__items .wc-block-cart-item__remove-link { width: 2rem; height: 2rem; }
@container (min-width: 11.5rem) {
	.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: .75rem; row-gap: .15rem; align-items: center; }
	.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > * { grid-column: 1; margin: 0; }
	.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > .wc-block-components-product-name { grid-column: 1 / -1; }
	.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > .wc-block-cart-item__quantity { grid-column: 2; grid-row: 2 / span 2; justify-self: end; margin: 0; gap: .15rem; }
	/* Kaaluga rida: kaal, kogus ja prügikast hinna all oma real (paremas veerus ei mahu). Woo kogusekasti min-laius 107 px → sisu järgi. */
	.wc-block-mini-cart__drawer .wc-block-mini-cart__items .wc-block-cart-item__quantity .wc-block-components-quantity-selector { min-width: 0; width: auto; }
	.wc-block-mini-cart__drawer .wc-block-mini-cart__items .wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input { flex: none; }
}
/* Kaaluga rida: ühikuhind ning kaal, kogus ja prügikast samal real, kui mahuvad (arvutis); kitsal ekraanil kastid oma real. */
.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap:has(.pk-kaal) { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 0 .75rem; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap:has(.pk-kaal) > * { flex: 0 0 100%; order: 1; margin: 0; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap:has(.pk-kaal) > .wc-block-cart-item__prices { flex: none; order: 2; margin-top: .3rem; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap:has(.pk-kaal) > .wc-block-cart-item__quantity { flex: none; order: 2; max-width: 100%; margin: .3rem 0 0; gap: .25rem; }
/* Korvisahtli tühi ruum väiksemaks (omaniku soov): pealkiri ülal, jalus all. */
.wc-block-mini-cart__drawer .wc-block-mini-cart__title { margin-top: .5rem; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer { padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px)); }
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer .wc-block-mini-cart__footer-subtotal { margin-bottom: .6rem; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions { gap: .5rem; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button, .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wp-block-button { min-height: 2.75rem; }
.wc-block-cart-item__remove-link { transition: color .15s ease, background-color .15s ease; }
/* Prügikast: selge hover/fookus — hele ümar taust ja hoiatusvärv (ikoon jääb samaks, et nupp ei hüppaks). */
.wc-block-cart-item__remove-link:hover, .wc-block-cart-item__remove-link:focus-visible { color: var(--wp--preset--color--danger); background-color: color-mix(in srgb, var(--wp--preset--color--danger) 10%, var(--wp--preset--color--base)); border-radius: 50%; }
@media (prefers-reduced-motion: reduce) { .wc-block-cart-item__remove-link { transition: none; } }
.wc-block-mini-cart__items .wc-block-cart-item__total { justify-content: flex-end; text-align: right; }
/* Woo paigutab summa 4. veergu — paneme pildi, toote ja summa meie kolme veergu, et read joonduks. */
.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__image { grid-column: 1; grid-row: 1; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__product { grid-column: 2; grid-row: 1; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__items table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__total { grid-column: 3; grid-row: 1; }
.wc-block-mini-cart__items .wc-block-components-quantity-selector__button { min-width: 1.5rem; width: 1.5rem; }
.wc-block-mini-cart__items .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input { width: 1.75rem; }
.wc-block-mini-cart__items .wc-block-cart-item__remove-link { width: 1.75rem; height: 1.75rem; }
/* Woo enda prügikasti reeglid on spetsiifilisemad — korv ja korvisahtel. */
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__remove-link { border-radius: 50% !important; transition: color .15s ease, background-color .15s ease; }
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__remove-link:hover,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__remove-link:focus-visible { color: var(--wp--preset--color--danger) !important; background-color: color-mix(in srgb, var(--wp--preset--color--danger) 10%, var(--wp--preset--color--base)) !important; opacity: 1; }

/* ===== Mobiili kompaktsus (ülevaatus 16.10) ===== */
/* Tellimuse kinnitus: lisainfo kahes veerus (silt | väärtus), mitte läbi teksti jooksvate joontega. Silt ei lähe kitsamaks kui pikim sõna (320px murdus „Perekonnani-mi”). */
main .wc-block-order-confirmation-additional-fields dl.wc-block-components-additional-fields-list { display: grid; grid-template-columns: minmax(min-content, 1fr) fit-content(60%); margin: 0; padding: 0; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius-s); }
main .wc-block-order-confirmation-additional-fields dl.wc-block-components-additional-fields-list > :is(dt, dd) { display: block; margin: 0; padding: .55rem .85rem; border-bottom: 1px solid var(--wp--preset--color--line); line-height: 1.4; }
main .wc-block-order-confirmation-additional-fields dl.wc-block-components-additional-fields-list > dt { font-weight: 600; }
main .wc-block-order-confirmation-additional-fields dl.wc-block-components-additional-fields-list > dd { text-align: right; overflow-wrap: break-word; }
main .wc-block-order-confirmation-additional-fields dl.wc-block-components-additional-fields-list > :is(dt, dd):is(:last-of-type) { border-bottom: 0; }
main .wc-block-order-confirmation-additional-fields dl.wc-block-components-additional-fields-list > dt::before, main .wc-block-order-confirmation-additional-fields dl.wc-block-components-additional-fields-list > dt::after { content: none; }
@media (max-width: 781.98px) {
	/* Toote leht: pilt lähemale leivapurule; pisipildid ühes keritavas reas, mitte mitmes reas pildi all. */
	.pk-section:has(> .pk-wrap > .pk-product) { padding-top: .5rem; }
	.wp-block-columns.pk-product { margin-top: 0; row-gap: 1.25rem; }
	/* Tellimuse kinnitus: kokkuvõte ja lisainfo tihedamalt. */
	.wc-block-order-confirmation-summary { padding: 1rem; font-size: 1rem; }
	.wc-block-order-confirmation-summary .wc-block-order-confirmation-summary-list { gap: .35rem 1.25rem; }
	main .wc-block-order-confirmation-additional-fields dl.wc-block-components-additional-fields-list { font-size: .9rem; }
	/* Woo `.woocommerce div.product div.images .flex-control-thumbs { overflow: hidden }` on tugevam — ilma eesliiteta jäid 5. ja 6. pisipilt peitu ega kerinud (31.10). */
	.woocommerce div.product div.images.woocommerce-product-gallery--columns-4 .flex-control-thumbs { display: flex; gap: .5rem; margin: .5rem 0 0; padding: 0 0 .25rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin; }
	.woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { flex: 0 0 4rem; width: 4rem; margin: 0; float: none; scroll-snap-align: start; }
	.woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs img { aspect-ratio: 1; object-fit: cover; border-radius: var(--wp--custom--radius-s); }
}
/* Sooduskoodi viga ei liiguta summasid ega nuppu (ülevaatus 16.10): vormi all on alati üks rida veateate jaoks (lühikesed eestikeelsed teated: popsikook-core sooduskood.php). Harv pikem teade murdub ja kasvatab rida, aga ei kattu millegagi. */
.wc-block-components-totals-coupon__content { display: grid; grid-template-rows: auto minmax(1.375rem, auto); }
.wc-block-components-totals-coupon__content > .wc-block-components-validation-error { margin: 0; padding: 3px 0 0; }
.wc-block-components-totals-coupon__content > .wc-block-components-validation-error > p { align-items: center; gap: 4px; font-size: .8125rem; line-height: 1.25; }
.wc-block-components-totals-coupon__content > .wc-block-components-validation-error > p > svg { flex: none; width: 16px; height: 16px; }
.wc-block-components-totals-coupon__form { flex-wrap: nowrap; gap: .5rem; }
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input { flex: 1 1 auto; min-width: 0; margin: 0; }
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { flex: none; margin: 0; padding-inline: 1rem; }
/* Sooduskood kompaktseks (omaniku soov 29.10): väli ja nupp 40 px (enne 52), nupp kitsam. Silt on välja sees nagu vihje ja
   kaob, kui väli on aktiivne (Woo fookustab välja paneeli avamisel; kohe kohal on pealkiri „Lisa sooduskood”, aria-label jääb).
   Veateate rida jääb alles (vead ei nihuta midagi), aga see on nüüd paneeli alumine vahe: paneeli täidis selle võrra väiksem. */
body .wc-block-components-totals-coupon .wc-block-components-text-input input[type="text"], body .wc-block-components-totals-coupon .wc-block-components-text-input.is-active input[type="text"], body .wc-block-components-totals-coupon .wc-block-components-text-input.is-active input[type="text"]:focus-within { height: 2.5rem; min-height: 0; padding: 0 .75rem; line-height: 1.25; }
body .wc-block-components-totals-coupon .wc-block-components-text-input label { top: 50%; transform: translateY(-50%); pointer-events: none; transition: opacity .1s ease; }
body .wc-block-components-totals-coupon .wc-block-components-text-input.is-active label { top: 50%; transform: translateY(-50%); opacity: 0; }
body .wc-block-components-totals-coupon .wc-block-components-totals-coupon__button { height: 2.5rem; min-height: 0; padding: 0 .75rem; font-size: .9375rem; }
.wc-block-components-totals-coupon__content { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(1.25rem, auto); }
.wc-block-components-totals-coupon__content > .wc-block-components-validation-error > p { min-width: 0; overflow-wrap: anywhere; } /* ei laienda vormi (teated ≤ 32 märki: popsikook-core sooduskood.php) */
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon__content) { padding-bottom: 0; }
@media (prefers-reduced-motion: reduce) { body .wc-block-components-totals-coupon .wc-block-components-text-input label { transition: none; } }
/* Tootekaardi pilt täidab 4:3 kasti (cover, ülal .pk-pcard img): kõik kaardid ühesugused (30.10; 16.10 tervikpilt hägusa äärega tegi püstfotod kitsaks ribaks).
   Püstfotol on toode all (tass taga, pakk + küpsised): kärbe allapoole (inc/woocommerce.php lisab klassi). Tooteleht näitab fotot tervikuna. */
.pk-pcard .wc-block-components-product-image.pk-img-pysti img { object-position: 50% 80%; }
/* Korvi lisamine tootelehelt: sahtel avaneb enne korvi andmeid — tühja korvi teksti ei näidata vahepeal (teated.js holdEmptyDrawer), et sahtel ei vilguks „Sinu ostukorv on tühi” → toode. */
body.pk-korv-uuendub .wc-block-mini-cart__drawer .wp-block-woocommerce-empty-mini-cart-contents-block { visibility: hidden; }

/* Korvilehe rida kitsal telefonil (Woo konteineriklass is-mobile): Woo 80px + 132px veerud ja kogusevalija tegid rea veerust laiemaks (360 px juures 337 px 302 px veerus). Pilt | toode | summa nagu korvisahtlis; kogusevalija ja prügikast murduvad vajadusel kahele reale. */
.wc-block-cart.is-mobile table.wc-block-cart-items { width: 100%; }
.wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 4rem minmax(0, 1fr) fit-content(4.75rem); column-gap: .75rem; }
.wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__image { grid-column: 1; grid-row: 1; padding-right: 0; }
.wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__product { grid-column: 2; grid-row: 1; min-width: 0; overflow-wrap: break-word; hyphens: auto; }
.wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__total { grid-column: 3; grid-row: 1; min-width: 0; justify-content: flex-end; text-align: right; }
.wc-block-cart.is-mobile .wc-block-cart-item__total .wc-block-components-sale-badge { max-width: 100%; white-space: normal; text-align: right; }
.wc-block-cart.is-mobile .wc-block-cart-item__image img { width: 4rem; height: 4rem; object-fit: cover; }
.wc-block-cart.is-mobile .wc-block-cart-item__quantity { flex-wrap: wrap; row-gap: .25rem; min-width: 0; max-width: 100%; }
.wc-block-cart.is-mobile .pk-kaal-select { min-width: 0; width: auto; } /* ainult kaal („0,5 kg”), venitada pole vaja */
@media (max-width: 360px) {
	.wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 3.5rem minmax(0, 1fr) fit-content(4.5rem); column-gap: .6rem; }
	.wc-block-cart.is-mobile .wc-block-cart-item__image img { width: 3.5rem; height: 3.5rem; }
}

/* ---------- Kategooriamenüü (popsikook-core plokk popsikook/kategooriamenuu, mall taxonomy-product_cat) ----------
   Omaniku soov 29.10: kategooriad vasakul nagu koogipoodmandel.ee, et teise kategooriasse saaks ilma tagasi minemata.
   ≥768 px (tahvel ja arvuti): liivakarva kaart vasakul, paremal pealkiri, alamkategooriad ja tooted. 768–1023 px kaart 15 rem ja
   2 tooteveergu (tootekaart 209–336 px; 3 veeruga oleks 768 px juures 130 px), ≥1024 px 16 rem ja 3 veergu (211–282 px),
   ≥1240 px 17 rem (tootekaart 1280 px juures 275 px, laial ekraanil kuni ~330 px, sisu kuni 1400 px).
   Kaart liigub kerimisel kaasa, et teise kategooriasse saaks hüpata ka tootenimekirja keskelt. Mahub päise alla → kleepub päise
   alla. Kõrgem (avatud haru, madal ekraan) → kerib koos lehega, kuni alumine serv on vaates (.5rem servast), ja jääb siis paigale:
   sama võte mis kassa paremal veerul, ilma kerimiskastita. --pk-catnav-h = kaardi kõrgus (view.js, ResizeObserver; haru avamisel
   jääb vajutatud nupp paigale ja kaart nihkub uude kohta järgmise kerimisega). Kleepumine lõpeb võre lõpus, liivast KKK riba
   kaart ei kata. Ainult `scripting: enabled`: ilma JS-ita kõrgust ei tea ja kaart kerib nagu varem lehega ära.
   Telefonis (<768 px): „Kategooriad” nupp H1 kohal, loend avaneb voos. Kinnine olek ainult `scripting: enabled` korral, nii et
   laadimisel midagi ei hüppa ja ilma JS-ita on loend lihtsalt nähtaval (noolenupud siis peidus, ülemise kategooria link viib selle
   lehele). */
.pk-catlayout__main > * + * { margin-block-start: var(--pk-s5); }
.pk-catlayout__main > h1 { margin-bottom: var(--pk-s2); }
.pk-catlayout__main > :last-child { margin-bottom: 0; } /* Alamkategooriate ringide alla ei jää 12 px lisavahet (enne oli see .pk-wrap viimane laps). */
/* Menüü välimus: assets/css/kategooriamenuu.css. */
@media (min-width: 768px) {
	.pk-wrap.pk-catlayout:has(> .wp-block-popsikook-kategooriamenuu) { display: grid; grid-template-columns: 15rem minmax(0, 1fr); column-gap: var(--pk-s5); align-items: start; }
	.pk-wrap.pk-catlayout > * { margin-block: 0; }
	.pk-catlayout:has(> .wp-block-popsikook-kategooriamenuu) .wp-block-woocommerce-product-collection.pk-products ul.wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Teine top: 100svh (tahvli brauseri tööriistariba ei kata kaardi alumist serva; 100vh on riba peidetuna), vanemal brauseril 100vh. */
@media (min-width: 768px) and (scripting: enabled) {
	.pk-catlayout > .wp-block-popsikook-kategooriamenuu { position: sticky; top: min(calc(var(--wp-admin--admin-bar--height, 0px) + var(--pk-stuck-h) + .5rem), calc(100vh - var(--pk-catnav-h, 0px) - .5rem)); top: min(calc(var(--wp-admin--admin-bar--height, 0px) + var(--pk-stuck-h) + .5rem), calc(100svh - var(--pk-catnav-h, 0px) - .5rem)); }
}
@media (min-width: 1024px) {
	.pk-wrap.pk-catlayout:has(> .wp-block-popsikook-kategooriamenuu) { grid-template-columns: 16rem minmax(0, 1fr); }
	.pk-catlayout:has(> .wp-block-popsikook-kategooriamenuu) .wp-block-woocommerce-product-collection.pk-products ul.wc-block-product-template { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1240px) {
	.pk-wrap.pk-catlayout:has(> .wp-block-popsikook-kategooriamenuu) { grid-template-columns: 17rem minmax(0, 1fr); column-gap: var(--pk-s6); }
}

/* Woo suurendusklaasil on z-index 99, kleepuval päisel 20: kerides jäi klaas päise peale (31.10). Pildi kohal püsimiseks piisab 2-st. */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { z-index: 2; }

/* Nihked laadimisel (vastuvõtt 31.10, raport 4 F2–F3; mõõdetud aeglustatud mobiiliga).
   Tootegalerii (telefonis CLS 0,18): 1) pisipiltide rea koht enne skripti oli 4 rem, pärast 4 rem + .5 rem vahe + .25 rem = 76 px (12 px hüpe);
   2) Flexslideri ehitamise hetkel, enne kui ta slaididele laiused paneb, olid pildid hetkeks üksteise all ja pealkiri koos „Lisa korvi”-ga
   kadus vaatest ja tuli tagasi. Nüüd on slaidid .flex-viewport-is algusest peale ühes reas (peidetud ülejääk), kõrgus = esimene pilt. */
.woocommerce-product-gallery .flex-viewport { overflow: hidden; container-type: inline-size; }
.woocommerce-product-gallery .flex-viewport > .woocommerce-product-gallery__wrapper { display: flex; align-items: flex-start; }
.woocommerce-product-gallery .flex-viewport > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image { flex: 0 0 auto; }
.woocommerce-product-gallery .flex-viewport > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not([style*="width"]) { width: 100cqw; }
.woocommerce-product-gallery .flex-viewport > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not([style*="width"]):nth-child(n+2) { display: none; } /* rea kõrgus = esimene pilt, mitte kõrgeim */ /* vaate laius, mitte rea (600%) laius */
/* Ostukorv: laadimise ajal on korvi all olev info peidus ja jalus vaates; korvi laadimisel hüppas jalus alla (CLS kuni 0,8).
   Sisuala on vähemalt ekraani kõrgune, nii et jalus on laadimise ajal vaatest väljas. */
main.pk-main:has(.wp-block-woocommerce-cart) { min-height: 100vh; }
/* Korvi plokk on nähtamatu (ruum alles), kuni Woo on laadinud ja meie tarnevalik on paigas: kokkuvõte hüppas laadimisel
   562 → 1648 → 235 → 402 px (CLS 0,62). popsikook-core korv-tarne.js lisab klassi pk-korv-valmis. Varuvariant (kui skript ei tööta): 8 s pärast nähtav ikkagi. */
.wp-block-woocommerce-cart:not(.pk-korv-valmis) { visibility: hidden; animation: pk-korv-naita 0s linear 8s forwards; }
@keyframes pk-korv-naita { to { visibility: visible; } }
/* Korvi all olev info ja soovitused tulevad alles koos valmis korviga (ümbris oli 0 px kõrge ja selle ilmumine loeti nihkeks, CLS 0,3). */
.pk-wrap:has(.wp-block-woocommerce-cart:not(.pk-korv-valmis)) > :is(.wp-block-template-part, .pk-cart-recs) { display: none; }

/* Fookusrõngas kassa ja korvi märkeruutudel, raadionuppudel ja koguse nuppudel oli 1 px; projekti reegel ≥ 2 px (docs/12 §9, vastuvõtt 31.10).
   Tekstiväljadel jääb oma piirjoone värvimuutus (otsus „no second ring”). */
:is(.wc-block-checkout, .wc-block-cart, .wc-block-mini-cart__drawer) :is(.wc-block-components-checkbox__input, .wc-block-components-radio-control__input, .wc-block-components-quantity-selector__button):focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 2px; }

/* Suletud minikorvi sahtel oli aria-hidden, aga selle nupud olid Tab-iga kättesaadavad (axe aria-hidden-focus, vastuvõtt 31.10).
   Suletuna nähtamatu: sisu pole fookuses ega ekraanilugejas; sulgemise libistus jõuab enne lõpule (0,3 s). */
.wc-block-mini-cart__drawer[aria-hidden="true"] { visibility: hidden; transition: visibility 0s linear .3s; }
