/* Font tanımlaması */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');:root {
--primary-orange: #055593;
--primary-navy: #101c38;
--accent-blue: #055593;
--text-gray: #64748b;
--white: #ffffff;
--font-main: 'Inter', sans-serif;
}body { font-family: var(--font-main); margin: 0 !important}/* --- HEADER GENEL --- */
.site-header {
position: fixed;
top: 0; left: 0; width: 100%;
background: var(--white);
z-index: 1000;
box-shadow: 0 2px 20px rgba(0,0,0,0.06);
transition: all 0.3s ease;
}.header-container {
max-width: 1400px;
margin: 0 auto;
padding: 15px 25px;
display: flex;
align-items: center;
justify-content: space-between;
}/* Logo */
.logo img { height: 70px; width: auto; }/* --- MASAÜSTÜ MENÜ --- */
.main-nav-desktop ul {
display: flex;
list-style: none;
gap: 35px;
margin: 0; padding: 0;
}.main-nav-desktop ul li a {
color: var(--primary-navy);
text-decoration: none;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
position: relative;
padding: 10px 0;
transition: color 0.3s;
}.main-nav-desktop ul li a:hover { color: var(--accent-blue); }/* Aktif sayfa alt çizgisi */
.main-nav-desktop ul li a::after {
content: '';
position: absolute;
bottom: 0; left: 0;
width: 0; height: 2px;
background: var(--accent-blue);
transition: width 0.3s;
}
.main-nav-desktop ul li a:hover::after { width: 100%; }/* --- DİL SEÇİCİ (Sorunsuz Versiyon) --- */
.header-lang {
position: relative;
padding: 10px 0; /* Köprü alanı */
}.lang-current {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 700;
color: var(--primary-navy);
cursor: pointer;
background: #f8fafc;
padding: 8px 12px;
border-radius: 6px;
transition: 0.3s;
}.lang-current svg { color: var(--accent-blue); }.lang-dropdown {
position: absolute;
top: 100%; /* Tam butonun altından başlar */
right: 0;
background: var(--white);
min-width: 60px;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
list-style: none;
padding: 10px 0;
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
border: 1px solid #edf2f7;
}/* Dil seçicinin kapanmaması için görünmez köprü alanı */
.header-lang:hover .lang-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}.lang-dropdown li a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
color: var(--primary-navy);
text-decoration: none;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}.lang-dropdown li a:hover { background: #f1f5f9; color: var(--accent-blue); }/* --- MOBİL BUTON (HAMBURGER) --- */
.menu-toggle {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 5px;
}.menu-toggle .bar {
width: 25px; height: 3px;
background: var(--primary-navy);
border-radius: 3px;
transition: 0.3s;
}/* --- MOBİL SIDEBAR --- */
.mobile-sidebar {
position: fixed;
top: 0; right: -100%;
width: 300px; height: 100vh;
background: var(--white);
z-index: 2000;
transition: 0.4s cubic-bezier(0.7, 0, 0.3, 1);
box-shadow: -10px 0 30px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
}.mobile-sidebar.active { right: 0; }.sidebar-top {
padding: 25px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #f1f5f9;
}.sidebar-logo { height: 40px; }.close-sidebar {
background: none; border: none;
font-size: 32px; color: var(--primary-navy);
cursor: pointer;
}.mobile-nav-list { padding: 30px 25px; flex-grow: 1; overflow-y: auto; }
.mobile-nav-list ul { list-style: none; padding: 0; margin: 0; }
.mobile-nav-list li { margin-bottom: 20px; }
.mobile-nav-list li a {
color: var(--primary-navy);
text-decoration: none;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}.sidebar-bottom {
padding: 25px;
background: #f8fafc;
}.sidebar-phone {
display: block;
margin-top: 15px;
font-weight: 700;
color: var(--accent-blue);
text-decoration: none;
}.nav-overlay {
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.5);
z-index: 1500;
display: none;
backdrop-filter: blur(3px);
}
.nav-overlay.active { display: block; }/* --- RESPONSIVE --- */
@media (max-width: 1200px) {
.main-nav-desktop { display: none; }
.menu-toggle { display: flex; }
.header-right { gap: 15px; display:flex; align-items:center; }
}a.WhatsApp1 {
display: flex;
font-size: 18px;
background: #2eb843;
font-weight: 600;
width: 51px;
height: 51px;
position: fixed;
bottom: 20px;
left: 20px;
border-radius: 50%;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s;
-ms-transition: all 0.1s ease-out 0s;
-o-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
color: #fff;
align-items: center;
justify-content: center;
animation: whatsapp infinite 2s linear;
z-index: 9999;
}@keyframes whatsapp {
0% {
box-shadow: 0 0 0 0 #2eb843;
}50% {
box-shadow: 0 0 0 10px #015dc700;
}100% {
box-shadow: 0 0 0 0 #015dc700;
}
}.mobilbuttonlar {
display: none;
}@media (max-width: 1024px) {
a.WhatsApp1 {
bottom: 60px;
}.btn {
border-radius: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
width: 100%;
}.btn svg {
width: 24px;
height: 24px;
fill: currentColor;
}.mobilbuttonlar {
position: fixed;
width: 100%;
bottom: 0;
z-index: 999;
display: flex;
}.btn1 {
background: #006ea5;
border-color: #006ea5;
color: #fff;
}.btn2 {
background: #02557e;
border-color: #02557e;
color: #fff;
}.btn3 {
background: #034464;
border-color: #034464;
color: #fff;
}
}.btn-site {
}/**//* --- ANA FOOTER --- */
.minimal-footer {
background-color: #ffffff;
color: #101c38; /* Kurumsal Koyu Lacivert */
padding: 100px 0 0 0;
font-family: 'Inter', sans-serif;
border-top: 1px solid #f1f5f9;
}.f-container {
max-width: 1300px;
margin: 0 auto;
padding: 0 20px;
}.f-grid {
display: grid;
grid-template-columns: 1.5fr 0.8fr 0.8fr 1.2fr;
gap: 60px;
padding-bottom: 80px;
}/* Kolon Başlıkları */
.f-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #101c38;
position: relative;
display: inline-block;
}.f-title::after {
content: '';
position: absolute;
left: 0; bottom: -8px;
width: 25px; height: 2px;
background-color: #055593; /* Mimari Mavi */
}/* Marka Alanı */
.f-logo {
max-width: 160px;
margin-bottom: 25px;
}.f-text {
font-size: 15px;
line-height: 1.7;
color: #64748b;
margin-bottom: 30px;
max-width: 320px;
}/* Sosyal Medya SVGs */
.f-social {
display: flex;
gap: 15px;
}.f-social a {
width: 42px;
height: 42px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #101c38;
background: #f8fafc;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
}.f-social a svg {
width: 20px;
height: 20px;
}.f-social a:hover {
background-color: #101c38;
color: #ffffff;
transform: translateY(-3px);
border-color: #101c38;
}/* Linkler */
.f-links {
list-style: none;
padding: 0;
margin: 0;
}.f-links li {
margin-bottom: 12px;
}.f-links a {
color: #64748b;
text-decoration: none;
font-size: 15px;
transition: all 0.3s ease;
font-weight: 400;
}.f-links a:hover {
color: #055593;
padding-left: 5px;
}/* İletişim Bilgileri */
.f-contact-item {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 20px;
}.f-contact-item svg {
width: 20px;
height: 20px;
color: #055593;
flex-shrink: 0;
margin-top: 3px;
}.f-contact-item span {
font-size: 14px;
color: #64748b;
line-height: 1.5;
}/* --- FOOTER ALT ŞERİT --- */
.f-bottom {
border-top: 1px solid #f1f5f9;
padding: 30px 0;
}.f-bottom-inner {
display: flex;
justify-content: space-between;
align-items: center;
}.f-bottom p {
font-size: 14px;
color: #94a3b8;
margin: 0;
}.f-bottom strong {
color: #101c38;
}.f-legal-links {
display: flex;
gap: 25px;
}.f-legal-links a {
color: #94a3b8;
text-decoration: none;
font-size: 13px;
transition: color 0.3s;
}.f-legal-links a:hover {
color: #101c38;
}.f-signature {
font-weight: 600;
}/* --- MOBİL UYUMLULUK --- */
@media (max-width: 1024px) {
.f-grid {
grid-template-columns: 1fr 1fr;
gap: 40px;
display: none;
}
}@media (max-width: 768px) {
.minimal-footer {
padding-top: 0px;
margin-bottom: 35px;
}.f-grid {
grid-template-columns: 1fr;
text-align: center;
}
.f-brand, .f-contact {
display: flex;
flex-direction: column;
align-items: center;
}
.f-text {
max-width: 100%;
}
.f-title::after {
left: 50%;
transform: translateX(-50%);
}
.f-contact-item {
flex-direction: column;
align-items: center;
text-align: center;
}
.f-bottom-inner {
flex-direction: column;
gap: 20px;
}
}@media(max-width:1024px){
.logo img {
height: 50px;
}
}