/**
 * Üst bilgi, masaüstü menü ve mobil yan menü.
 */

/* Üst bilgi */
.gridlove-header-wrapper,
.gridlove-header-sticky,
.gridlove-header-responsive {
	border-bottom: 4px solid var(--ufb-yellow);
}

.gridlove-header-sticky,
.gridlove-header-responsive {
	box-shadow: var(--ufb-shadow-nav);
}

.gridlove-logo {
	margin-left: -20px;
}

/* Masaüstü menü: hover, odak ve etkin sayfa aynı sarı vurguyu kullanır */
.gridlove-main-nav > li > a,
.gridlove-mobile-menu a {
	font-family: var(--ufb-font-ui);
	font-weight: 600;
	letter-spacing: .2px;
}

.gridlove-header-wrapper .gridlove-main-nav > li > a,
.gridlove-header-sticky .gridlove-main-nav > li > a {
	transition: color var(--ufb-ease);
}

.gridlove-header-wrapper .gridlove-main-nav > li > a:hover,
.gridlove-header-wrapper .gridlove-main-nav > li > a:focus-visible,
.gridlove-header-wrapper .gridlove-main-nav > li.current-menu-item > a,
.gridlove-header-wrapper .gridlove-main-nav > li.current-menu-ancestor > a,
.gridlove-header-sticky .gridlove-main-nav > li > a:hover,
.gridlove-header-sticky .gridlove-main-nav > li.current-menu-item > a,
.gridlove-header-sticky .gridlove-main-nav > li.current-menu-ancestor > a {
	color: var(--ufb-yellow);
}

/* Açılır menü klavyeyle de açılır; odaklanan alt bağlantı görünür kalır */
.gridlove-main-nav li:focus-within > .sub-menu {
	opacity: 1;
	left: 0;
}

.gridlove-main-nav .sub-menu li:focus-within > .sub-menu {
	left: 100%;
	top: -1px;
}

.gridlove-main-nav .sub-menu a:focus-visible {
	outline-offset: -3px;
}

/* Menü öğeleri dar ve geniş masaüstünde logoya çarpmadan tek satırda kalır */
@media (min-width: 992px) {
	.gridlove-header-wrapper .gridlove-main-navigation .gridlove-main-nav > li > a {
		padding-left: 7px;
		padding-right: 7px;
		font-size: 12px;
		letter-spacing: 0;
	}

	.gridlove-header-wrapper .gridlove-site-branding img,
	.gridlove-header-wrapper .gridlove-logo img {
		max-width: 120px;
		height: auto;
	}
}

@media (min-width: 1200px) {
	.gridlove-header-wrapper .gridlove-main-navigation .gridlove-main-nav > li > a {
		font-size: 13px;
	}

	.gridlove-header-wrapper .gridlove-site-branding img,
	.gridlove-header-wrapper .gridlove-logo img {
		max-width: 150px;
	}
}

@media (min-width: 1366px) {
	.gridlove-header-wrapper .gridlove-main-navigation .gridlove-main-nav > li > a {
		padding-left: 9px;
		padding-right: 9px;
		font-size: 14px;
		letter-spacing: .2px;
	}
}

/* Mobil yan menü */
.gridlove-sidebar-action-wrapper {
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.gridlove-mobile-menu .sub-menu {
	border-left: 3px solid var(--ufb-yellow);
}

.gridlove-mobile-menu > li.active > a {
	color: var(--ufb-navy);
}

/* Bağlantısı "#" olan üst öğe alt menüyü açar; bütün satır dokunma alanıdır */
.gridlove-mobile-menu > li > a[href="#"] {
	pointer-events: none;
}

.gridlove-mobile-menu > li > .gridlove-nav-widget-acordion {
	top: 0;
	width: 56px;
	height: 40px;
	line-height: 40px;
}

.gridlove-mobile-menu > li > a[href="#"] + .gridlove-nav-widget-acordion {
	left: 0;
	width: 100%;
}

/* Ok simgesi hizalı durur; açılınca satır değil yalnızca simge döner */
.gridlove-mobile-menu .gridlove-nav-widget-acordion {
	right: 0;
	padding-right: 30px;
	color: var(--ufb-muted);
	text-align: right;
}

.gridlove-mobile-menu .sub-menu .gridlove-nav-widget-acordion {
	color: var(--ufb-on-dark);
}

.gridlove-mobile-menu .menu-item-has-children.active > .gridlove-nav-widget-acordion {
	transform: none;
	color: var(--ufb-navy);
}

.gridlove-mobile-menu .sub-menu .menu-item-has-children.active > .gridlove-nav-widget-acordion {
	color: var(--ufb-yellow);
}

.gridlove-mobile-menu .gridlove-nav-widget-acordion .fa {
	display: inline-block;
	transition: transform .2s ease;
}

.gridlove-mobile-menu .menu-item-has-children.active > .gridlove-nav-widget-acordion .fa {
	transform: rotate(180deg);
}