/*
Theme Name: K&J Bistida
Template: storefront
Description: Mobile-first boutique child theme for K&J Bistida.
Version: 1.0
*/

:root {
  --kj-ink: #2b2326;
  --kj-muted: #7a6c70;
  --kj-blush: #f6e9ec;
  --kj-rose: #b4506a;
  --kj-rose-dark: #8f3a52;
  --kj-line: #eadde0;
}

body, button, input, select, textarea { font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--kj-ink); }
body { background: #fff; }
h1, h2, h3, .site-title, .woocommerce-loop-product__title, .product_title {
  font-family: Georgia, "Times New Roman", serif; color: var(--kj-ink); font-weight: 400; letter-spacing: .01em;
}
a { color: var(--kj-rose); }
a:hover { color: var(--kj-rose-dark); }

/* Header */
.site-header { background: #fff; border-bottom: 1px solid var(--kj-line); padding: 12px 0; }
.site-branding { margin-bottom: 0; }
.site-title { font-size: 1.6rem; margin: 0; }
.site-title a { color: var(--kj-ink); }
.site-description { color: var(--kj-muted); font-size: .8rem; margin: 2px 0 0; }
.storefront-primary-navigation, .main-navigation ul li a { color: var(--kj-ink); }
.site-header .site-search, .site-header .site-header-cart { font-size: .9rem; }
.site-header .site-header-cart .cart-contents { color: var(--kj-ink); }

/* Full-width shop, no sidebar */
.woocommerce-page #secondary { display: none; }
.woocommerce-page #primary { width: 100%; float: none; margin-right: 0; }

/* Breadcrumb noise off on mobile */
.woocommerce-breadcrumb { display: none; }

/* Filter pills */
.kj-pills { display: flex; gap: 8px; overflow-x: auto; padding: 4px 0 12px; margin: 0 -4px 8px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.kj-pills::-webkit-scrollbar { display: none; }
.kj-pills a { flex: 0 0 auto; padding: 8px 16px; border: 1px solid var(--kj-line); border-radius: 999px; color: var(--kj-ink); font-size: .9rem; text-decoration: none; background: #fff; white-space: nowrap; }
.kj-pills a.is-active { background: var(--kj-rose); border-color: var(--kj-rose); color: #fff; }

/* Product grid: 2 up on phones */
.woocommerce ul.products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 10px; margin: 0; padding: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; padding: 0; position: relative; }
.woocommerce ul.products li.product a img { aspect-ratio: 3 / 4; object-fit: cover; width: 100%; height: auto; margin: 0 0 8px; border-radius: 6px; background: var(--kj-blush); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem; padding: 0; }
.woocommerce ul.products li.product .price { color: var(--kj-muted); font-size: .9rem; }
.woocommerce ul.products li.product .button { display: block; margin-top: 8px; text-align: center; background: var(--kj-ink); color: #fff; border-radius: 999px; padding: .7em 1em; font-size: .85rem; }
.woocommerce ul.products li.product .button:hover { background: var(--kj-rose); }
.woocommerce-result-count, .woocommerce-ordering { margin-bottom: 8px; font-size: .85rem; color: var(--kj-muted); }
.woocommerce-products-header__title { font-size: 1.6rem; }

@media (min-width: 600px) { .woocommerce ul.products { grid-template-columns: repeat(3, 1fr); gap: 20px 16px; } }
@media (min-width: 960px) { .woocommerce ul.products { grid-template-columns: repeat(4, 1fr); } }

/* Badges */
.kj-badge { position: absolute; top: 8px; left: 8px; z-index: 2; padding: 4px 10px; border-radius: 999px; font-size: .7rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; background: var(--kj-rose); color: #fff; }
.kj-badge.kj-instock { background: #3f7d5a; }
.kj-badge.kj-sold { background: var(--kj-ink); }
.woocommerce span.onsale { display: none; }
.woocommerce div.product div.images { position: relative; }
.woocommerce div.product div.images .kj-badge { top: 12px; left: 12px; }

/* Single product */
.woocommerce div.product .product_title { font-size: 1.7rem; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--kj-rose-dark); font-size: 1.25rem; }
.woocommerce div.product form.cart .single_add_to_cart_button, .woocommerce a.button.alt, .woocommerce button.button.alt {
  background: var(--kj-rose); color: #fff; border-radius: 999px; padding: 1em 1.6em; font-weight: 600;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover { background: var(--kj-rose-dark); }
@media (max-width: 767px) {
  .woocommerce div.product form.cart .single_add_to_cart_button { width: 100%; }
  .single-product .woocommerce-tabs ul.tabs { display: none; }
}

/* Footer */
.site-footer { background: var(--kj-blush); color: var(--kj-muted); }
.site-footer a:not(.button) { color: var(--kj-rose-dark); }
.site-info { font-size: .8rem; }

/* Sticky mobile cart bar */
@media (max-width: 767px) {
  .storefront-handheld-footer-bar { background: #fff; border-top: 1px solid var(--kj-line); }
  .storefront-handheld-footer-bar ul li > a { background: #fff; border-color: var(--kj-line); }
}