/* PrintyStore — WooCommerce in onze huisstijl (laadt na styles.css) */

/* Productraster */
.woocommerce ul.products, .woocommerce-page ul.products {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2.5vw, 1.8rem); margin: 0; padding: 0;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  width: auto !important; margin: 0 !important; list-style: none; background: var(--c-surface);
  border: 1px solid var(--c-line); border-radius: var(--radius); overflow: hidden; transition: var(--t);
}
.woocommerce ul.products li.product:hover { transform: translateY(-6px); box-shadow: var(--sh-2); border-color: var(--c-sand-2); }
.woocommerce ul.products li.product a img { margin: 0; border-radius: 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: .9rem 1.1rem .2rem; font-family: var(--f-display); font-size: 1.1rem; color: var(--c-ink); font-weight: 600;
}
.woocommerce ul.products li.product .price { padding: 0 1.1rem; color: var(--c-ink); font-weight: 600; }
.woocommerce ul.products li.product .price del { color: var(--c-muted); font-weight: 400; }
.woocommerce ul.products li.product .button { margin: .8rem 1.1rem 1.2rem; display: inline-block; }
@media (max-width: 980px){ .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px){ .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: 1fr; } }

/* Knoppen */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background: var(--c-accent); color: #fff; border: none; border-radius: 999px; font-weight: 600;
  padding: .72rem 1.5rem; text-transform: none; font-size: .98rem; transition: var(--t);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--c-accent-ink); color: #fff; transform: translateY(-2px); }
.woocommerce div.product form.cart .button.single_add_to_cart_button { background: var(--c-ink); padding: .9rem 2rem; }
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover { background: #000; }

/* Sale-badge */
.woocommerce span.onsale { background: var(--c-accent); color: #fff; border-radius: 999px; min-height: auto; min-width: auto; padding: .25rem .7rem; line-height: 1.4; font-weight: 600; }

/* Enkel product */
.woocommerce div.product .product_title { font-family: var(--f-display); font-size: clamp(1.8rem, 4vw, 2.6rem); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--c-ink); font-weight: 600; font-size: 1.4rem; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border-radius: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid var(--c-accent); }
.woocommerce .star-rating span { color: var(--c-accent); }

/* Tabellen (winkelwagen / afrekenen) */
.woocommerce table.shop_table { border: 1px solid var(--c-line); border-radius: var(--radius); border-collapse: separate; }
.woocommerce-cart table.cart img { border-radius: 8px; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout #order_review {
  background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--radius); padding: 1.2rem;
}

/* Formuliervelden */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single {
  border: 1px solid var(--c-line); border-radius: var(--radius-md); padding: .8rem 1rem; background: #fff;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
  outline: none; border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(185,111,60,.16);
}

/* Meldingen */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  border-top-color: var(--c-accent); border-radius: var(--radius-sm); background: var(--c-surface);
}

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb { color: var(--c-muted); font-size: .9rem; margin-bottom: 1.2rem; }
.woocommerce .woocommerce-breadcrumb a { color: var(--c-accent-ink); }