/* =========================================================================
   CULTO × WooCommerce — overlay nad Blocksy/Woo (produkt, košík, pokladna).
   Scoped pod .woocommerce. Site-wide enqueue.
   ========================================================================= */

.woocommerce, .woocommerce-page { font-family: var(--font-sans); color: var(--foreground); }

/* ---- tlačítka (CULTO solid) ---- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce #place_order,
.woocommerce .single_add_to_cart_button,
.wc-proceed-to-checkout a.checkout-button {
  background: var(--foreground) !important;
  color: var(--background) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 1rem 2rem;
  transition: background .2s, color .2s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #place_order:hover,
.woocommerce .single_add_to_cart_button:hover,
.wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--accent) !important;
  color: var(--foreground) !important;
}

/* ---- nadpisy / ceny ---- */
.woocommerce div.product .product_title {
  font-family: var(--font-display); font-weight: 300;
  letter-spacing: -0.025em; line-height: 1;
  font-size: clamp(2rem, 4vw, 3rem);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-cart .cart_totals .order-total .amount {
  font-family: var(--font-display); font-weight: 300; color: var(--foreground);
}
.woocommerce div.product p.price { font-size: 1.75rem; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--font-display); font-weight: 300; }

/* ---- ostré rohy ---- */
.woocommerce img,
.woocommerce table.shop_table,
.woocommerce #respond input.input-text,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce-checkout select,
.woocommerce form .form-row input.input-text,
.woocommerce .select2-selection,
.woocommerce span.onsale { border-radius: 0 !important; }

/* ---- odkazy / accent ---- */
.woocommerce a { color: var(--foreground); }
.woocommerce a:hover { color: var(--accent); }
.woocommerce span.onsale { background: var(--accent); color: var(--foreground); }

/* ---- záložky + můj rich popis ---- */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.78rem;
}
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel h3 {
  font-family: var(--font-display); font-weight: 300; letter-spacing: -0.01em;
}
.woocommerce div.product .woocommerce-tabs .panel h3 { font-size: 1.4rem; margin-top: 1.75rem; }
.woocommerce div.product .woocommerce-tabs .panel { line-height: 1.7; }
.woocommerce div.product .woocommerce-product-details__short-description { line-height: 1.6; color: var(--muted-foreground); }

/* ---- formuláře / tabulky ---- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout select,
.woocommerce .select2-container .select2-selection { font-family: var(--font-sans); border-color: var(--border) !important; }
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th { border-color: var(--border) !important; }

/* ---- breadcrumb ---- */
.woocommerce-breadcrumb {
  font-family: var(--font-mono); font-size: 0.72rem; color: var(--muted-foreground);
  text-transform: uppercase; letter-spacing: 0.08em;
}

/* ---- doručovací/edice info v popisu necháváme čitelné ---- */
.woocommerce div.product .woocommerce-tabs .panel ul { line-height: 1.8; }

/* ===== Revize II — P2: produktové foto (rezervace 1:1 proti layout shiftu) ===== */
.woocommerce div.product .woocommerce-product-gallery__wrapper { aspect-ratio: 1 / 1; }
.woocommerce div.product .woocommerce-product-gallery__image { aspect-ratio: 1 / 1; overflow: hidden; background: var(--background); }
.woocommerce div.product .woocommerce-product-gallery__image img,
.woocommerce div.product .woocommerce-product-gallery img.wp-post-image { width: 100%; height: 100%; object-fit: cover; }