/* Casa Tre Pettirossi – opmaak van de introductiekorting, de staffelprijs en de opmerking bij de bestelling.
   Overgenomen uit de extra CSS van het oude thema (2026-10-07). */

.ctp-ko-balk { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px; margin: 1.4em 0px; padding: 16px 20px; border: 1.5px dashed var(--ctp-zalm); border-radius: var(--ctp-radius); background: rgb(255, 246, 243); text-align: left; }

.ctp-ko-tekst { display: flex; flex-direction: column; line-height: 1.3; }

.ctp-ko-tekst strong { color: var(--ctp-groen); font-size: 16px; }

.ctp-ko-tekst span { font-size: 14px; color: rgb(76, 88, 84); }

.ctp-ko-code { display: flex; align-items: stretch; border-radius: 10px; overflow: hidden; box-shadow: 0 0 0 1.5px var(--ctp-groen); }

.ctp-ko-code code { background: rgb(255, 255, 255); color: var(--ctp-groen); font-family: Montserrat, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.08em; padding: 10px 14px; }

.ctp-ko-kopieer { border: 0px; background: var(--ctp-groen); color: rgb(255, 255, 255); font-weight: 700; font-size: 12.5px; letter-spacing: 0.08em; text-transform: uppercase; padding: 0px 16px; min-height: 44px; cursor: pointer; }

.ctp-ko-kopieer.is-ok { background: rgb(63, 107, 42); }

.ctp-ko-uitleg { flex-basis: 100%; color: rgb(107, 117, 113); margin: 0px !important; font-size: 13px !important; }

.ctp-preorder + .ctp-ko-balk { max-width: 1040px; margin-left: auto; margin-right: auto; }

.ctp-ko-compact { margin: 12px 0px 18px; }

.ctp-ko-prijs del { color: rgb(138, 145, 142); font-weight: 400; margin-right: 4px; }

.ctp-ko-prijs ins { text-decoration: none; font-weight: 700; color: var(--ctp-groen); }

.ctp-ko-pct { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--ctp-zalm); color: rgb(255, 255, 255); font-size: 0.75em; font-weight: 700; vertical-align: middle; }

.ctp-ko-met { display: block; font-size: 12px; color: rgb(107, 117, 113); font-weight: 400; margin-top: 2px; }

.woocommerce-cart td.product-price del, .woocommerce-cart td.product-subtotal del { color: rgb(138, 145, 142); font-weight: 400; display: block; font-size: 0.9em; }

.woocommerce-cart td.product-price ins, .woocommerce-cart td.product-subtotal ins { text-decoration: none; font-weight: 700; }

@media (max-width: 767px) {
	.ctp-ko-balk { padding: 14px 16px; }
}

.ctp-ko-pct { background: rgb(63, 107, 42) !important; color: rgb(255, 255, 255) !important; }

.ctp-ko-met { line-height: 1.4; font-size: 11.5px !important; color: rgb(63, 107, 42) !important; }

.ctp-ko-tien { display: block; font-size: 13px; color: rgb(76, 88, 84); margin-top: 4px; font-weight: 600; }

.ctp-ko-balk { box-shadow: rgba(63, 107, 42, 0.25) 0px 0px 0px 1.5px; border: 0px !important; background: rgb(238, 240, 226) !important; }

.ctp-ko-tekst span { font-size: 13.5px; }

.ctp-ko-coderegel code { background: rgb(255, 255, 255); padding: 2px 8px; border-radius: 6px; font-weight: 700; letter-spacing: 0.06em; color: var(--ctp-groen); }

.ctp-ko-knop { display: inline-flex; align-items: center; min-height: 44px; padding: 0px 22px; border-radius: 999px; background: rgb(63, 107, 42); font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(255, 255, 255) !important; text-decoration: none !important; }

.ctp-ko-knop:hover { background: rgb(51, 88, 34); }

.ctp-ko-code, .ctp-ko-uitleg, .ctp-ko-kopieer { display: none; }

.ctp-ko-knop-groot { flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 56px; box-shadow: rgba(63, 107, 42, 0.25) 0px 6px 16px; line-height: 1.25; display: flex !important; padding: 10px 18px !important; border-radius: 14px !important; background: rgb(63, 107, 42) !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; letter-spacing: 0.02em !important; text-transform: none !important; }

.ctp-ko-knop-groot span { font-size: 12.5px; font-weight: 500; opacity: 0.9; margin-top: 2px; }

.ctp-ko-knop-groot:hover { transform: translateY(-1px); background: rgb(51, 88, 34) !important; }

.ctp-ko-knop-uitleg { text-align: center; color: rgb(107, 117, 113); margin: -2px 0px 8px !important; font-size: 11.5px !important; }

.ctp-ko-knop-groot ~ .checkout-button { background: transparent !important; color: var(--ctp-groen) !important; box-shadow: inset 0 0 0 1.5px var(--ctp-olijf) !important; }

.ctp-ko-regel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 16px; margin: 0px 0px 20px; border-radius: var(--ctp-radius); background: rgb(238, 240, 226); font-size: 14px; color: rgb(52, 66, 62); }

.ctp-ko-regel strong { color: rgb(63, 107, 42); }

.ctp-ko-regel .ctp-ko-knop { min-height: 40px; padding: 0px 18px; font-size: 12px; }

.woocommerce .wc-proceed-to-checkout a.ctp-ko-knop-groot { background: rgb(63, 107, 42) !important; color: rgb(255, 255, 255) !important; border-radius: 14px !important; padding: 10px 18px !important; letter-spacing: 0.02em !important; text-transform: none !important; font-size: 15px !important; }

.woocommerce .wc-proceed-to-checkout a.ctp-ko-knop-groot:hover { background: rgb(51, 88, 34) !important; }

.woocommerce .wc-proceed-to-checkout a.ctp-ko-knop-groot ~ a.checkout-button { background: transparent !important; color: var(--ctp-groen) !important; box-shadow: inset 0 0 0 1.5px var(--ctp-olijf) !important; }

.woocommerce-cart td.product-price ins, .woocommerce-cart td.product-subtotal ins, .ctp-ko-prijs ins { background: none !important; }

.ctp-ko-ok { padding: 10px 14px; border-radius: 12px; background: rgb(238, 240, 226); color: rgb(63, 107, 42); font-weight: 600; text-align: center; margin: 0px 0px 4px !important; font-size: 13.5px !important; }

.ctp-opmerking { flex-basis: 100%; width: 100%; margin: 0px 0px 14px !important; }

.ctp-opmerking label { display: block; font-size: 13.5px; font-weight: 600; color: var(--ctp-groen); margin-bottom: 6px; }

.ctp-opmerking label span { font-weight: 400; color: rgb(107, 117, 113); }

.ctp-opmerking textarea { width: 100%; box-sizing: border-box; border-radius: 10px; border: 1px solid rgb(217, 220, 205); padding: 10px 12px; font-size: 14px; line-height: 1.5; background: rgb(255, 255, 255); resize: vertical; }

.ctp-ko-ok { background: transparent !important; padding: 4px 0px !important; color: rgb(76, 88, 84) !important; font-weight: 500 !important; font-size: 13px !important; line-height: 1.5 !important; }

.ctp-ko-ok > span[aria-hidden] { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: rgb(63, 107, 42); color: rgb(255, 255, 255); font-size: 11px; margin-right: 6px; vertical-align: -3px; }

.ctp-ko-ok .woocommerce-Price-amount { color: rgb(63, 107, 42); font-weight: 700; }

.ctp-mand-opmerking { margin: 16px 0px 24px; padding: 16px 18px; background: rgb(255, 255, 255); border-radius: var(--ctp-radius); box-shadow: var(--ctp-schaduw); }

.ctp-mand-opmerking label { display: block; font-size: 13.5px; font-weight: 600; color: var(--ctp-groen); margin-bottom: 6px; }

.ctp-mand-opmerking label span { font-weight: 400; color: rgb(107, 117, 113); }

.ctp-mand-opmerking textarea { width: 100%; box-sizing: border-box; border-radius: 10px; border: 1px solid rgb(217, 220, 205); padding: 10px 12px; font-size: 14px; line-height: 1.5; background: rgb(250, 250, 246); resize: vertical; }

.ctp-mand-opmerking-status { display: block; min-height: 16px; font-size: 12px; color: rgb(63, 107, 42); margin-top: 4px; }

.cart_totals .ctp-mand-opmerking { margin: 0px 0px 18px; padding: 0px; background: transparent; box-shadow: none; }

.cart_totals .ctp-mand-opmerking textarea { min-height: 84px; }

.woocommerce .wc-proceed-to-checkout a.checkout-button, .woocommerce .wc-proceed-to-checkout a.ctp-ko-knop-groot ~ a.checkout-button { min-height: 52px; align-items: center; justify-content: center; background: rgb(63, 107, 42) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(63, 107, 42, 0.22) 0px 6px 16px !important; border-radius: 14px !important; display: flex !important; font-size: 14px !important; }

.woocommerce .wc-proceed-to-checkout a.ctp-ko-knop-groot { background: rgb(238, 240, 226) !important; color: rgb(63, 107, 42) !important; box-shadow: rgb(63, 107, 42) 0px 0px 0px 1.5px inset !important; }

.woocommerce .wc-proceed-to-checkout a.ctp-ko-knop-groot:hover { background: rgb(227, 231, 207) !important; }

.ctp-ko-ok { align-items: center; justify-content: center; gap: 8px; display: flex !important; }

.ctp-ko-ok > span[aria-hidden] { flex: 0 0 18px; line-height: 1; margin: 0px !important; vertical-align: 0px !important; }