/* Podlood Marketing: persoonlijke boodschap als product (vinkje + tooltip). Tokens met fallback. */
.pmkt-msg-add { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0 0 1.1rem; }
.pmkt-msg-add__label { display: inline-flex; align-items: center; gap: .55rem; margin: 0; font-size: .92rem; font-weight: 600; color: var(--color-ink, #232323); cursor: pointer; }
.pmkt-msg-add__label input { width: 1.1rem; height: 1.1rem; margin: 0; accent-color: var(--color-ink, #232323); }
.pmkt-msg-add__price { font-weight: 400; color: var(--color-muted, #6b6b6b); white-space: nowrap; }
.pmkt-msg-add__error { flex-basis: 100%; margin: .25rem 0 0; font-size: .8rem; color: #8c2f1a; }
.pmkt-msg-add--checkout { margin: 0 0 .75rem; }
.pmkt-gift--product .pmkt-gift__explain { display: none; }
.pmkt-gift--product:has([data-pmkt-msg-toggle]:checked) .pmkt-gift__explain { display: block; }
/* Boodschap + ander adres: kopje "De ontvanger" boven de verzendvelden (messages-checkout.js). */
form.checkout.is-recipient .pmkt-gift__ship-title { display: block; clear: both; padding-top: .75rem; } /* WC laat het "ander adres"-kopje floaten. */

/* Tooltip: <details> met ⓘ-knop en wolkje. */
.pmkt-tip { position: relative; display: inline-block; vertical-align: middle; }
.pmkt-tip > summary { list-style: none; }
.pmkt-tip > summary::-webkit-details-marker { display: none; }
.pmkt-tip__btn { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; border: 1px solid var(--color-line, #d6cec1); border-radius: 999px; background: var(--color-cream, #fff); color: var(--color-ink, #232323); font: italic 600 .75rem/1 Georgia, serif; cursor: pointer; user-select: none; }
.pmkt-tip__btn:hover, .pmkt-tip[open] > .pmkt-tip__btn { border-color: var(--color-ink, #232323); }
.pmkt-tip__text { position: absolute; z-index: 30; left: 50%; top: calc(100% + .5rem); transform: translateX(-50%); width: min(18rem, 80vw); padding: .75rem .85rem; border-radius: .6rem; background: var(--color-ink, #232323); color: #fff; font-size: .8rem; font-weight: 400; line-height: 1.5; text-align: left; box-shadow: 0 8px 24px rgb(0 0 0 / .18); }
.pmkt-tip__text::before { content: ''; position: absolute; left: 50%; top: -.35rem; width: .7rem; height: .7rem; background: inherit; transform: translateX(-50%) rotate(45deg); }
/* In smalle kolommen (zijwinkelmand, besteloverzicht, winkelmand) staat de knop links: het wolkje
   klapt naar rechts open, anders knipt de rand van het paneel het af. */
.sidecart .pmkt-tip__text, .woocommerce-checkout-review-order .pmkt-tip__text, .woocommerce-cart-form .pmkt-tip__text { left: -.6rem; transform: none; width: min(16rem, 72vw); }
.sidecart .pmkt-tip__text::before, .woocommerce-checkout-review-order .pmkt-tip__text::before, .woocommerce-cart-form .pmkt-tip__text::before { left: .95rem; transform: rotate(45deg); }