@charset "utf-8";

nav {margin:0px auto 0 auto; position:absolute; z-index:700; left:0; right:0%; bottom:0px; border-top:1px solid #444647; border-bottom:1px solid #444647;}
nav > ul, nav > ul ul {margin:0px; padding:0px; list-style:none;}
nav > ul {display: flex; flex-direction:row;}

/* Tepe yatay menü */
nav > ul > li {position:relative; Xwidth:20%; border-left:1px solid #000; background:#fff;}
nav > ul > li:last-child {border-right:1px solid #000;}
nav > ul > li:hover, nav > ul > li.aktif {background:#A7A9AC;}
nav > ul > li > a {
	display: flex; align-items:center; justify-content:center; text-align:center; height:calc( var(--top-menu-height) ); padding:0 20px 0 20px; 
	font-family:'gotham_narrowmedium'; color:#000; font-size:12px; line-height:115%; text-decoration:none; text-transform:uppercase;
}
nav > ul > li:hover > a, nav > ul > li.aktif > a {color:#000;}
nav > ul > li:nth-child(5) ul {left:calc((100% - 315px) / 2);} /* Sub menu koordinatı */
nav > ul > li:nth-last-child(-n+4) ul {left:auto; right:0px;} /* ilk 3 submenu sola dayalı */

/* Pop-up menüler */
nav > ul > li > ul {display:none; width:315px; left:0px; padding:0px 0 5px 0; position:absolute; z-index:100; background-color:rgba(0,0,0,0.8); background-blend-mode:multiply; backdrop-filter: blur(4px);}
nav > ul > li:hover ul {display:block;}
nav > ul > li > ul > li a {display:block; font-family:'gotham_narrowbook'; font-size:13px; line-height:110%; text-decoration:none; padding:6px 10px 6px 20px;}
nav > ul > li > ul > li:hover {background:#000;}
nav > ul > li > ul > li:hover a {text-decoration:underline; text-decoration-color: #D40A1C;}
nav > ul > li > ul > li.aktif a {text-decoration:underline solid #ED1C24 1px; font-family:'gotham_narrowmedium';}

nav > ul > li > ul > li {display:block; border-bottom:1px solid rgba(255,255,255,0.3);}
nav > ul > li > ul > li:first-child {padding-top:10px;}
nav > ul > li > ul > li:last-child {border-bottom:none;}
nav > ul > li > ul > li:hover {}
nav > ul > li > ul > li a {color:#fff;}


@supports (position:sticky) {
   /* IE değilse sticky kullan. Text.css içinde değil, çünkü menu.css override ediyor */
	nav {position:sticky; top:calc(var(--header-height) - var(--top-menu-height) - 2px);}
	header {position:sticky; top:calc(0px - var(--header-height) + var(--top-menu-height) + 2px);}
	main {padding-top:0px !important;}
}