/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;600&display=swap');

/* Font-family'leri Tailwind'e benzetmek için */
body {
    font-family: 'Inter', sans-serif;
}

.font-serif {
    font-family: 'Playfair Display', serif;
}

/* Yumuşak kaydırma */
html {
    scroll-behavior: smooth;
}

/* Görseller yüklenirken boş kutu görünmesini engelle */
img {
    background-color: #f5f5f4; /* stone-100 */
}

/* -------------------------- */
/* --- HEADER / NAVBAR --- */
/* -------------------------- */

nav#header-nav {
    background-color: transparent;
    transition: all 0.3s ease;
}

nav#header-nav .nav-link {
    color: #d6d3d1; /* stone-300 */
    text-decoration: none;
    padding: 0.5rem 1rem;
    display: inline-block;
}

nav#header-nav .nav-link:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

nav#header-nav #logo-text {
    color: #ffffff;
}

nav#header-nav #mobile-menu-button {
    color: #a8a29e; /* stone-400 */
}

/* Mobil menü açıkkenki arka plan */
nav#header-nav #navbar-default {
    background-color: #292524; /* stone-800 */
    border-color: #44403c; /* stone-700 */
}

/* Kaydırılmış (Scrolled) Durum */
nav#header-nav.nav-scrolled {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
                0 2px 4px -2px rgb(0 0 0 / 0.1);
    backdrop-filter: blur(8px);
}

nav#header-nav.nav-scrolled .nav-link {
    color: #334155; /* slate-700 */
}

nav#header-nav.nav-scrolled .nav-link:hover {
    color: #0f172a; /* slate-900 */
    background-color: #f1f5f9; /* slate-100 */
}

nav#header-nav.nav-scrolled #logo-text {
    color: #0f172a; /* slate-900 */
}

nav#header-nav.nav-scrolled #mobile-menu-button {
    color: #334155; /* slate-700 */
    background-color: #f1f5f9; /* slate-100 */
    border-color: #e2e8f0; /* slate-300 */
}

/* Mobil menü açıkkenki arka plan (kaydırılmış) */
nav#header-nav.nav-scrolled #navbar-default {
    background-color: #ffffff;
    border-color: #e2e8f0; /* slate-200 */
}

/* Aktif Menü Linki */
.nav-link.active {
    color: #ffffff;
    font-weight: 600;
}

nav#header-nav.nav-scrolled .nav-link.active {
    color: #0f172a;
    font-weight: 600;
}

/* -------------------------- */
/* --- RESPONSIVE (MD+) --- */
/* -------------------------- */
@media (min-width: 768px) {
    /* --- Navbar (Tablet) --- */
    nav#header-nav.nav-scrolled .nav-link:hover {
        background-color: transparent;
    }
    nav#header-nav.nav-scrolled .nav-link.active {
         background-color: transparent;
    }
    nav#header-nav .nav-link:hover {
        background-color: transparent;
        color: #ffffff;
    }
    nav#header-nav .nav-link.active {
         background-color: transparent;
    }
    nav#header-nav #navbar-default,
    nav#header-nav.nav-scrolled #navbar-default {
        background-color: transparent;
        border-color: transparent;
    }


/*
 * -----------------------------------------------------------------
 * Swiper Nokta (Pagination) Düzeltmesi
 * -----------------------------------------------------------------
 * Bu kod, noktaların resmin içinden çıkıp altına gelmesini sağlar.
*/

#gallery-dots.swiper-pagination {
    position: relative; /* Swiper'ın 'absolute' pozisyonunu ezer */
    bottom: auto;       /* Swiper'ın 'bottom' ayarını sıfırlar */
    
    /* Not: HTML'deki 'pt-4' (padding-top) sınıfı 
       artık çalışacak ve noktaları galeriden 1rem aşağı itecektir. */
}