/* thuisbanket.be, vooral /fr/ (13 nov 2026, design-test na livegang).
   Franse teksten zijn 15-30% langer dan de Nederlandse, en op .be staan de taalknop NL|FR en (op /fr/) de
   ondertitel naast het logo in de kop. Alles hier hangt aan iets wat alleen op .be bestaat (.tb-taal in de
   kop) of aan blokken waar alleen een langere tekst iets verandert, zodat .nl er niet anders uitziet. */

/* Kop, desktop: op één regel past het niet. Gemeten op /fr/ (container 1200 px): ondertitel 246 + taalknop 58
   + logo 163 + menu ~740 ("Ingrédients et matériel" alleen al 149) + zoeken 40 + knoppen 241 = ~1490 px.
   Op elke breedte schoof het menu over zoeken, account en "Vendez vos créations" heen.
   Daarom op .be twee regels: logo, ondertitel, zoeken, account, CTA en NL|FR boven; het menu eronder over de
   volle breedte, gecentreerd. Gemeten 1100/1280/1440/1920: niets overlapt, kop 116 px hoog. */
@media (min-width:1100px){
  .tb-header-in:has(.tb-taal){flex-wrap:wrap;row-gap:0;column-gap:16px;}
  .tb-header-in:has(.tb-taal) .tb-logo{order:1;}
  .tb-header-in:has(.tb-taal) .tb-logo-onder{order:2;margin-left:0;}
  .tb-header-in:has(.tb-taal) .tb-zoek-toggle{order:3;margin-left:auto;}
  .tb-header-in:has(.tb-taal) .tb-header-acties{order:4;}
  .tb-header-in:has(.tb-taal) .tb-taal{order:5;margin:0;}
  .tb-header-in:has(.tb-taal) .tb-nav-list{order:20;flex:1 1 100%;justify-content:center;flex-wrap:wrap;gap:4px 18px;
    border-top:1px solid var(--tb-line,#eee);padding-top:4px;margin-top:6px;}
}

/* Knoppen met een lange Franse tekst ("Demandez aux pâtissiers près de chez vous") staken 48 px (mobiel)
   tot 144 px (desktop) buiten hun kaart. Een knop mag omslaan en is nooit breder dan zijn ouder. */
.tb-seizoen-knoppen .tb-btn,
.tb-home-blok .tb-btn,
.tb-home-verkoop .tb-btn{max-width:100%;white-space:normal;text-align:center;height:auto;min-height:var(--tb-h-ctrl,44px);line-height:1.25;padding-top:10px;padding-bottom:10px;}

/* Soortkaarten op de voorpagina: lange namen ("Verjaardagstaart", "Pâtisserie fine") liepen uit de kaart. */
@media (max-width:480px){
  .tb-home-soorten .tb-soort-name{font-size:14px;overflow-wrap:anywhere;}
}

/* Voettekst: "Toutes les villes" en "Thuisbanket Pays-Bas" plakten op één regel aan elkaar. */
.tb-foot-steden .tb-foot-alle{display:inline-block;margin-right:20px;}
.tb-foot-steden .tb-foot-land{display:block;margin-top:10px;}

/* Voettekst-steden op .be (13 nov 2026, Fatih: "Heist-op-den-Berg is te lang"). Twee naast elkaar gaf op 1280 px
   cellen van 122 px: "Heist-op-den-" brak af op twee regels, op 1024 px liep "Geraardsbergen" 5 px over de rand.
   Op .be staan er maar elf plaatsen, dus op desktop één per regel. Alleen op .be: dit bestand laadt ook op .nl,
   vandaar de taal van <html> (nl-BE / fr-BE, inc/tb-domeinen.php en tb-frans.php). Mobiel paste het al. */
@media (min-width:900px){
  html[lang$="-BE"] .tb-foot-steden ul{grid-template-columns:minmax(0,1fr);}
}
html[lang$="-BE"] .tb-foot-steden li{min-width:0;}
html[lang$="-BE"] .tb-foot-steden li a{hyphens:manual;}