/* Robot Specialist – aanvullende stijl (los van rs.css, dat aan de maximale bestandsgrootte zit).
   1. Meldingen van WooCommerce en betaalplugins in de huisstijl.
   2. Gele knop "Zie hoe je bestelling verloopt" in de stappenbalk.
   3. Witruimte en blokken op de bedankpagina. */

/* 1. Meldingen */
body .woocommerce-error,body .woocommerce-info,body .woocommerce-message,body .mollie-instructions{
	position:relative;display:block;list-style:none;margin:0 0 18px;padding:14px 16px 14px 50px!important;
	border-radius:12px!important;border:1px solid #c8defa!important;background:#e8f2fd!important;color:#14171c!important;
	font:500 14.5px/1.5 var(--rs-fb,"Open Sans",sans-serif)!important;box-shadow:none!important;text-align:left
}
body .woocommerce-error{background:#fff1e6!important;border-color:#f6cfb2!important;color:#9a3412!important}
body .woocommerce-message{background:#e8f5ee!important;border-color:#bfe3cd!important;color:#17703d!important}
body :is(.woocommerce-error,.woocommerce-info,.woocommerce-message,.mollie-instructions)::before{
	content:"i"!important;position:absolute!important;left:16px!important;top:14px!important;width:22px!important;height:22px!important;
	border-radius:50%!important;display:grid!important;place-items:center!important;margin:0!important;
	background:#0072e8!important;color:#fff!important;font:700 13px/22px var(--rs-ft,"Lexend Deca",sans-serif)!important;text-align:center!important;
	transform:none!important;opacity:1!important
}
body .woocommerce-error::before{content:"!"!important;background:#c2410c!important}
body .woocommerce-message::before{content:"✓"!important;background:#1f9d55!important}
body :is(.woocommerce-error,.woocommerce-info,.woocommerce-message,.mollie-instructions) li{margin:0;padding:0;list-style:none}
body :is(.woocommerce-error,.woocommerce-info,.woocommerce-message,.mollie-instructions) li+li{margin-top:4px}
body :is(.woocommerce-error,.woocommerce-info,.woocommerce-message,.mollie-instructions) a:not(.button){color:inherit!important;text-decoration:underline!important;text-underline-offset:2px;font-weight:600}
body :is(.woocommerce-error,.woocommerce-info,.woocommerce-message):has(>.button){display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap-reverse}
body :is(.woocommerce-error,.woocommerce-info,.woocommerce-message)>.button{
	float:none!important;margin:0!important;display:inline-flex!important;align-items:center;flex:none;min-height:38px!important;height:auto!important;
	padding:0 14px!important;border:1.5px solid currentColor!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;
	color:var(--rs-b,#0072e8)!important;font:700 13.5px/1 var(--rs-fb,"Open Sans",sans-serif)!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap
}
body :is(.woocommerce-error,.woocommerce-info,.woocommerce-message)>.button:hover{background:var(--rs-bs,#e8f2fd)!important}
body .woocommerce-message>.button{color:#17703d!important}
body .woocommerce-error>.button{color:#9a3412!important}
body .mollie-instructions p{margin:0}
body .mollie-instructions strong{font-weight:700}
.woocommerce-notices-wrapper:empty{display:none}

/* 2. Stappenbalk: gele uitklapknop, zelfde stijl als de schakelaar voor de onderhoudskorting */
.rs-sb .rs-sb-btn{
	height:34px!important;padding:0 6px 0 14px!important;gap:10px;border:0!important;border-radius:999px!important;
	background:#ffc012!important;color:#14171c!important;font:700 13px/1 var(--rs-fb,"Open Sans",sans-serif)!important;
	transition:background .15s
}
.rs-sb .rs-sb-btn:hover{background:#ffcd3d!important}
.rs-sb .rs-sb-btn:focus-visible{outline:2px solid #14171c;outline-offset:2px}
.rs-sb .rs-sb-btn::after{
	content:""!important;width:24px;height:24px;border-radius:50%;flex:none;
	background:#14171c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc012' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/14px no-repeat;
	transition:transform .2s
}
.rs-sb.is-open .rs-sb-btn{background:#ffc012!important;border:0!important}
.rs-sb.is-open .rs-sb-btn::after{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.rs-sb .rs-sb-btn::after{transition:none}}

/* 3. Bedankpagina */
.rs-ty .rs-sb-head{padding-right:18px}
.rs-ty-card h2{margin-bottom:16px}
.rs-ty .rs-ty-next{gap:16px}
.rs-ty p.rs-ty-btns{margin:26px 0 0!important;gap:12px}
.rs-ty-cols{margin-top:24px}
.rs-ty-stack{gap:24px}
.rs-ty-hooks{padding:0!important;border:0!important;background:none!important}
.rs-ty-hooks>*:last-child{margin-bottom:0!important}
.rs-ty-hooks :is(.woocommerce-info,.mollie-instructions,.woocommerce-message,.woocommerce-error){margin:0!important}
.rs-ty-paid{margin-top:16px}
.rs-ty-card .rs-btn{min-height:48px}
@media (max-width:640px){
	.rs-ty{padding-block:4px 36px}
	.rs-ty-hero{gap:16px}
	.rs-ty-meta div{flex:1 1 140px}
	.rs-ty p.rs-ty-btns{flex-direction:column}
	.rs-ty p.rs-ty-btns .rs-btn{width:100%;justify-content:center}
}

/* Apple Pay-knop van Mollie in de winkelwagen (ook uitgezet via de instellingen; dit is de terugval) */
#mollie-applepayDirect-button,.mollie-apple-pay-direct-cart,#mollie-applepayDirect-button-wrap{display:none!important}
.rs-ty .rs-sb-seg i.is-cur{background:var(--rs-b)}

/* 4. Overzicht bij afrekenen: geen schuifbalk, kader loopt door (het kruisje achter een kortingscode had een negatieve marge) */
#order_review .wd-table-wrapper{overflow:visible!important}
#order_review .woocommerce-remove-coupon{margin-right:0!important}
#order_review .shop_table{width:100%!important;table-layout:auto}

/* Betaalmethodes als iconen */
.rs-pay-icons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.rs-pay-icons img{width:38px!important;height:28px!important;padding:2px 4px;border:1px solid #dfe3e8;border-radius:6px;background:#fff;object-fit:contain;display:block}
.rs-secure{display:flex!important;flex-direction:column;align-items:center;gap:8px;margin-top:12px}
.rs-secure small{font-size:12px;color:var(--rs-mu,#5a6270)}

/* Vertrouwen + groene WhatsApp-knop (variant A) */
.rs-trust{gap:0}
.rs-trust>*:not(.rs-trust-wa):not(.rs-trust-sub){border-bottom:0!important;padding:7px 0!important}
.rs-trust>*:first-child{padding-top:14px!important}
.rs-trust i.is-green .rs-i{fill:currentColor;stroke:none}
.rs-trust>a.rs-trust-wa{
	display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:12px;padding:0 16px!important;border:0!important;border-radius:12px;
	background:#25a95b;color:#fff!important;font:700 15px/1 var(--rs-fb,"Open Sans",sans-serif)!important;text-decoration:none!important;transition:background .15s
}
.rs-trust>a.rs-trust-wa:hover{background:#1e8f4c}
.rs-trust>a.rs-trust-wa:focus-visible{outline:2px solid #14171c;outline-offset:2px}
.rs-trust>a.rs-trust-wa svg{width:20px;height:20px;flex:none}
.rs-trust>.rs-trust-sub{display:block;text-align:center;font-size:12.5px;color:var(--rs-mu,#5a6270);padding:6px 0 0!important;border:0!important}

/* Privacytekst bij afrekenen */
.woocommerce-privacy-policy-text p{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--rs-mu,#5a6270)}
.woocommerce-privacy-policy-text a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Knop "Bestelling plaatsen" in het overzicht (alleen naast het formulier; op mobiel staat het overzicht onder de echte knop) */
.rs-ck-place{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}
.rs-ck-place-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 18px;border:0;border-radius:12px;background:var(--rs-b,#0072e8);color:#fff;font:700 15.5px/1.2 var(--rs-fb,"Open Sans",sans-serif);cursor:pointer;transition:background .15s;text-transform:none!important;letter-spacing:0!important;box-shadow:none}
.rs-ck-place-btn:hover{background:#005ec0}
.rs-ck-place-btn:focus-visible{outline:2px solid #14171c;outline-offset:2px}
.rs-ck-place small{font-size:12px;color:var(--rs-mu,#5a6270)}
/* Bestelknop ook op mobiel/tablet in "Jouw bestelling". */
.woocommerce-checkout .checkout-order-review::before,.woocommerce-checkout .checkout-order-review::after{display:none!important}
.rs-order tr.order-total .includes_tax,.rs-order tr.order-total .includes_tax .amount{font-size:12.5px!important}

/* Bedankpagina: totaal zoals bij afrekenen */
.rs-ty-tot tr.is-total th{font:600 19px var(--rs-ft,"Lexend Deca",sans-serif)!important;vertical-align:top}
.rs-ty-tot tr.is-total th small{font:400 12.5px var(--rs-fb,"Open Sans",sans-serif);color:var(--rs-mu,#5a6270);margin-left:4px}
.rs-ty-tot tr.is-total td .amount{font:700 26px/1.1 var(--rs-ft,"Lexend Deca",sans-serif);letter-spacing:-.4px;color:var(--rs-b,#0072e8)}
.rs-ty-tot tr.is-total td small{display:block;margin-top:2px;font:400 12.5px var(--rs-fb,"Open Sans",sans-serif);color:var(--rs-mu,#5a6270)}
.rs-ty-tot tr.is-total td small .amount{font:inherit;color:inherit;letter-spacing:0}
.rs-ty-sum .rs-ty-items{padding-bottom:16px;border-bottom:1px solid var(--rs-ln,#e3e6eb)}
.rs-ty-sum .rs-ty-full{border-radius:999px!important;min-height:52px}
.rs-ty-sum .rs-ty-btns+.rs-ty-wwk{margin-top:20px}
.rs-ty-thumb.is-ph{color:var(--rs-mu)}
.rs-ty-thumb.is-rep{background:#e8f2fd;color:var(--rs-b)}
.rs-ty-thumb.is-ph .rs-i{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8}
/* Winkelwagen: bredere productkolom, nette gegevens bij reparatie, tegel zonder foto. */
@media (min-width:768px){
  .rs-cart table.cart thead tr,.rs-cart tr.cart_item{grid-template-columns:80px minmax(0,1fr) 132px 104px 28px}
  .rs-cart table.cart :is(th,td).product-price{display:none!important}
  .rs-cart tr.cart_item{align-items:start;grid-template-areas:"img name qty sub rem"}
  .rs-cart tr.cart_item :is(.product-thumbnail,.product-price,.product-quantity,.product-subtotal,.product-remove){align-self:center}
}
.rs-cart tr.cart_item .product-name ul.variation{list-style:none;margin:10px 0 0;padding:12px 14px;background:#f6f8fa;border-radius:12px;display:grid;gap:9px}
.rs-cart tr.cart_item .product-name ul.variation li{display:grid;gap:1px;margin:0;padding:0}
.rs-cart tr.cart_item .product-name ul.variation .item-variation-name{font:400 12.5px/1.35 var(--rs-fb)!important;color:var(--rs-mu)}
.rs-cart tr.cart_item .product-name ul.variation .item-variation-value{font:600 14px/1.4 var(--rs-fb)!important;color:var(--rs-ink);overflow-wrap:anywhere}
.rs-cart tr.cart_item .product-name ul.variation p{margin:0;display:inline}
.rs-qty1{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 12px;border-radius:10px;background:#f6f8fa;font:600 15px var(--rs-fb);color:var(--rs-ink)}
.rs-ci-ph{display:grid;place-items:center;width:80px;height:80px;border-radius:12px;background:#f3f5f8;color:var(--rs-mu)}
.rs-ci-ph.is-rep{background:var(--rs-bs,#e8f2fd);color:var(--rs-b)}
.rs-ci-ph .rs-i{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.8}
.widget_shopping_cart .rs-ci-ph,.rs-mini .rs-ci-ph{width:56px;height:56px}
@media (max-width:767px){
  .rs-ci-ph{width:56px;height:56px}
}
/* Afrekenen: foutmelding onder een veld in rood met een omcirkeld uitroepteken. */
.woocommerce form .checkout-inline-error-message,.woocommerce-checkout .checkout-inline-error-message{display:flex;align-items:flex-start;gap:7px;margin:6px 0 0;color:#c62828;font-size:13.5px;line-height:1.4;font-weight:700}
.woocommerce form .checkout-inline-error-message strong{font-weight:inherit}
.woocommerce form .checkout-inline-error-message::before,.woocommerce-checkout .checkout-inline-error-message::before{content:"!";flex:none;display:grid;place-items:center;width:16px;height:16px;margin-top:1px;border:1.6px solid currentColor;border-radius:50%;font:800 11px/1 var(--rs-fb);color:currentColor;box-sizing:border-box}
.woocommerce form .form-row.woocommerce-invalid .input-text,.woocommerce form .form-row.woocommerce-invalid select{border-color:#c62828!important}
.woocommerce-NoticeGroup-checkout.rs-only-fields{display:none!important}
.woocommerce-order .woocommerce-thankyou-order-received{border:0!important;padding:0!important;margin:0 0 16px!important;color:var(--rs-ink,#14171c)!important;font:600 clamp(22px,5vw,28px)/1.25 var(--rs-ft,"Lexend Deca",sans-serif)!important;text-align:left!important}
/* vinkje */
body .woocommerce-message::before{content:""!important;background:#3fb65f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M26 253 103 177 206 279 408 77 485 155 206 434Z'/%3E%3C/svg%3E") center/56% no-repeat!important}

/* 4. Mobiel: stappenbalk past in elke taal (knop schuift door, voortgang op eigen regel) en bedankpagina met minder zijruimte */
@media (max-width:767px){
  .rs-sb-head{flex-wrap:wrap;row-gap:8px;padding:8px 8px 8px 12px!important}
  .rs-sb-cur{flex:1 1 auto;min-width:0}
  .rs-sb-cur>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .rs-sb-seg{order:3;flex:1 0 100%;max-width:none;margin:0 4px 2px 0}
  .rs-sb .rs-sb-btn{flex:0 1 auto;max-width:100%;height:32px!important;padding:0 5px 0 12px!important;gap:8px;font-size:12.5px!important;white-space:nowrap}
  .rs-sb .rs-sb-btn::after{width:22px;height:22px}
  .rs-ty.rs-wrap,.rs-c .rs-ty.rs-wrap{padding-left:0;padding-right:0}
  .rs-ty-hero,.rs-ty-card{padding-left:16px;padding-right:16px}
}

/* Betalen voor een bestaande bestelling (order-pay): kaart met betaaltegels + overzicht (02-11-2026) */
.rs-order #order_review.rs-pay{max-width:none!important;width:100%!important;margin:0 0 40px!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
.rs-order #order_review.rs-pay::before,.rs-order #order_review.rs-pay::after{display:none!important}
.rs-pay-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.rs-pay-sum{position:sticky;top:24px}
.rs-pay-lead{margin:-6px 0 18px!important;color:var(--rs-mu,#5a6270);font-size:14px}
.rs-pay-lead b{color:var(--rs-ink,#14171c)}
.rs-pay #payment .rs-pay-submit{margin:0!important;padding:0!important}
.rs-pay #place_order.rs-pay-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:14px 0 0;padding:0 18px;border:0;border-radius:12px;background:var(--rs-b,#0072e8);color:#fff;font:700 15.5px/1.2 var(--rs-fb,"Open Sans",sans-serif);text-transform:none!important;letter-spacing:0!important;box-shadow:none;cursor:pointer;transition:background .15s}
.rs-pay #place_order.rs-pay-btn:hover{background:#005ec0}
.rs-pay #place_order.rs-pay-btn:focus-visible{outline:2px solid #14171c;outline-offset:2px}
.rs-pay-safe{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px}
.rs-pay-safe small{font-size:12px;color:var(--rs-mu,#5a6270)}
.rs-pay-items{list-style:none;margin:0!important;padding:0!important}
.rs-pay-items>li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0;padding:10px 0;border-bottom:1px solid #edf0f4}
.rs-pay-im img{display:block;width:56px!important;height:56px!important;object-fit:contain;border-radius:10px;background:#f5f5f7;mix-blend-mode:multiply}
.rs-pay-n{min-width:0}
.rs-pay-n>b{display:block;font:600 14px/1.3 var(--rs-fb,"Open Sans",sans-serif);color:var(--rs-ink,#14171c)}
.rs-pay-n .wc-item-meta{margin:4px 0 0!important;padding:0!important;list-style:none;font-size:12px;line-height:1.4;color:var(--rs-mu,#5a6270)}
.rs-pay-n .wc-item-meta li{display:block;margin:0;padding:0;border:0}
.rs-pay-n .wc-item-meta p{display:inline;margin:0}
.rs-pay-q{display:block;margin-top:2px;font-size:12.5px;color:var(--rs-mu,#5a6270)}
.rs-pay-p{font:700 14px var(--rs-fb,"Open Sans",sans-serif);white-space:nowrap;color:var(--rs-ink,#14171c)}
.rs-pay-tot{width:100%;margin:12px 0 0!important;border:0!important;border-collapse:collapse}
.rs-pay-tot th,.rs-pay-tot td{padding:6px 0!important;border:0!important;background:none!important;font-size:14px;vertical-align:top}
.rs-pay-tot th{text-align:left;font-weight:400;color:var(--rs-mu,#5a6270);text-transform:none}
.rs-pay-tot td{text-align:right;font-weight:600;color:var(--rs-ink,#14171c)}
.rs-pay-tot tr.is-total th{padding-top:14px!important;font:600 18px var(--rs-ft,"Lexend Deca",sans-serif);color:var(--rs-ink,#14171c)}
.rs-pay-tot tr.is-total td{padding-top:14px!important;font:700 22px/1.1 var(--rs-ft,"Lexend Deca",sans-serif);color:var(--rs-b,#0072e8)}
.rs-pay-tot tr.is-total .includes_tax{display:block;margin-top:4px;font:400 12px var(--rs-fb,"Open Sans",sans-serif);color:var(--rs-mu,#5a6270)}
.rs-pay-tot tr.is-total .includes_tax .amount{font:inherit;color:inherit}
@media (max-width:900px){
	.rs-pay-grid{grid-template-columns:1fr;gap:16px}
	.rs-pay-sum{position:static;order:-1}
}
/* Bestelknop: tekst altijd wit (WoodMart zet #place_order:hover op donkere tekst) */
.rs-checkout #place_order,.rs-checkout #place_order:hover,.rs-checkout #place_order:focus,.rs-checkout #place_order:active,.rs-checkout #place_order:disabled,.rs-ck-place-btn,.rs-ck-place-btn:hover,.rs-ck-place-btn:focus{color:#fff!important}