/* =========================================
   #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: 64px;
    height: 64px;
    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;
        }
}
/* --- NAVBAR LOGO: Yüzen Badge düzeltmesi --- */
.navbar-public .brand-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    border-radius: 50%; /* tam dairesel */
    background: #f9f6f2;
    border: 3px solid #c49a3c;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transform: translateY(20px);
    z-index: 1112;
}

/* LOGO: orantılı gösterim */
.navbar-public .nav-logo {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    object-fit: contain; /* cover yerine contain */
    background: #fff;
    padding: 4px; /* kenarlardan biraz nefes */
}

/* Hover efekti: hafif kaldırma */
.navbar-public .brand-badge:hover {
    transform: translateY(16px);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
    transition: all 0.25s ease;
}

/* Küçük ekran sadeleştirme */
@media (max-width: 576px) {
    .navbar-public .brand-badge {
        width: 44px;
        height: 44px;
        border-width: 2px;
        transform: translateY(0);
    }

    .navbar-public .nav-logo {
        width: 36px;
        height: 36px;
        padding: 2px;
    }
}
/* 🎨 Google Font: imza tarzı */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/* ——— İmza Yazı Stili (Final) ——— */
.navbar-public .brand-signature {
    font-family: "Great Vibes", cursive;
    font-size: 2.1rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1;
    transform: translateY(8px);
    white-space: nowrap;
   
    /* Fildişi–şampanya geçişli imza efekti */
    background: linear-gradient(180deg, #fff 0%, #f9f6f2 50%, #e8d7b5 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Yumuşak gölge ve parıltı */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 10px rgba(255, 238, 190, 0.25);
}

    /* Hover’da hafif parıltı artışı */
    .navbar-public .brand-signature:hover {
        text-shadow: 0 2px 8px rgba(255, 238, 190, 0.5), 0 0 18px rgba(255, 234, 175, 0.55);
        transition: text-shadow 0.25s ease;
    }

/* Küçük ekranlar */
@media (max-width: 576px) {
    .navbar-public .brand-signature {
        font-size: 1.45rem;
        transform: translateY(4px);
        text-shadow: 0 1px 2px rgba(0,0,0,0.35);
    }
}
/* İmza için ortak stil (degrade/renk değişkenlerden gelir) */
.navbar-public .brand-signature {
    font-family: "Great Vibes",cursive;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    background: linear-gradient(180deg, var(--sig-a), var(--sig-b));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 4px rgba(0,0,0,.35);
    transform: translateY(8px);
    transition: text-shadow .2s ease, opacity .2s ease;
}

/* Tema seçenekleri */
.brand-signature--white {
    --sig-a: #ffffff;
    --sig-b: #ffffff;
}

.brand-signature--ivory {
    --sig-a: #ffffff;
    --sig-b: #F9F6F2;
}
/* fildişi, çok yumuşak */
.brand-signature--silver {
    --sig-a: #f5f5f7;
    --sig-b: #cfd2d8;
}
/* gümüş, nötr/modern */
.brand-signature--paper {
    --sig-a: #fffdf6;
    --sig-b: #e7e0cf;
}
/* “parşömen” hissi */
.brand-signature--champ {
    --sig-a: #fff7e0;
    --sig-b: #e6d3a3;
}
/* şampanya (altınsız sıcak) */

/* Kontrastı garantiye almak için opsiyonel dış hat efekti */
.navbar-public .brand-signature.is-strong {
    text-shadow: 0 1px 0 rgba(0,0,0,.35), 0 0 10px rgba(0,0,0,.25);
}

/* Küçük ekran */
@media (max-width:576px) {
    .navbar-public .brand-signature {
        font-size: 1.45rem;
        transform: translateY(4px);
    }
}