/* ============================================================
   Rondom Internet - WooCommerce huisstijl
   Stijlt shop, productpagina, winkelmand, afrekenen en account
   in de huisstijl. Richt zich op WooCommerce-klassen (.woocommerce ...)
   en raakt de rest van de site niet.
   ============================================================ */

:root{
  --ri-ink:#0D1B2A;
  --ri-ink-soft:#52606D;
  --ri-red:#E63946;
  --ri-red-dark:#C42E3A;
  --ri-teal:#1F9E8F;
  --ri-hairline:#DCE2E8;
  --ri-surface:#FFFFFF;
  --ri-display:"Bricolage Grotesque",system-ui,sans-serif;
  --ri-body:"Inter",system-ui,sans-serif;
}

/* Koppen in WooCommerce */
.woocommerce h1,.woocommerce h2,.woocommerce h3,
.woocommerce-page h1,.woocommerce-page h2,.woocommerce-page h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--ri-display);
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--ri-ink);
}

/* Knoppen */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  font-family:var(--ri-body);
  font-weight:600;
  background:var(--ri-ink);
  color:#fff;
  border:none;
  border-radius:999px;
  padding:.75em 1.4em;
  transition:background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{
  background:#1B2A3D;
  box-shadow:0 8px 22px rgba(13,27,42,.18);
}
.woocommerce a.button:active,
.woocommerce button.button:active{transform:translateY(1px)}

/* Belangrijkste actieknoppen rood (in winkelmand toevoegen / afrekenen) */
.woocommerce .single_add_to_cart_button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-checkout #place_order{
  background:var(--ri-red);
  box-shadow:0 6px 18px rgba(230,57,70,.3);
}
.woocommerce .single_add_to_cart_button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-checkout #place_order:hover{
  background:var(--ri-red-dark);
  box-shadow:0 8px 24px rgba(230,57,70,.4);
}

/* Prijzen */
.woocommerce .price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--ri-ink);
  font-weight:700;
}
.woocommerce div.product p.price{font-size:1.5rem}

/* Productkaarten in de shop */
.woocommerce ul.products li.product{
  background:var(--ri-surface);
  border:1px solid var(--ri-hairline);
  border-radius:16px;
  padding:1rem;
  transition:transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 40px rgba(13,27,42,.12);
}
.woocommerce ul.products li.product img{border-radius:10px;margin-bottom:.8rem}

/* "Sale" badge */
.woocommerce span.onsale{
  background:var(--ri-red);
  color:#fff;
  border-radius:999px;
  font-family:var(--ri-body);
  font-weight:600;
  min-height:auto;
  min-width:auto;
  line-height:1;
  padding:.45em .8em;
}

/* Meldingen (bericht / info / fout) */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-top-color:var(--ri-teal);
  border-radius:12px;
}
.woocommerce-message::before{color:var(--ri-teal)}
.woocommerce-error{border-top-color:var(--ri-red)}
.woocommerce-error::before{color:var(--ri-red)}

/* Formuliervelden (afrekenen, account, login) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce table.cart td.actions .coupon .input-text{
  border:1px solid var(--ri-hairline);
  border-radius:12px;
  padding:.7em .9em;
  font-family:var(--ri-body);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{
  outline:2px solid var(--ri-ink);
  outline-offset:1px;
  border-color:transparent;
}

/* Winkelmand & afreken-overzichtsblokken */
.woocommerce-cart table.cart,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order{
  border-radius:14px;
}
.woocommerce table.shop_table{
  border:1px solid var(--ri-hairline);
  border-radius:14px;
  border-collapse:separate;
}

/* Account-navigatie (Mijn account) */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
  border:1px solid var(--ri-hairline);
  border-radius:10px;
  margin-bottom:.4rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active{
  border-color:var(--ri-ink);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block;
  padding:.7em 1em;
  color:var(--ri-ink);
  font-weight:600;
}

/* Productbeoordelingen (sterren) */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before{color:var(--ri-red)}