/* ============================================================
   La Printa — woocommerce.css
   Headless cart / checkout / account + notice + form resets.
   ============================================================ */

/* headless wrapper */
.lp-headless{padding:56px 0 84px}
.lp-headless .container{max-width:var(--maxw)}
.lp-headless-head{margin-bottom:32px}
.lp-headless-head .eyebrow{margin-bottom:10px}

/* kill WC ::before notice icons (renderen als zwarte blokken) */
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before,
.woocommerce-noreviews::before,.wc-block-components-notice-banner::before{content:none!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:var(--radius-sm);
  background:#fff;padding:16px 20px;color:var(--ink);list-style:none;margin-bottom:20px;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.woocommerce-error{border-left-color:#c0392b}
.woocommerce-message .button,.woocommerce-info .button{margin-left:auto}

/* --- CART (kolommen naast elkaar) --- */
.woocommerce-cart .woocommerce{display:grid;grid-template-columns:1.6fr .9fr;gap:40px;align-items:start}
.woocommerce-cart .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-cart form.woocommerce-cart-form{grid-column:1;min-width:0}
.woocommerce-cart .cart-collaterals{grid-column:2;width:100%!important;float:none!important}
.woocommerce-cart .cart-collaterals .cart_totals{width:100%!important;float:none!important}
.woocommerce-cart .cross-sells{grid-column:1/-1;width:100%!important;float:none!important}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--radius);border-collapse:separate;background:#fff}
.woocommerce table.shop_table th{color:var(--plum)}
.cart_totals h2,.cross-sells h2{color:var(--plum);margin-bottom:16px}
.cart_totals{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.wc-proceed-to-checkout .checkout-button{min-width:100%}

/* --- CHECKOUT (col2-set naast elkaar) --- */
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%!important}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:100%!important;float:none!important}
.woocommerce-checkout #customer_details{width:100%}
.woocommerce-checkout #order_review,.woocommerce-checkout #order_review_heading{width:100%!important;float:none!important}
.woocommerce form .form-row{margin-bottom:14px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,.select2-container .select2-selection{
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-family:inherit;background:#fff}
#place_order{min-width:100%}
@media(min-width:1024px){
  .woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
  .woocommerce-checkout form.checkout #customer_details{grid-column:1}
  .woocommerce-checkout form.checkout #order_review,
  .woocommerce-checkout form.checkout #order_review_heading{grid-column:2}
}

/* --- ACCOUNT (nav + content naast elkaar, float-lock) --- */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}
.woocommerce-account .woocommerce-MyAccount-navigation{grid-column:1!important;width:100%!important;float:none!important}
.woocommerce-account .woocommerce-MyAccount-content{grid-column:2!important;width:100%!important;float:none!important;min-width:0}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;border-radius:var(--radius-sm);color:var(--plum);font-weight:600;transition:.2s}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--primary-light);color:var(--primary)}

/* login/register alleen uitgelogd (niet in dashboard laten bleeden) */
.woocommerce-account:not(.logged-in) .woocommerce{display:block;max-width:480px;margin:0 auto}
.woocommerce-account:not(.logged-in) .woocommerce form.login,
.woocommerce-account:not(.logged-in) .woocommerce form.register{
  border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff}

/* WC buttons in La Printa stijl */
.woocommerce .button,.woocommerce a.button,.woocommerce button.button{
  background:var(--primary);color:#fff;border-radius:999px;font-weight:700;padding:12px 24px;
  border:2px solid transparent;transition:.2s;font-family:inherit}
.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--primary-dark)}
.woocommerce .button.alt{background:var(--primary)}

/* WC BLOCK-knoppen (block cart 'Doorgaan naar afrekenen' + block checkout 'Plaats bestelling')
   Deze erven de globale/donkere block-button-stijl (wp-element-button) i.p.v. de merkstijl.
   Override direct op de specifieke knop-classes. */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button{
  background:var(--primary)!important;background-color:var(--primary)!important;color:#fff!important;
  border-radius:999px!important;font-weight:700!important;font-family:inherit!important;
  border:2px solid transparent!important;box-shadow:none!important;transition:.2s}
.wc-block-cart__submit-button:hover,.wc-block-cart__submit-button:focus,
.wc-block-components-checkout-place-order-button:hover,.wc-block-components-checkout-place-order-button:focus,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover{
  background:var(--primary-dark)!important;background-color:var(--primary-dark)!important;color:#fff!important}
.wc-block-cart__submit-button .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button .wc-block-components-button__text{color:#fff!important}

@media(max-width:900px){
  .woocommerce-cart .woocommerce,
  .woocommerce-checkout form.checkout,
  .woocommerce-account .woocommerce{grid-template-columns:1fr!important;display:block!important}
  .woocommerce-cart .cart-collaterals,
  .woocommerce-checkout .col2-set{margin-top:24px}
  .woocommerce-checkout .col2-set{grid-template-columns:1fr!important}
}