/* ==========================================================================
   Gönnetlioğlu marka şeridi — lacivert & altın header/footer teması
   Yeni kurumsal logoya (lacivert zemin + altın amblem) uyum için;
   color.php'den SONRA yüklenir, header kapsamındaki kuralları geçersiz kılar.
   --gn-navy logonun zemin rengiyle birebir aynı tutulmalı (logo dikişsiz karışır).
   ========================================================================== */

:root {
    --gn-navy: #101725;
    --gn-navy-soft: #182134;
    --gn-gold: #d4af37;
    --gn-gold-strong: #c9a227;
    --gn-gold-light: #edd995;
}

/* --- Şerit: header artık saydam değil, logo zemininde düz bant --- */
.header {
    background-color: var(--gn-navy);
    box-shadow: 0 8px 26px rgba(4, 8, 16, 0.35);
}

.header .header-top {
    background-color: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(212, 175, 55, 0.16);
}

.header .header__bottom {
    background-color: var(--gn-navy);
    border-bottom: 2px solid;
    border-image: linear-gradient(90deg,
            rgba(212, 175, 55, 0) 0%,
            var(--gn-gold) 22%,
            var(--gn-gold-light) 50%,
            var(--gn-gold) 78%,
            rgba(212, 175, 55, 0) 100%) 1;
}

/* Yapışkan (scroll) durumda da aynı lacivert kalsın (color.php secondColor'ı ezer) */
.header.menu-fixed .header__bottom {
    background-color: var(--gn-navy);
}

/* --- Logo boyutu: yatay lockup için (siteLogoStyles inline stilini ezer) --- */
.header .site-logo img {
    width: auto;
    height: 56px;
    max-width: none;
    max-height: none;
    object-fit: contain;
}

@media (max-width: 1199px) {
    .header .site-logo img {
        height: 44px;
        max-width: none;
    }
}

/* --- Menü: hover/aktif altın --- */
.header .main-menu li a:hover,
.header .main-menu li a:focus {
    color: var(--gn-gold);
}

.header .main-menu li a.active {
    color: var(--gn-gold) !important;
}

.header .main-menu li.menu_has_children:hover > a::before {
    color: var(--gn-gold);
}

/* --- Alt menü: lacivert kart + altın çerçeve --- */
.header .main-menu li .sub-menu {
    background-color: var(--gn-navy-soft);
    border: 1px solid rgba(212, 175, 55, 0.22);
    box-shadow: 0 18px 44px rgba(4, 8, 16, 0.45);
}

.header .main-menu li .sub-menu li {
    border-bottom: 1px dashed rgba(212, 175, 55, 0.14);
}

.header .main-menu li .sub-menu li a {
    color: #f3f0e7;
}

.header .main-menu li .sub-menu li a:hover {
    background-color: rgba(212, 175, 55, 0.10);
    color: var(--gn-gold);
}

/* --- Üst bar: telefon/e-posta ve sosyal ikonlar --- */
.header .header-top .phone-number li a {
    color: #f3f0e7;
}

.header .header-top .phone-number li a:hover {
    color: var(--gn-gold);
}

.header .header-top .phone-number li a i {
    color: var(--gn-gold);
}

.header .header-top .social-icons li a {
    background: rgba(255, 255, 255, 0.06);
    color: #f3f0e7;
}

.header .header-top .social-icons li a:hover {
    background: var(--gn-gold);
    color: var(--gn-navy);
}

/* --- Giriş / Dashboard butonu: altın zemin, lacivert yazı --- */
.header .nav-right .btn--base {
    background-color: var(--gn-gold) !important;
    border-color: var(--gn-gold) !important;
    color: var(--gn-navy) !important;
    font-weight: 700;
}

.header .nav-right .btn--base:hover,
.header .nav-right .btn--base:active {
    background-color: var(--gn-gold-light) !important;
    border-color: var(--gn-gold-light) !important;
    color: var(--gn-navy) !important;
}

/* --- Mobil menü paneli: şeritle aynı lacivert ailesi --- */
@media (max-width: 1199px) {
    .navbar-collapse {
        background-color: var(--gn-navy-soft);
        border: 1px solid rgba(212, 175, 55, 0.18);
        border-radius: 10px;
    }
}

/* --- Footer logosu: altın halkalı plaket (footer fotoğraf + overlay olduğundan) --- */
.footer-logo img {
    border-radius: 14px;
    box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.38), 0 14px 34px rgba(4, 8, 16, 0.4);
}

/* --- Hesap (login/register) panosu logosu: lacivert panel üzerinde --- */
.account-section .account-logo img {
    border-radius: 12px;
}