/* =========================================
   #region NAVBAR • Varsayılan Değişkenler
   ========================================= */
:root {
    --nav-h: 64px;
    --nav-h-sm: 56px;
    --ui-speed: .25s ease;
    --ui-speed-fast: .18s ease;
}
/* #endregion */

/* =========================================
   #region NAVBAR • Yerleşim (her zaman sabit)
   ========================================= */
.site-header .navbar-public {
    position: fixed; /* sticky yerine garanti sabit */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    height: var(--nav-h);
    background: linear-gradient(180deg, rgba(106,27,26,.96), rgba(106,27,26,.88));
    transition: box-shadow var(--ui-speed), background var(--ui-speed);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

@media (max-width: 992px) {
    .site-header .navbar-public {
        height: var(--nav-h-sm);
    }
}

/* Sayfa ofseti (içerik navbar altında başlasın) */
body {
    padding-top: var(--nav-h);
}

@media (max-width: 992px) {
    body {
        padding-top: var(--nav-h-sm);
    }
}

/* Scroll gölgesi */
.site-header.is-scrolled .navbar-public {
    background: linear-gradient(180deg, rgba(106,27,26,.98), rgba(106,27,26,.92));
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
}
/* #endregion */

/* =========================================
   #region NAVBAR • Brand / Logo / Linkler
   ========================================= */
.navbar-public .nav-logo {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.navbar-public .brand-text {
    color: #fff;
    font-weight: 700;
    letter-spacing: .3px;
}

.navbar-public .nav-link {
    color: #fff;
    opacity: .95;
    position: relative;
    padding-inline: .6rem;
    transition: opacity var(--ui-speed-fast), transform var(--ui-speed-fast);
}

    .navbar-public .nav-link:hover {
        opacity: 1;
        transform: translateY(-1px);
    }

    .navbar-public .nav-link.active {
        opacity: 1;
        font-weight: 700;
    }
/* #endregion */

/* =========================================
   #region NAVBAR • Toggler + İkon
   ========================================= */
.navbar-public .navbar-toggler {
    position: relative;
    z-index: 1113;
    border: 0;
    box-shadow: none;
    padding: .25rem .5rem;
}

    .navbar-public .navbar-toggler:focus {
        box-shadow: none;
    }

.navbar-public .navbar-toggler-icon {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Koyu zemin için beyaz hamburger (data-uri) */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* #endregion */

/* =========================================
   #region NAVBAR • Mobil Panel (collapse)
   ========================================= */
@media (max-width:576px) {
    .navbar-public {
        padding-inline: .5rem;
    }

        .navbar-public .navbar-brand {
            font-size: 1rem;
            gap: .4rem;
        }

        .navbar-public .nav-logo {
            width: 28px;
            height: 28px;
        }

        /* Panel üstte sabit ve kaydırılabilir */
        .navbar-public .navbar-collapse {
            position: fixed;
            left: 0;
            right: 0;
            top: var(--nav-h-sm);
            z-index: 1111;
            display: none; /* fallback başlangıcı */
        }

            .navbar-public .navbar-collapse.show {
                display: block;
                background: rgba(45,23,22,.98);
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
                padding: .6rem 1rem 1rem;
                max-height: calc(100vh - var(--nav-h-sm));
                overflow: auto;
                border-bottom: 1px solid rgba(255,255,255,.12);
            }

        .navbar-public .nav-link {
            color: #fff !important;
            padding: .7rem 0;
            border-bottom: 1px solid rgba(255,255,255,.08);
            font-weight: 600;
        }

        .navbar-public .dropdown-menu {
            position: static;
            float: none;
            background: transparent;
            border: 0;
            box-shadow: none;
            padding: 0;
            margin: 0;
        }

        .navbar-public .dropdown-item {
            color: #fff;
            padding: .6rem 0 .6rem .5rem;
            border-bottom: 1px dashed rgba(255,255,255,.1);
        }
}
/* #endregion */

/* =========================================
   #region NAVBAR • Overlay (dışarı tıkla → kapan)
   ========================================= */
.navbar-overlay {
    position: fixed;
    inset: 0;
    top: var(--nav-h);
    z-index: 1110;
    background: rgba(0,0,0,.25);
    display: none;
}

    .navbar-overlay.show {
        display: block;
    }

@media (max-width:992px) {
    .navbar-overlay {
        top: var(--nav-h-sm);
    }
}
/* #endregion */
/* Hover-shadow kullanan kolon/sarmalayıcılar için köşeleri yuvarla */
.hover-lift {
    border-radius: 1rem;
}
    /* kartlarla aynı radius */
    .hover-lift:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,.12); /* yumuşak ve yuvarlak gölge */
        transform: translateY(-3px);
    }
/* --- Mobil navbar tıklama güvenliği (opsiyonel) --- */
@media (max-width:576px) {
    .navbar-public .navbar-collapse {
        pointer-events: auto;
        z-index: 1111;
    }

    .navbar-overlay {
        pointer-events: auto;
        z-index: 1110;
    }

    .navbar-public .dropdown-menu {
        position: static;
    }
    /* zaten var, garanti */
}
/* Mobile navbar güvenlik yaması */
@media (max-width: 991.98px) {
    .navbar-public .navbar-collapse {
        z-index: 1111;
        pointer-events: auto;
    }

    .navbar-public .dropdown-menu {
        position: static;
        display: block; /* akordeon için */
    }

        .navbar-public .dropdown-menu:not(.show) {
            display: none;
        }
}