/**
 * Header, arama çubuğu ve ana menü (Keşfedin pill hariç — lojistia-header-discover.css)
 */

.header-style-5 .main-header-inner .classima-listing-search-form .rtcl-search-input-button {
	box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0;
	border-radius: 8px;
}

.header-style-5 .main-header-inner {
	padding-left: 0;
	padding-right: 0;
}

.header-style-5 .main-header > .container {
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 991px) {
	.header-style-5 .main-header-inner {
		padding: 0 0 9px;
	}
}

.header-style-5 .main-header {
	position: relative;
	z-index: 1000;
	box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px -1px, rgba(0, 0, 0, 0.06) 0 2px 5px -1px;
}

.site-header {
	position: relative;
	z-index: 1000;
}

#content.site-content {
	position: relative;
	z-index: 1;
}

.header-style-5 .main-header .main-navigation-area {
	display: contents;
}

/* Keşfedin dropdown taşabilsin */
.header-style-5 .main-header-inner,
.header-style-5 .main-header {
	overflow: visible;
}

.header-btn-area {
	width: 160px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0;
}

.header-btn {
	border-radius: 8px;
	font-weight: 550;
}

.main-header .main-navigation-area .main-navigation ul li a {
	background-color: #f8f8f8;
	border-radius: 8px;
	padding: 9px 12px;
	font-weight: 550;
	box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px;
}

.main-header .main-navigation-area .main-navigation ul.menu > li.menu-item-has-children::after {
	display: none;
}

.main-header .main-navigation-area .main-navigation ul li ul {
	padding: 0;
}

.main-header .main-navigation-area .main-navigation ul li ul li {
	padding: 1px;
}

.offscreen-navigation .sub-menu li a span.hot,
.main-header .main-navigation-area .main-navigation ul li span.hot {
	background: #dc3545;
	font-size: 13px;
	color: #fff;
	padding: 3px 5px 2px;
	border-radius: 5px;
}

@media only screen and (max-width: 575px) {
	.mean-container .mean-bar .mean-logo-area .logo-small {
		width: 55%;
		height: auto;
	}
}

@media only screen and (max-width: 335px) {
	.mean-container .mean-bar .mean-logo-area .logo-small {
		width: 50%;
		height: auto;
	}
}

@media only screen and (min-width: 992px) {
	.main-header,
	.main-header-inner {
		height: 62px;
	}

	.header-btn {
		height: 43px;
	}
}