/* ITMB — taalwissel achter in het hoofdmenu (ITMB_TALEN_WISSEL = 'menu').
   Enfold-variant (robertasnursery.org, 2026-10-18), afgeleid van die van
   todaymakelaars.nl (Divi). Enfold zet het hoofdmenu in ul#avia-menu en kloont
   de items met JavaScript naar het burgermenu (ul#av-burger-menu-ul), dus de
   vlaggen komen daar vanzelf mee. */
.itmb-taal__vlag { width: 24px; height: 24px; display: inline-block; vertical-align: middle; transition: transform .12s ease-out; }
li.itmb-taal a:hover .itmb-taal__vlag { transform: scale(1.08); }
li.itmb-taal a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* Desktop: vlaggen dicht bij elkaar. Enfold geeft menulinks een vaste
   regelhoogte gelijk aan de kophoogte; die blijft staan zodat de vlag
   verticaal gecentreerd staat. */
#avia-menu li.itmb-taal > a { padding-left: 6px; padding-right: 6px; }
#avia-menu li.itmb-taal:not(.itmb-taal ~ .itmb-taal) > a { padding-left: 14px; }

/* Huidige taal: streepje eronder, geen transparantie (vlag blijft herkenbaar
   op elke achtergrond). */
li.itmb-taal .itmb-taal__vlag { border-bottom: 3px solid transparent; padding-bottom: 2px; box-sizing: content-box; }
li.itmb-taal--huidig .itmb-taal__vlag { border-bottom-color: currentColor; }
li.itmb-taal--huidig a { cursor: default; }
li.itmb-taal--huidig a:hover .itmb-taal__vlag { transform: none; }

/* Burgermenu (telefoon/tablet): beide vlaggen naast elkaar op één regel.
   max-width: none — anders drukt img { max-width: 100% } de vlag kleiner. */
#av-burger-menu-ul li.itmb-taal { display: inline-block; width: auto; }
#av-burger-menu-ul li.itmb-taal .itmb-taal__vlag { max-width: none; }