/* ==========================================================================
   HEADER - CYBER-MILITARY DESIGN (ULTIMATE)
   ========================================================================== */
.main-header {
    height: 85px;
    position: sticky;
    top: 0;
    z-index: 10000;
    display: flex;
    justify-content: center;
    background: transparent; /* Fonu visual-bg verəcək */
}

/* Headerin Neon və Kəsik Fonu */
.header-visual-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.92);
    border-bottom: 2px solid #f6b60c;
    box-shadow: 0 0 20px rgba(246, 182, 12, 0.2); /* Neon işıq effekti */
    clip-path: polygon(0 0, 100% 0, 100% 85%, 98% 100%, 2% 100%, 0 85%);
    z-index: -1;
    backdrop-filter: blur(10px);
}

.header-container {
    width: 1250px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

/* Loqo İşığı */
.main-logo {
    max-height: 155px;
    filter: drop-shadow(0 0 8px rgba(246, 182, 12, 0.5));
    transition: 0.4s;
}

.main-logo:hover {
    filter: drop-shadow(0 0 15px #f6b60c);
    transform: scale(1.05);
}

/* Menyu Linkləri */
.main-nav {
    display: flex;
    list-style: none;
    gap: 25px;
}

.main-nav li.dropdown {
    position: relative;
    height: 85px;
    display: flex;
    align-items: center;
    overflow: visible !important;
}

.nav-btn {
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.3s;
    cursor: pointer;
}

.nav-btn:hover {
    filter: brightness(1.3) drop-shadow(0 0 8px #f6b60c);
    transform: translateY(-2px);
}

/* Düymə Ölçüləri */
.btn-news     { width: 95px;  background-image: url('images/menu/footer_menu_haberler.png'); }
.btn-download { width: 75px;  background-image: url('images/menu/footer_menu_indir.png'); }
.btn-rank     { width: 95px;  background-image: url('images/menu/footer_menu_siralama.png'); }
.btn-guide    { width: 115px; background-image: url('images/menu/footer_menu_kilavuzu.png'); }
.btn-forum    { width: 80px;  background-image: url('images/menu/footer_menu_forum.png'); }
.btn-help     { width: 80px;  background-image: url('images/menu/footer_menu_destek.png'); }

/* ==========================================================================
   TACTICAL DROPDOWN (ALT MENYU)
   ========================================================================== */
.dropdown-menu {
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translateX(-50%) perspective(500px) rotateX(-90deg);
    background: rgba(10, 10, 10, 0.98);
    border: 1px solid #333;
    border-top: 4px solid #f6b60c; /* Daha qalın sarı neon xətt */
    min-width: 200px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-origin: top;
    box-shadow: 0 15px 40px rgba(0,0,0,0.9), 0 0 15px rgba(246, 182, 12, 0.15);
}

.main-nav li.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) perspective(500px) rotateX(0deg);
}

.dropdown-menu li {
    width: 100%;
    height: auto !important;
}

.dropdown-menu li a {
    display: block;
    padding: 14px 25px;
    color: #888;
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    border-bottom: 1px solid rgba(255,255,255,0.02);
}

/* Seçim Effekti (Neon Selection) */
.dropdown-menu li a:hover {
    background: linear-gradient(90deg, rgba(246, 182, 12, 0.1) 0%, transparent 100%);
    color: #f6b60c;
    padding-left: 35px;
    border-left: 5px solid #f6b60c;
    text-shadow: 0 0 10px rgba(246, 182, 12, 0.5);
}

/* Sosial Düymələr (Heksaqonal Taktiki Stil) */
.header-right {
    display: flex;
    gap: 12px;
}

.soc-btn {
    width: 32px;
    height: 32px;
    background: #000;
    border: 1px solid #222;
    color: #f6b60c;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 900;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* Altıbucaqlı */
    transition: 0.3s;
}

.soc-btn:hover {
    background: #f6b60c;
    color: #000;
    transform: scale(1.15) rotate(10deg);
    box-shadow: 0 0 15px #f6b60c;
}