/*
 * tt-taal-opmaak.css (29-09-2026)
 * Opmaak die alleen geldt op de vertaalde pagina's (nl, de, fr, pl, it, et). Het Engels blijft precies zoals het is.
 * Geladen door tt_taal_js_opmaak() in tt-taal-js.php, alleen als de taalmachine actief is.
 * Doel: langere woorden in andere talen netjes laten passen zonder ze af te korten of midden in een woord te breken.
 * Gemeten op 14 schermmaten (360 tot 2560) per taal en pagina; elke regel hieronder is getoetst tegen het Engels.
 */
/* 1. Knop onder elk product: mag over twee regels, woorden blijven heel, en de knop blijft 42 px hoog net als in het Engels */
/* Het thema zet deze tekst met display:block!important op (0,4,1); de tweede kiezer is (0,4,2), zodat het centreren wint. */
:is(html:lang(nl),html:lang(de),html:lang(fr),html:lang(pl),html:lang(it),html:lang(et)) .add-to-cart-loop span,:is(html:lang(nl),html:lang(de),html:lang(fr),html:lang(pl),html:lang(it),html:lang(et)) .wd-product .wd-add-btn .add-to-cart-loop span{white-space:normal!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:manual!important;text-wrap:balance;line-height:1.15!important;padding:4px 12px!important;display:flex!important;align-items:center;justify-content:center;height:100%;min-height:42px!important;box-sizing:border-box}
/* 2. Label op de productfoto: nooit midden in een woord breken */
:is(html:lang(nl),html:lang(de),html:lang(fr),html:lang(pl),html:lang(it),html:lang(et)) .product-labels .product-label{word-break:normal!important;overflow-wrap:normal!important;hyphens:manual!important;white-space:nowrap!important}
/* 3. Onderbalk op telefoon en tablet: het woord mag bijna de hele breedte van het vak gebruiken (thema houdt 10px vrij) */
:is(html:lang(nl),html:lang(de),html:lang(fr),html:lang(pl),html:lang(it),html:lang(et)) .wd-toolbar .wd-toolbar-label{inset-inline:2px!important}
@media (max-width:380px){:is(html:lang(nl),html:lang(de),html:lang(fr),html:lang(pl),html:lang(it),html:lang(et)) .wd-toolbar .wd-toolbar-label{font-size:10.5px!important}}
/* 4. Categorietegels op home, telefoon: iets minder binnenruimte opzij */
@media (max-width:767px){:is(html:lang(nl),html:lang(de),html:lang(fr),html:lang(pl),html:lang(it),html:lang(et)) .elementor-cta__content{padding-left:24px!important;padding-right:24px!important}
html:lang(et) .elementor-cta__content{padding-left:20px!important;padding-right:20px!important}
html:lang(et) .elementor-cta__title{font-size:16px!important}}
@media (min-width:401px) and (max-width:767px){html:lang(et) .elementor-cta__title{font-size:18px!important}}
@media (min-width:768px) and (max-width:959px){html:lang(et) :is(.elementor-element-0f33d76,.elementor-element-e4bc96c) .elementor-cta__title{font-size:20px!important}}
/* 5. Knop in de categorietegels: iets minder binnenruimte, zodat hij net als in het Engels op een regel past waar dat kan */
:is(html:lang(nl),html:lang(de),html:lang(fr),html:lang(pl),html:lang(it),html:lang(et)) .elementor-cta__button{padding-left:16px!important;padding-right:16px!important}
/* 6. Wettelijke bestelknop: tekst blijft woordelijk, twee regels even lang en gecentreerd.
   Niet in het Pools: daar zou het voorzetsel "z" alleen aan het eind van de eerste regel komen, en dat hoort in het Pools niet. */
:is(html:lang(nl),html:lang(de),html:lang(fr),html:lang(it),html:lang(et),html:lang(es),html:lang(cs)) #place_order{text-wrap:balance;text-align:center;justify-content:center}
/* 7. Link verzendkosten berekenen (desktop) op een regel */
@media (min-width:1025px){html:lang(de) .shipping-calculator-button{white-space:nowrap!important}}
/* 8. (vervallen 29-09-2026) De Franse verzendbalk stond hier op de telefoon vast op 11 px. Met de kortere zin
   "Livraison mondiale offerte" past hij op 12 px net als de andere talen, en anders verkleint tt-taal-passend.js hem. */
/* 9. Stapkoppen op het afrekenen (30-09-2026). tt-checkout.php zet "Contact", "Delivery" en "Stay in the loop" als CSS-tekst
   (::before content), en daar kan de vertaler niet bij. Hier per taal dezelfde woorden als de goedgekeurde vertalingen. */
html:lang(nl) #billing_country_field::before{content:"2 \00a0 Bezorging"}
html:lang(nl) #kl_newsletter_checkbox_field::before{content:"Blijf op de hoogte"}
html:lang(de) #billing_email_field::before{content:"1 \00a0 Kontakt"}
html:lang(de) #billing_country_field::before{content:"2 \00a0 Lieferung"}
html:lang(de) #kl_newsletter_checkbox_field::before{content:"Bleib auf dem Laufenden"}
html:lang(fr) #billing_country_field::before{content:"2 \00a0 Livraison"}
html:lang(fr) #kl_newsletter_checkbox_field::before{content:"Restez informé"}
html:lang(it) #billing_email_field::before{content:"1 \00a0 Contatti"}
html:lang(it) #billing_country_field::before{content:"2 \00a0 Consegna"}
html:lang(it) #kl_newsletter_checkbox_field::before{content:"Resta aggiornato"}
html:lang(pl) #billing_email_field::before{content:"1 \00a0 Kontakt"}
html:lang(pl) #billing_country_field::before{content:"2 \00a0 Dostawa"}
html:lang(pl) #kl_newsletter_checkbox_field::before{content:"Bądź na bieżąco"}
html:lang(et) #billing_email_field::before{content:"1 \00a0 Kontakt"}
html:lang(et) #billing_country_field::before{content:"2 \00a0 Tarne"}
html:lang(et) #kl_newsletter_checkbox_field::before{content:"Ole kursis"}
html:lang(es) #billing_email_field::before{content:"1 \00a0 Contacto"}
html:lang(es) #billing_country_field::before{content:"2 \00a0 Entrega"}
html:lang(es) #kl_newsletter_checkbox_field::before{content:"No te pierdas nada"}
html:lang(cs) #billing_email_field::before{content:"1 \00a0 Kontakt"}
html:lang(cs) #billing_country_field::before{content:"2 \00a0 Doručení"}
html:lang(cs) #kl_newsletter_checkbox_field::before{content:"Buďte v obraze"}
/* 10. Reviews van een klant uit het land van de taal (30-09-2026, besluit Martijn). De reviewrobot zet bij zo'n review een
   tweede alinea in die taal, standaard verborgen (inline display:none, dus op de Engelse site nooit zichtbaar). Op de eigen
   taalversie ziet de bezoeker die alinea in plaats van het origineel. Het reviewblok blijft buiten de vertaler. */
:is(html:lang(nl) .tt-rv-orig[data-tt-rv="nl"],html:lang(de) .tt-rv-orig[data-tt-rv="de"],html:lang(fr) .tt-rv-orig[data-tt-rv="fr"],html:lang(it) .tt-rv-orig[data-tt-rv="it"],html:lang(pl) .tt-rv-orig[data-tt-rv="pl"],html:lang(et) .tt-rv-orig[data-tt-rv="et"],html:lang(es) .tt-rv-orig[data-tt-rv="es"],html:lang(cs) .tt-rv-orig[data-tt-rv="cs"]){display:none!important}
:is(html:lang(nl) .tt-rv-vert[lang="nl"],html:lang(de) .tt-rv-vert[lang="de"],html:lang(fr) .tt-rv-vert[lang="fr"],html:lang(it) .tt-rv-vert[lang="it"],html:lang(pl) .tt-rv-vert[lang="pl"],html:lang(et) .tt-rv-vert[lang="et"],html:lang(es) .tt-rv-vert[lang="es"],html:lang(cs) .tt-rv-vert[lang="cs"]){display:block!important}