/* === SITE HEADER === */
.site-header{
width:100%;
background:#fff;
box-shadow:0 2px 16px rgba(8,18,42,0.06);
position:sticky;
top:0;
z-index:100;
}

/* HEADER INNER */
.header-inner{
display:flex;
align-items:center;
justify-content:space-between;
max-width:1280px;
margin:0 auto;
padding:0 16px;
height:80px;
}

/* BRAND */
.brand img{
height:44px;
}

/* NAV */
.main-nav{
display:flex;
align-items:center;
gap:8px;
font-family:'Inter',Arial;
font-weight:600;
font-size:15px;
}

.main-nav a{
text-decoration:none;
color:#222;
padding:8px 16px;
border-radius:8px;
transition:color 0.2s ease, background-color 0.2s ease;
}

/* Remove bullet points from dropdown */
.main-nav .dropdown {
	list-style: none;
	margin: 0;
	padding: 12px 0;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 24px rgba(8,18,42,0.10);
	min-width: 180px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	display: none;
}

.main-nav .nav-item.has-dropdown:hover .dropdown,
.main-nav .nav-item.has-dropdown:focus-within .dropdown {
	display: block;
}

.main-nav .dropdown li {
	list-style: none;
	padding: 0 20px;
	margin: 0;
}

.main-nav .dropdown a {
	display: block;
	color: #222;
	font-weight: 600;
	padding: 10px 0;
	border-radius: 0;
	background: none;
	transition: background 0.15s ease, color 0.15s ease;
}
.main-nav .dropdown a:hover {
	background: #f7f7f7;
	color: #eab216;
}

/* Dropdown open/close delay for desktop */
.main-nav .nav-item.has-dropdown {
	position: relative;
}

.main-nav a:hover{
color:#eab216;
background:#f5f5f5;
}

/* Masaustu menude hover daha belirgin gorunsun */
.site-header .main-nav > a:hover,
.site-header .main-nav > .nav-item > .nav-link:hover {
	color:#eab216;
	background:#fff6de;
}

.main-nav a.active{
color:#eab216;
border-bottom:3px solid #ffe082;
}

/* DROPDOWN */
.nav-item{
position:relative;
}

.dropdown{
visibility:hidden;
opacity:0;
pointer-events:none;
position:absolute;
top:100%;
left:0;
background:#fff;
min-width:200px;
box-shadow:0 8px 28px rgba(0,0,0,0.12);
border-radius:10px;
padding:10px 0;
transform:translateY(-6px);
transition:0.2s;
}

.nav-item:hover .dropdown{
visibility:visible;
opacity:1;
pointer-events:auto;
transform:translateY(0);
}

.dropdown a{
display:block;
padding:10px 20px;
font-size:14px;
font-weight:600;
color:#333;
}

.dropdown a:hover{
background:#ffe082;
}

/* HEADER RIGHT */
.header-right{
display:flex;
align-items:center;
gap:16px;
}

/* SEARCH */
.pill-search{
display:flex;
align-items:center;
background:#f5f5f7;
border-radius:999px;
padding:4px 14px;
}

.search-input{
border:none;
background:transparent;
outline:none;
padding:6px 0;
}

.search-btn{
border:none;
background:none;
cursor:pointer;
}

/* LOGIN BUTTON */
.btn.login{
position:relative;
overflow:hidden;
isolation:isolate;
font-family:'Inter';
font-weight:700;
font-size:0.96rem;
letter-spacing:0.02em;
color:#ffffff;
border:1px solid rgba(255,255,255,0.25);
border-radius:999px;
padding:10px 22px;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
background:linear-gradient(120deg,#1f5fcb 0%, #2574e6 55%, #3a8fff 100%);
box-shadow:0 8px 22px rgba(37,116,230,0.32);
transition:transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
animation:loginPulse 2.4s ease-in-out infinite;
}

.btn.login:hover{
transform:translateY(-2px);
filter:brightness(1.04);
box-shadow:0 14px 30px rgba(37,116,230,0.42);
}

.btn.login::before{
content:"";
position:absolute;
top:-30%;
left:-50%;
width:34%;
height:170%;
background:linear-gradient(105deg,rgba(255,255,255,0),rgba(255,255,255,0.52),rgba(255,255,255,0));
transform:rotate(22deg);
animation:loginShimmer 3.2s linear infinite;
z-index:-1;
}

.btn.login:active{
transform:translateY(0);
box-shadow:0 8px 18px rgba(37,116,230,0.3);
}

@keyframes loginShimmer{
from{left:-50%;}
to{left:130%;}
}

@keyframes loginPulse{
0%,100%{box-shadow:0 8px 22px rgba(37,116,230,0.32);}
50%{box-shadow:0 12px 28px rgba(37,116,230,0.44);}
}

/* SOCIAL FIXED */
.social-fixed{
position:fixed;
right:2vw;
bottom:3vw;
z-index:1200;
display:flex;
flex-direction:column;
gap:18px;
background:rgba(255,255,255,0.98);
border-radius:36px;
box-shadow:0 6px 32px rgba(0,0,0,0.14);
padding:18px 10px;
border:1px solid #f3f3f3;
transition:box-shadow 0.2s, background 0.2s;
}

.social-fixed:hover{
box-shadow:0 12px 40px rgba(0,0,0,0.22);
background:#fff;
}

.social-fixed .social-btn{
display:flex;
align-items:center;
justify-content:center;
width:54px;
height:54px;
font-size:2.2rem;
color:#222;
background:#f7f7f7;
border-radius:50%;
box-shadow:0 2px 10px rgba(0,0,0,0.10);
transition:background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s;
border:none;
}

.social-fixed .social-btn:hover{
background:#eab216;
color:#fff;
box-shadow:0 6px 20px rgba(234,178,22,0.18);
transform:scale(1.08);
}

.social-fixed .social-btn:active{
background:#c89c1c;
color:#fff;
transform:scale(0.96);
}

.social-fixed .social-btn i{
pointer-events:none;
}

/* Menüdeki sosyal ikonlar için gerekirse burada özel stiller tanımlanabilir */

/* FOOTER */
.footer{
background:#08122a;
color:#fff;
}

/* HAMBURGER */
.mobile-hamburger{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
background:none;
border:none;
}

.mobile-hamburger span{
width:26px;
height:3px;
background:#000;
border-radius:3px;
transition:0.3s;
}

/* hamburger animasyon */
.mobile-hamburger.active span:nth-child(1){
transform:rotate(45deg) translate(5px,5px);
}

.mobile-hamburger.active span:nth-child(2){
opacity:0;
}

.mobile-hamburger.active span:nth-child(3){
transform:rotate(-45deg) translate(6px,-6px);
}

/* BACKDROP */
.nav-backdrop{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.35);
backdrop-filter:blur(4px);
opacity:0;
visibility:hidden;
transition:0.3s;
z-index:998;
}

.nav-backdrop.show{
opacity:1;
visibility:visible;
}

/* Menü açıkken sosyal butonları gizle */
body:has(.main-nav.show) .social-fixed{
opacity:0;
pointer-events:none;
transition:opacity 0.2s;
}

/* İletişim bloğu — masaüstünde gizli */
.nav-contact{
display:none;
}

/* ================= MOBILE ================= */

@media(max-width:900px){

.mobile-hamburger{
display:flex;
}

/* MENU PANEL */
.main-nav{
position:fixed;
top:0;
right:-100%;
width:300px;
height:100vh;
background:#fff;
flex-direction:column;
align-items:stretch;
gap:0;
padding:0;
transition:0.4s cubic-bezier(.77,0,.18,1);
box-shadow:-10px 0 40px rgba(0,0,0,0.2);
overflow-y:auto;
z-index:999;
}

.main-nav::before{
content:'';
display:block;
height:100px;
background:#181818 url('../images/Logo_1.webp') center / 320px auto no-repeat;
flex-shrink:0;
}

/* İletişim bloğu stilleri */
.nav-contact{
display:block;
margin-top:8px;
padding:18px 20px 24px 20px;
}
.nav-contact-title{
font-size:11px;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
color:#aaa;
margin-bottom:14px;
}
.nav-contact-row{
display:flex;
align-items:flex-start;
gap:10px;
margin-bottom:10px;
font-size:13px;
color:#444;
line-height:1.55;
}
.nav-contact-row i{
color:#eab216;
font-size:15px;
flex-shrink:0;
margin-top:1px;
}
.nav-contact-row a{
color:#444;
text-decoration:none;
}
.nav-contact-row a:hover{
color:#eab216;
}

.main-nav.show{
right:0;
}

/* Doğrudan <a> çocukları (nav-link class'ı olmayanlar) */
.main-nav > a{
display:block;
padding:15px 20px;
font-size:15px;
font-weight:600;
color:#1a1a1a;
text-decoration:none;
border-bottom:1px solid #f0f0f0;
background:#fff;
transition:background 0.15s, color 0.15s, padding-left 0.15s;
}

.main-nav > a:hover{
background:#fffbee;
color:#eab216;
padding-left:26px;
}

.main-nav > a.active{
color:#eab216;
border-left:3px solid #eab216;
padding-left:17px;
background:#fffbee;
}

/* MENU ITEM */
.nav-item{
margin-bottom:0;
border-radius:0;
overflow:visible;
background:none;
box-shadow:none;
border-bottom:1px solid #f0f0f0;
}

/* MENU LINK */
.nav-link{
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 20px;
font-size:15px;
font-weight:600;
color:#1a1a1a;
background:#fff;
transition:background 0.15s, color 0.15s, padding-left 0.15s;
}

.nav-link:hover{
background:#fffbee;
color:#eab216;
padding-left:26px;
}

/* DROPDOWN MOBILE */
.dropdown{
display:none;
flex-direction:column;
position:static;
background:#fafafa;
box-shadow:none;
padding:4px 0;
visibility:visible;
opacity:1;
pointer-events:auto;
transform:none;
}

.nav-item.open .dropdown{
display:flex;
}

/* dropdown link */
.dropdown a{
display:block;
padding:12px 24px;
font-size:14px;
color:#444;
}

.dropdown a:hover{
background:#ffe082;
padding-left:30px;
}

/* animasyon */
@keyframes dropdownFade{
from{
opacity:0;
transform:translateY(-6px);
}
to{
opacity:1;
transform:translateY(0);
}
}

}

/* SMALL MOBILE */

@media(max-width:600px){

.header-inner{
height:auto;
min-height:64px;
padding:10px 14px;
}

.brand img{
height:30px;
}

.pill-search{
display:none;
}

.header-right{
gap:10px;
}

.btn.login{
font-size:0.9rem;
padding:6px 14px;
}

.social-fixed{
right:50%;
bottom:14px;
transform:translateX(50%);
flex-direction:row;
gap:10px;
padding:10px 12px;
border-radius:999px;
box-shadow:0 10px 30px rgba(0,0,0,0.18);
backdrop-filter:blur(10px);
}

.social-fixed .social-btn{
width:44px;
height:44px;
font-size:1.45rem;
}

.main-nav{
width:min(86vw, 320px);
}

}