/*
Theme Name:   Blocksy Child (peptidelab)
Theme URI:    https://peptidelab.co.il
Description:  Child theme of Blocksy. RTL Hebrew storefront, self-hosted Heebo, dark palette baseline. Demo build with a placeholder catalog.
Author:       peptidelab
Template:     blocksy
Version:      1.0.0
Text Domain:  blocksy-child
*/

/* ------------------------------------------------------------------
   Typography — self-hosted Heebo (see assets/fonts/). No Google CDN.
   ------------------------------------------------------------------ */
:root {
  --pl-font: 'Heebo', 'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

html { direction: rtl; }

body,
button, input, select, optgroup, textarea,
.entry-content,
.woocommerce, .woocommerce-page {
  font-family: var(--pl-font);
}

/* Base colors and all component styling live in assets/css/design.css
   (clean light "clinical / lab" direction, accent pulled from the logo). */

/* Mobile-first: keep the price/add-to-cart reachable on 360px screens */
@media (max-width: 480px) {
  .single_add_to_cart_button { width: 100%; }
}

/* Product images: show the whole uploaded image, never crop.
   Pairs with WooCommerce "uncropped" + Blocksy image ratio 1/1.
   White-background product photos make any letterboxing invisible. */
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product a img,
.woocommerce-loop-product__link img,
li.product .ct-image-container img,
li.product figure img,
.woocommerce div.product .woocommerce-product-gallery__image img {
  object-fit: contain !important;
}

/* Header logo: the wordmark is inside the logo image itself, so hide the
   duplicate text site-title and cap the logo height. */
.site-title-container { display: none !important; }
.site-logo-container img.default-logo,
.site-logo-container img { max-height: 64px; width: auto; height: auto; }