/* ==========================================================================
   Custom overrides — toegevoegd 2026-05-22 (v2)
   Backup setup.php.bak-20260522 in app/themes/ina_2022/app/
   Verwijder dit bestand + de enqueue regel in setup.php om terug te draaien.
   ========================================================================== */

/* 1. Mobile typography — covers parent div AND inner text spans/paragraphs */
@media (max-width: 768px) {
	div.heading-info,
	div.heading-info .heading-info__text {
		font-size: 12px;
	}
	div.registration-line,
	div.registration-line p,
	div.registration-line span {
		font-size: 8px;
	}
}

/* 2. Hamburger menu (mobile + tablet, ≤1259px) — donkere achtergrond + witte tekst/iconen
      Rules zijn permanent (closed state zit off-screen via translateX, dus geen visueel verschil)
      → voorkomt witte-flits tijdens slide-in transition */
@media (max-width: 1259px) {
	.menu-slide {
		background: rgba(26, 19, 12, 0.8);
	}
	.menu-slide,
	.menu-slide a,
	.menu-slide .menu-toggler__close,
	.menu-slide .menubar-nav .menu-opener,
	.menu-slide .header__languages-list,
	.menu-slide .header__languages-list a {
		color: #ffffff;
	}
	.menu-slide .menubar-nav .menubar > li.current_page_item > a,
	.menu-slide .menubar-nav .menubar > li.slide-opened > a {
		text-decoration-color: #ffffff;
	}
}

/* 3. Desktop language switch hover — werkt voor ALLE talen
      (WPML hangt -nl/-en/-fr suffixen aan de menu ID; via class selector is dit taal-onafhankelijk) */
@media (min-width: 1260px) {
	#header .header__languages-list a:hover,
	#header .header__languages-list a:focus,
	#header .header__languages-list li:hover a {
		color: #d2aa72;
		text-decoration: none;
		text-decoration-color: transparent;
	}
}