/* Banner */
.page-banner {
    height: 30vh;
    background: linear-gradient(rgba(0, 34, 102, 0.85), rgba(0, 34, 102, 0.85)), 
                url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?q=80&w=1500');
    background-size: cover;
    background-position: center;
}

.header-line {
    width: 80px;
    height: 4px;
    background-color: #00d4ff;
    border-radius: 2px;
    margin-top: 15px;
}

/* Harita Ayarları */
.map-container {
    position: relative;
    overflow: hidden;
}

.world-svg-img {
    filter: grayscale(1) opacity(0.3);
    width: 100%;
    height: auto;
}

/* Noktalar */
.map-dot {
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #003399;
    border: 2px solid white;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    animation: pulse-dot 1.5s infinite;
}

@keyframes pulse-dot {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 51, 153, 0.5); }
    70% { transform: scale(1.3); box-shadow: 0 0 0 10px rgba(0, 51, 153, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 51, 153, 0); }
}

/* Nokta Pozisyonları */
/* GÜNCEL NOKTA POZİSYONLARI */
.tr-dot { top: 41%; left: 58%; } /* Türkiye */
.de-dot { top: 32%; left: 51%; } /* Almanya */
.nl-dot { top: 29%; left: 50%; } /* Hollanda */
.fr-dot { top: 35%; left: 47%; } /* Fransa */
.be-dot { top: 31%; left: 49%; } /* Belçika */
.ch-dot { top: 36%; left: 50%; } /* İsviçre */
.at-dot { top: 35%; left: 52%; } /* Avusturya */
.hu-dot { top: 35%; left: 54%; } /* Macaristan */
.cz-dot { top: 33%; left: 53%; } /* Çekya */
.sk-dot { top: 34%; left: 54%; } /* Slovakya */
.ro-dot { top: 37%; left: 57%; } /* Romanya */

/* Bayrak Listesi */
.flag-item {
    transition: 0.3s;
    padding: 5px;
    border-radius: 5px;
}

.flag-item:hover {
    background-color: #f0f4f8;
    transform: translateX(5px);
}

.modern-nav {
    padding: 20px 0;
    transition: all 0.4s ease;
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 100%);
}

/* Sayfa Kaydırıldığında Navbar Rengi */
.modern-nav.scrolled {
    background: rgba(44, 48, 52, 0.95);
    backdrop-filter: blur(10px);
    padding: 12px 0;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

/* Hero Bölümü: Resmi Tam Oturtan Kısım */
.hero-section {
    height: 100vh; /* Ekranın tam boyu */
    min-height: 700px;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), 
                url('tir.png') no-repeat center center;
    background-size: cover; /* Resmi kesmeden tam yayar */
    background-attachment: fixed; /* Parallax efekti sağlar */
    margin-top: 0; /* Navbar şeffaf olduğu için sıfırladık */
}

/* Navbar Link Efektleri */
.modern-nav .nav-link {
    color: #fff !important;
    letter-spacing: 0.5px;
    margin: 0 5px;
}

.modern-nav .nav-link:hover {
    color: #00d4ff !important;
}