/* Carmo - topbalk: ruimte voor het langere repform-label ("... / Ticketsysteem").
 *
 * Aanleiding 2026-09-01: het label in de bovenbalk heet nu "<reparatie aanmelden> /
 * <ticketsysteem>" in plaats van "Ticket System", omdat klanten op "ticketsysteem"
 * zoeken. Daardoor paste de rij niet meer: .header-top-right staat vast op col-lg-5
 * (458 px) terwijl de drie links samen ~481 px nodig hebben, en de winkelwagenlink
 * zakte naar een tweede regel - met een 42 px hogere balk als gevolg.
 *
 * De linkerhelft van de balk (taal + valuta) heeft ruimte over, dus laten we beide
 * kolommen naar hun eigen inhoud krimpen in plaats van vaste percentages te kiezen:
 * dat werkt ongeacht hoeveel talen of valuta een winkel toont.
 *
 * Alleen desktop (>= 992 px). Daaronder zijn de kolommen col-xs-12 en stapelen ze al.
 * De .row-prefix is er om van Bootstrap's .col-lg-* te winnen zonder !important.
 */
@media (min-width: 992px) {
  .row .header-top-left,
  .row .header-top-right { width: auto; }
  .row .header-top-right { float: right; }
  .top-link ul.links { white-space: nowrap; }
}

/* 2026-10-07: tussen 992 en 1199 px is de container maar 970 px; taal + valuta
 * (~520-570 px) en de links (~400-580 px, FR/ES het langst) passen daar niet naast
 * elkaar en de balk zakte naar twee regels. De labels "Taal :" / "Valuta :" zijn
 * daar overbodig (de knoppen spreken voor zich) en de links mogen strakker. */
@media (min-width: 992px) and (max-width: 1199px) {
  .header .block-header label { display: none; }
  .header .block-header .language-switcher { margin-right: 8px; padding-right: 8px; }
  /* .top-link erbij: wint van templatecss.css ongeacht laadvolgorde */
  .header-container .header .header-top .top-link ul.links li a { padding: 0 6px; }
}