/* =========================================================
   Avada tabs — platte navigatie met rode actieve tab
   Plakken in child theme style.css of Theme Options > Custom CSS
   ========================================================= */
 
#wrapper .fusion-tabs .nav {--tabs-ink:#26221E; --tabs-active:#E1251B; --tabs-line:#EFEAE1; --tabs-font:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; border:0;}
 
/* rij: links uitlijnen i.p.v. nav-justified, met één doorlopende lijn eronder */
#wrapper .fusion-tabs .nav .nav-tabs {display:flex; flex-wrap:wrap; gap:0 48px; margin:0; padding:0; list-style:none; border:0; border-bottom:1px solid var(--tabs-line); background:none;}
#wrapper .fusion-tabs .nav .nav-tabs > li {display:block; float:none; width:auto; flex:0 0 auto; margin:0; padding:0; border:0; background:none;}
 
/* tab zelf: geen doosje en geen eigen rand. De rode streep is een ::after,
   zodat Avada's border-regels er niet mee kunnen vechten. */
#wrapper .fusion-tabs .nav .nav-tabs > li > a.tab-link {position:relative; display:block; margin:0; padding:0 0 14px; background:none; border:0; border-radius:0; color:var(--tabs-ink); text-decoration:none; transition:color .15s ease;}
#wrapper .fusion-tabs .nav .nav-tabs > li > a.tab-link::after {content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:transparent; transition:background-color .15s ease;}
#wrapper .fusion-tabs .nav .nav-tabs > li > a.tab-link .fusion-tab-heading {margin:0; font-family:var(--tabs-font); font-size:18px; font-style:normal; font-weight:500; line-height:1.2; color:inherit !important;}
 
/* actief: rode tekst en een 2px rode streep bovenop de grijze lijn */
#wrapper .fusion-tabs .nav .nav-tabs > li.active > a.tab-link, #wrapper .fusion-tabs .nav .nav-tabs > li > a.tab-link[aria-selected="true"] {background:none; color:var(--tabs-active) !important;}
#wrapper .fusion-tabs .nav .nav-tabs > li.active > a.tab-link::after, #wrapper .fusion-tabs .nav .nav-tabs > li > a.tab-link[aria-selected="true"]::after {background:var(--tabs-active);}
 
#wrapper .fusion-tabs .nav .nav-tabs > li > a.tab-link:hover {background:none; color:var(--tabs-active);}
#wrapper .fusion-tabs .nav .nav-tabs > li > a.tab-link:focus-visible {outline:2px solid var(--tabs-active); outline-offset:4px;}
 
/* mobiel: horizontaal scrollen i.p.v. afbreken */
@media (max-width:640px) {
	#wrapper .fusion-tabs .nav .nav-tabs {gap:0 24px; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none;}
	#wrapper .fusion-tabs .nav .nav-tabs::-webkit-scrollbar {display:none;}
	#wrapper .fusion-tabs .nav .nav-tabs > li > a.tab-link .fusion-tab-heading {font-size:16px;}
}