/* GENEL STİLLER */
:root {
    --primary-color: <?= $primary_color ?>; /* Ana renk */
    --secondary-color: <?= $secondary_color ?>; /* İkincil renk */
    --accent-color: <?= $accent_color ?>; /* Vurgu rengi */
    --light-color: <?= $light_color ?>; /* Açık renk */
    --dark-color: <?= $dark_color ?>; /* Koyu renk */
    --text-color: <?= $text_color ?>; /* Metin rengi */
    --text-light: <?= $text_light ?>; /* Açık metin rengi */
    --white: #fff; /* Beyaz renk */
    --black: #000; /* Siyah renk */
    --transition: all 0.3s ease; /* Geçiş efekti süresi */
    --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Kutu gölgesi */
    --border-radius: 8px; /* Köşe yuvarlaklığı */
    --section-padding: 10px 0; /* Bölümler arası padding (eski: 100px 0) */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Kutu modeli ayarı */
}

body {
    font-family: '<?= str_replace('+', ' ', $font_primary) ?>', sans-serif; /* Birincil yazı tipi */
    color: var(--text-color); /* Metin rengi */
    line-height: 1.6; /* Satır yüksekliği */
    overflow-x: hidden; /* Yatay kaydırmayı engelle */
    scroll-behavior: smooth; /* Yumuşak kaydırma */
}

h1, h2, h3, h4 {
    font-family: '<?= str_replace('+', ' ', $font_secondary) ?>', serif; /* İkincil yazı tipi */
    font-weight: 600; /* Yazı kalınlığı */
    line-height: 1.2; /* Başlık satır yüksekliği */
}

a {
    text-decoration: none; /* Link alt çizgisini kaldır */
    color: var(--primary-color); /* Link rengi */
    transition: var(--transition); /* Geçiş efekti */
}

a:hover {
    color: var(--secondary-color); /* Link hover rengi */
}

img {
    max-width: 100%; /* Maksimum genişlik */
    height: auto; /* Otomatik yükseklik */
    display: block; /* Blok öğe olarak göster */
}

ul {
    list-style: none; /* Liste işaretlerini kaldır */
}

.container {
    width: 100%; /* Tam genişlik */
    max-width: 1200px; /* Maksimum genişlik */
    margin: 0 auto; /* Ortala */
    padding: 0 15px; /* Yan padding */
}

.btn {
    display: inline-block; /* Satır içi blok */
    background-color: var(--primary-color); /* Arkaplan rengi */
    color: var(--white); /* Yazı rengi */
    padding: 12px 25px; /* İç boşluk */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    font-weight: 500; /* Yazı kalınlığı */
    transition: var(--transition); /* Geçiş efekti */
    border: 2px solid var(--primary-color); /* Kenarlık */
}

.btn:hover {
    background-color: transparent; /* Şeffaf arkaplan */
    color: var(--primary-color); /* Yazı rengi */
}

.btn-outline {
    display: inline-block; /* Satır içi blok */
    background-color: transparent; /* Şeffaf arkaplan */
    color: var(--primary-color); /* Yazı rengi */
    padding: 10px 20px; /* İç boşluk */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    font-weight: 500; /* Yazı kalınlığı */
    transition: var(--transition); /* Geçiş efekti */
    border: 2px solid var(--primary-color); /* Kenarlık */
}

.btn-outline:hover {
    background-color: var(--primary-color); /* Arkaplan rengi */
    color: var(--white); /* Yazı rengi */
}

.text-center {
    text-align: center; /* Metni ortala */
}

.section-title {
    text-align: center; /* Metni ortala */
    margin-bottom: 30px; /* Alt boşluk (eski: 50px) */
    padding-top: 15px; /* Üst boşluk (eski: 30px) */
}

.section-title h2 {
    font-size: 36px; /* Başlık boyutu */
    margin-bottom: 10px; /* Alt boşluk (eski: 15px) */
    color: var(--primary-color); /* Renk */
}

.section-title p {
    color: var(--text-light); /* Renk */
    font-size: 18px; /* Yazı boyutu */
}

/* HAREKETLİ BUTONLAR */
.action-buttons {
    position: fixed; /* Sabit pozisyon */
    bottom: 30px; /* Alttan boşluk */
    right: 30px; /* Sağdan boşluk */
    display: flex; /* Esnek kutu */
    flex-direction: column; /* Dikey sıralama */
    gap: 15px; /* Elemanlar arası boşluk */
    z-index: 999; /* Katman sırası */
}

.action-btn {
    width: 50px; /* Genişlik */
    height: 50px; /* Yükseklik */
    border-radius: 50%; /* Yuvarlak şekil */
    display: flex; /* Esnek kutu */
    align-items: center; /* Dikey ortalama */
    justify-content: center; /* Yatay ortalama */
    font-size: 20px; /* İkon boyutu */
    color: var(--white); /* Renk */
    box-shadow: var(--box-shadow); /* Gölge */
    transition: var(--transition); /* Geçiş efekti */
}

.whatsapp-btn {
    background-color: #25D366; /* WhatsApp yeşili */
}

.phone-btn {
    background-color: var(--primary-color); /* Ana renk */
}

.map-btn {
    background-color: var(--accent-color); /* Vurgu rengi */
}

.action-btn:hover {
    transform: scale(1.1); /* Büyütme efekti */
    color: var(--white); /* Renk */
}

/* HEADER STİLLERİ */
.header {
    position: fixed; /* Sabit pozisyon */
    top: 0; /* Üstten sıfır */
    left: 0; /* Soldan sıfır */
    width: 100%; /* Tam genişlik */
    z-index: 1000; /* Katman sırası */
    background-color: var(--white); /* Arkaplan rengi */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Gölge */
    transition: var(--transition); /* Geçiş efekti */
}

.header.scrolled {
    background-color: rgba(255, 255, 255, 0.95); /* Şeffaf beyaz */
}

.header .container {
    display: flex; /* Esnek kutu */
    justify-content: space-between; /* Elemanları yay */
    align-items: center; /* Dikey ortalama */
    height: 80px; /* Yükseklik */
}

.logo h1 {
    color: var(--primary-color); /* Renk */
    font-size: 24px; /* Yazı boyutu */
    font-weight: 700; /* Yazı kalınlığı */
}

.main-nav ul {
    display: flex; /* Esnek kutu */
    align-items: center; /* Dikey ortalama */
}

.main-nav ul li {
    margin-left: 25px; /* Sol boşluk */
    position: relative; /* Pozisyon */
}

.main-nav ul li a {
    font-weight: 500; /* Yazı kalınlığı */
    font-size: 16px; /* Yazı boyutu */
    display: flex; /* Esnek kutu */
    align-items: center; /* Dikey ortalama */
}

.book-now a {
    background-color: var(--secondary-color); /* Arkaplan rengi */
    color: var(--white); /* Yazı rengi */
    padding: 10px 20px; /* İç boşluk */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    border: 2px solid var(--secondary-color); /* Kenarlık */
}

.book-now a:hover {
    background-color: transparent; /* Şeffaf arkaplan */
    color: var(--secondary-color); /* Yazı rengi */
}

.mobile-menu-btn {
    display: none; /* Varsayılan gizli */
    font-size: 24px; /* İkon boyutu */
    cursor: pointer; /* İmleç tipi */
}

/* HERO (SLIDER) BÖLÜMÜ */
.hero {
    height: 40vh; /* Ekran yüksekliğinin %70'i (eski: 100vh) */
    min-height: 500px; /* Minimum yükseklik (eski: 600px) */
    position: relative; /* Pozisyon */
    margin-top: 80px; /* Üst boşluk */
}

.hero-slider {
    height: 100%; /* Tam yükseklik */
    position: relative; /* Pozisyon */
    overflow: hidden; /* Taşan içeriği gizle */
}

.slide {
    height: 100%; /* Tam yükseklik */
    position: absolute; /* Mutlak pozisyon */
    top: 0; /* Üstten sıfır */
    left: 0; /* Soldan sıfır */
    width: 100%; /* Tam genişlik */
    background-size: cover; /* Arkaplan boyutu */
    background-position: center; /* Arkaplan pozisyonu */
    background-repeat: no-repeat; /* Tekrar etme */
    opacity: 0; /* Şeffaflık */
    transition: opacity 1s ease; /* Geçiş efekti */
    display: flex; /* Esnek kutu */
    align-items: center; /* Dikey ortalama */
}

.slide.active {
    opacity: 1; /* Tam görünür */
}

.slide .container {
    position: relative; /* Pozisyon */
    z-index: 2; /* Katman sırası */
}

.slide h1 {
    font-size: 48px; /* Başlık boyutu (eski: 60px) */
    color: var(--white); /* Yazı rengi */
    margin-bottom: 15px; /* Alt boşluk (eski: 20px) */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Metin gölgesi */
}

.slide p {
    font-size: 18px; /* Yazı boyutu (eski: 20px) */
    color: var(--white); /* Yazı rengi */
    margin-bottom: 20px; /* Alt boşluk (eski: 30px) */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Metin gölgesi */
    max-width: 600px; /* Maksimum genişlik */
}

.slider-dots {
    position: absolute; /* Mutlak pozisyon */
    bottom: 20px; /* Alttan boşluk (eski: 30px) */
    left: 50%; /* Soldan %50 */
    transform: translateX(-50%); /* Yatay ortalama */
    display: flex; /* Esnek kutu */
    z-index: 10; /* Katman sırası */
}

.dot {
    width: 12px; /* Genişlik */
    height: 12px; /* Yükseklik */
    border-radius: 50%; /* Yuvarlak şekil */
    background-color: rgba(255, 255, 255, 0.5); /* Yarı şeffaf beyaz */
    margin: 0 5px; /* Yan boşluklar */
    cursor: pointer; /* İmleç tipi */
    transition: var(--transition); /* Geçiş efekti */
}

.dot.active {
    background-color: var(--white); /* Beyaz renk */
    transform: scale(1.2); /* Büyütme efekti */
}

/* BÖLÜM STİLLERİ (TÜM BÖLÜMLER İÇİN ORTAK) */
.room-types,
.special-offers,
.ozellikler,
.gallery,
.features,
.testimonials,
.location {
    padding: var(--section-padding); /* Bölüm iç boşlukları */
}

/* ODA TİPLERİ BÖLÜMÜ */
.rooms-grid {
    display: grid; /* Grid yapısı */
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Sütun yapısı */
    gap: 30px; /* Elemanlar arası boşluk */
    margin-bottom: 30px; /* Alt boşluk (eski: 50px) */
}

.room-card {
    background-color: var(--white); /* Arkaplan rengi */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    overflow: hidden; /* Taşan içeriği gizle */
    box-shadow: var(--box-shadow); /* Gölge */
    transition: var(--transition); /* Geçiş efekti */
}

.room-card:hover {
    transform: translateY(-10px); /* Yukarı hareket */
}

.room-image {
    position: relative; /* Pozisyon */
    height: 250px; /* Sabit yükseklik */
    overflow: hidden; /* Taşan içeriği gizle */
}

.room-image img {
    width: 100%; /* Tam genişlik */
    height: 100%; /* Tam yükseklik */
    object-fit: cover; /* Resmi kırp */
    transition: var(--transition); /* Geçiş efekti */
}

.room-card:hover .room-image img {
    transform: scale(1.05); /* Büyütme efekti */
}

.price-tag {
    position: absolute; /* Mutlak pozisyon */
    top: 20px; /* Üstten boşluk */
    right: 20px; /* Sağdan boşluk */
    background-color: var(--secondary-color); /* Arkaplan rengi */
    color: var(--white); /* Yazı rengi */
    padding: 8px 15px; /* İç boşluk */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    font-weight: 600; /* Yazı kalınlığı */
    font-size: 18px; /* Yazı boyutu */
}

.price-tag span {
    font-size: 14px; /* Yazı boyutu */
    font-weight: 400; /* Yazı kalınlığı */
}

.room-content {
    padding: 20px; /* İç boşluk (eski: 25px) */
}

.room-content h3 {
    margin-bottom: 10px; /* Alt boşluk (eski: 15px) */
    font-size: 22px; /* Yazı boyutu (eski: 24px) */
}

.room-features {
    display: grid; /* Grid yapısı */
    grid-template-columns: repeat(2, 1fr); /* 2 sütun */
    gap: 10px; /* Elemanlar arası boşluk */
    margin-bottom: 15px; /* Alt boşluk (eski: 20px) */
}

.room-features li {
    display: flex; /* Esnek kutu */
    align-items: center; /* Dikey ortalama */
    font-size: 14px; /* Yazı boyutu */
    color: var(--text-light); /* Yazı rengi */
}

.room-features li i {
    margin-right: 8px; /* Sağ boşluk */
    color: var(--primary-color); /* İkon rengi */
}

/* ÖZEL KAMPANYALAR BÖLÜMÜ */
.special-offers {
    background-color: var(--light-color); /* Arkaplan rengi */
}

.offers-grid {
    display: grid; /* Grid yapısı */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Sütun yapısı */
    gap: 30px; /* Elemanlar arası boşluk */
}

.offer-card {
    background-color: var(--white); /* Arkaplan rengi */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    overflow: hidden; /* Taşan içeriği gizle */
    box-shadow: var(--box-shadow); /* Gölge */
    transition: var(--transition); /* Geçiş efekti */
    position: relative; /* Pozisyon */
}

.offer-card:hover {
    transform: translateY(-10px); /* Yukarı hareket */
}

.offer-badge {
    position: absolute; /* Mutlak pozisyon */
    top: 15px; /* Üstten boşluk */
    right: 15px; /* Sağdan boşluk */
    background-color: var(--accent-color); /* Arkaplan rengi */
    color: var(--white); /* Yazı rengi */
    padding: 5px 15px; /* İç boşluk */
    border-radius: 20px; /* Köşe yuvarlaklığı */
    font-weight: 600; /* Yazı kalınlığı */
    z-index: 2; /* Katman sırası */
}

.offer-image {
    height: 200px; /* Sabit yükseklik */
    overflow: hidden; /* Taşan içeriği gizle */
}

.offer-image img {
    width: 100%; /* Tam genişlik */
    height: 100%; /* Tam yükseklik */
    object-fit: cover; /* Resmi kırp */
    transition: var(--transition); /* Geçiş efekti */
}

.offer-card:hover .offer-image img {
    transform: scale(1.05); /* Büyütme efekti */
}

.offer-content {
    padding: 15px; /* İç boşluk (eski: 20px) */
}

.offer-content h3 {
    margin-bottom: 8px; /* Alt boşluk (eski: 10px) */
    font-size: 20px; /* Yazı boyutu (eski: 22px) */
}

.offer-content p {
    color: var(--text-light); /* Yazı rengi */
    margin-bottom: 10px; /* Alt boşluk (eski: 15px) */
    font-size: 14px; /* Yazı boyutu (eski: 15px) */
}

.offer-dates {
    margin-bottom: 10px; /* Alt boşluk (eski: 15px) */
    font-size: 13px; /* Yazı boyutu (eski: 14px) */
    color: var(--primary-color); /* Yazı rengi */
}

.offer-dates i {
    margin-right: 5px; /* Sağ boşluk */
}

/* GALERİ BÖLÜMÜ */
.gallery-grid {
    display: grid; /* Grid yapısı */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Sütun yapısı */
    gap: 15px; /* Elemanlar arası boşluk (eski: 20px) */
    margin-bottom: 30px; /* Alt boşluk (eski: 50px) */
}

.gallery-item {
    position: relative; /* Pozisyon */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    overflow: hidden; /* Taşan içeriği gizle */
    height: 180px; /* Sabit yükseklik (eski: 200px) */
    cursor: pointer; /* İmleç tipi */
}

.gallery-item img {
    width: 100%; /* Tam genişlik */
    height: 100%; /* Tam yükseklik */
    object-fit: cover; /* Resmi kırp */
    transition: var(--transition); /* Geçiş efekti */
}

.gallery-item:hover img {
    transform: scale(1.1); /* Büyütme efekti */
}

.gallery-overlay {
    position: absolute; /* Mutlak pozisyon */
    top: 0; /* Üstten sıfır */
    left: 0; /* Soldan sıfır */
    width: 100%; /* Tam genişlik */
    height: 100%; /* Tam yükseklik */
    background-color: rgba(26, 58, 110, 0.7); /* Yarı şeffaf arkaplan */
    display: flex; /* Esnek kutu */
    align-items: center; /* Dikey ortalama */
    justify-content: center; /* Yatay ortalama */
    opacity: 0; /* Şeffaflık */
    transition: var(--transition); /* Geçiş efekti */
}

.gallery-item:hover .gallery-overlay {
    opacity: 1; /* Tam görünür */
}

.gallery-overlay i {
    color: var(--white); /* İkon rengi */
    font-size: 30px; /* İkon boyutu */
}

/* ÖZELLİKLER BÖLÜMÜ */
.ozellikler {
    background-color: var(--light-color); /* Arkaplan rengi */
}

.ozellikler-content {
    display: grid; /* Grid yapısı */
    grid-template-columns: 1fr 1fr; /* 2 eşit sütun */
    gap: 30px; /* Elemanlar arası boşluk (eski: 40px) */
    align-items: center; /* Dikey ortalama */
}

.ozellikler-image {
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    overflow: hidden; /* Taşan içeriği gizle */
    box-shadow: var(--box-shadow); /* Gölge */
    height: 350px; /* Sabit yükseklik (eski: 400px) */
}

.ozellikler-image img {
    width: 100%; /* Tam genişlik */
    height: 100%; /* Tam yükseklik */
    object-fit: cover; /* Resmi kırp */
    transition: var(--transition); /* Geçiş efekti */
}

.ozellikler-image:hover img {
    transform: scale(1.05); /* Büyütme efekti */
}

.ozellikler-info h3 {
    font-size: 26px; /* Yazı boyutu (eski: 28px) */
    margin-bottom: 15px; /* Alt boşluk (eski: 20px) */
    color: var(--primary-color); /* Yazı rengi */
}

.ozellikler-info p {
    margin-bottom: 15px; /* Alt boşluk (eski: 20px) */
    color: var(--text-light); /* Yazı rengi */
}

.ozellikler-features {
    margin-bottom: 20px; /* Alt boşluk (eski: 25px) */
}

.ozellikler-features li {
    margin-bottom: 8px; /* Alt boşluk (eski: 10px) */
    display: flex; /* Esnek kutu */
    align-items: flex-start; /* Üstten hizalama */
}

.ozellikler-features li i {
    color: var(--secondary-color); /* İkon rengi */
    margin-right: 10px; /* Sağ boşluk */
    margin-top: 3px; /* Üst boşluk */
}

/* ÖZELLİK KARTLARI BÖLÜMÜ */
.features-grid {
    display: grid; /* Grid yapısı */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Sütun yapısı (eski: 300px) */
    gap: 25px; /* Elemanlar arası boşluk (eski: 30px) */
}

.feature-item {
    background-color: var(--white); /* Arkaplan rengi */
    padding: 25px; /* İç boşluk (eski: 30px) */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    box-shadow: var(--box-shadow); /* Gölge */
    text-align: center; /* Metni ortala */
    transition: var(--transition); /* Geçiş efekti */
}

.feature-item:hover {
    transform: translateY(-10px); /* Yukarı hareket */
}

.feature-icon {
    width: 70px; /* Genişlik (eski: 80px) */
    height: 70px; /* Yükseklik (eski: 80px) */
    background-color: rgba(26, 58, 110, 0.1); /* Arkaplan rengi */
    border-radius: 50%; /* Yuvarlak şekil */
    display: flex; /* Esnek kutu */
    align-items: center; /* Dikey ortalama */
    justify-content: center; /* Yatay ortalama */
    margin: 0 auto 20px; /* Dış boşluklar (eski: 25px) */
    color: var(--primary-color); /* İkon rengi */
    font-size: 25px; /* İkon boyutu (eski: 30px) */
    transition: var(--transition); /* Geçiş efekti */
}

.feature-item:hover .feature-icon {
    background-color: var(--primary-color); /* Arkaplan rengi */
    color: var(--white); /* İkon rengi */
}

.feature-item h3 {
    margin-bottom: 10px; /* Alt boşluk (eski: 15px) */
    font-size: 20px; /* Yazı boyutu (eski: 22px) */
}

.feature-item p {
    color: var(--text-light); /* Yazı rengi */
    font-size: 14px; /* Yazı boyutu */
}

/* MİSAFİR YORUMLARI BÖLÜMÜ */
.testimonials {
    background-color: var(--light-color); /* Arkaplan rengi */
}

.testimonial-slider {
    display: flex; /* Esnek kutu */
    overflow-x: auto; /* Yatay kaydırma */
    scroll-snap-type: x mandatory; /* Kaydırma tipi */
    scroll-behavior: smooth; /* Yumuşak kaydırma */
    -webkit-overflow-scrolling: touch; /* iOS kaydırma */
    gap: 25px; /* Elemanlar arası boşluk (eski: 30px) */
    padding-bottom: 20px; /* Alt boşluk (eski: 30px) */
}

.testimonial-item {
    min-width: 320px; /* Minimum genişlik (eski: 350px) */
    scroll-snap-align: start; /* Kaydırma hizalaması */
    background-color: var(--white); /* Arkaplan rengi */
    padding: 25px; /* İç boşluk (eski: 30px) */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    box-shadow: var(--box-shadow); /* Gölge */
}

.testimonial-content {
    position: relative; /* Pozisyon */
}

.rating {
    color: var(--secondary-color); /* Yıldız rengi */
    margin-bottom: 15px; /* Alt boşluk (eski: 20px) */
}

.testimonial-content p {
    font-style: italic; /* İtalik yazı */
    margin-bottom: 20px; /* Alt boşluk (eski: 25px) */
    position: relative; /* Pozisyon */
    padding-left: 20px; /* Sol boşluk */
}

.testimonial-content p::before {
    content: '"'; /* Tırnak işareti */
    position: absolute; /* Mutlak pozisyon */
    left: 0; /* Soldan sıfır */
    top: -10px; /* Üstten boşluk */
    font-size: 40px; /* Boyut (eski: 50px) */
    color: rgba(26, 58, 110, 0.1); /* Renk */
    font-family: serif; /* Yazı tipi */
    line-height: 1; /* Satır yüksekliği */
}

.author {
    display: flex; /* Esnek kutu */
    align-items: center; /* Dikey ortalama */
}

.author img {
    width: 50px; /* Genişlik (eski: 60px) */
    height: 50px; /* Yükseklik (eski: 60px) */
    border-radius: 50%; /* Yuvarlak şekil */
    object-fit: cover; /* Resmi kırp */
    margin-right: 15px; /* Sağ boşluk */
}

.author-info h4 {
    font-size: 16px; /* Yazı boyutu (eski: 18px) */
    margin-bottom: 5px; /* Alt boşluk */
}

.author-info span {
    font-size: 13px; /* Yazı boyutu (eski: 14px) */
    color: var(--text-light); /* Yazı rengi */
}

/* KONUM BÖLÜMÜ */
.location-content {
    display: grid; /* Grid yapısı */
    grid-template-columns: 1fr 1fr; /* 2 eşit sütun */
    gap: 30px; /* Elemanlar arası boşluk (eski: 40px) */
}

.location-map {
    height: 350px; /* Sabit yükseklik (eski: 400px) */
    border-radius: var(--border-radius); /* Köşe yuvarlaklığı */
    overflow: hidden; /* Taşan içeriği gizle */
    box-shadow: var(--box-shadow); /* Gölge */
}

.location-map iframe {
    width: 100%; /* Tam genişlik */
    height: 100%; /* Tam yükseklik */
    border: none; /* Kenarlık yok */
}

.location-info h3 {
    font-size: 26px; /* Yazı boyutu (eski: 28px) */
    margin-bottom: 15px; /* Alt boşluk (eski: 20px) */
    color: var(--primary-color); /* Yazı rengi */
}

.location-info address p {
    margin-bottom: 12px; /* Alt boşluk (eski: 15px) */
    display: flex; /* Esnek kutu */
    align-items: flex-start; /* Üstten hizalama */
}

.location-info address i {
    margin-right: 10px; /* Sağ boşluk */
    color: var(--primary-color); /* İkon rengi */
    margin-top: 3px; /* Üst boşluk */
}

.location-info a {
    color: var(--text-color); /* Link rengi */
    transition: var(--transition); /* Geçiş efekti */
}

.location-info a:hover {
    color: var(--primary-color); /* Link hover rengi */
}

.transportation {
    margin-top: 25px; /* Üst boşluk (eski: 30px) */
}

.transportation h4 {
    margin-bottom: 12px; /* Alt boşluk (eski: 15px) */
    font-size: 18px; /* Yazı boyutu (eski: 20px) */
}

.transportation ul li {
    margin-bottom: 8px; /* Alt boşluk (eski: 10px) */
    display: flex; /* Esnek kutu */
    align-items: flex-start; /* Üstten hizalama */
}

.transportation ul li i {
    margin-right: 10px; /* Sağ boşluk */
    color: var(--primary-color); /* İkon rengi */
    margin-top: 3px; /* Üst boşluk */
}

/* FOOTER BÖLÜMÜ */
.footer {
    background-color: var(--dark-color); /* Arkaplan rengi */
    color: var(--white); /* Yazı rengi */
    padding: 60px 0 0; /* İç boşluk (eski: 80px) */
}

.footer-grid {
    display: grid; /* Grid yapısı */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Sütun yapısı */
    gap: 30px; /* Elemanlar arası boşluk (eski: 40px) */
    margin-bottom: 40px; /* Alt boşluk (eski: 50px) */
}

.footer-about p {
    margin-bottom: 15px; /* Alt boşluk (eski: 20px) */
    opacity: 0.8; /* Şeffaflık */
}

.social-links {
    display: flex; /* Esnek kutu */
    gap: 15px; /* Elemanlar arası boşluk */
}

.social-links a {
    display: flex; /* Esnek kutu */
    align-items: center; /* Dikey ortalama */
    justify-content: center; /* Yatay ortalama */
    width: 40px; /* Genişlik */
    height: 40px; /* Yükseklik */
    background-color: var(--primary-color); /* Arkaplan rengi */
    border-radius: 50%; /* Yuvarlak şekil */
    color: var(--white); /* İkon rengi */
    transition: var(--transition); /* Geçiş efekti */
}

.social-links a:hover {
    background-color: var(--secondary-color); /* Hover rengi */
    transform: translateY(-5px); /* Yukarı hareket */
}

.footer-links h3 {
    font-size: 20px; /* Yazı boyutu (eski: 22px) */
    margin-bottom: 20px; /* Alt boşluk (eski: 25px) */
    color: var(--white); /* Yazı rengi */
    font-family: 'Montserrat', sans-serif; /* Yazı tipi */
}

.footer-links ul li {
    margin-bottom: 10px; /* Alt boşluk (eski: 12px) */
}

.footer-links ul li a {
    color: rgba(255, 255, 255, 0.7); /* Link rengi */
    transition: var(--transition); /* Geçiş efekti */
}

.footer-links ul li a:hover {
    color: var(--secondary-color); /* Hover rengi */
    padding-left: 5px; /* Sol boşluk */
}

.footer-contact ul li {
    margin-bottom: 12px; /* Alt boşluk (eski: 15px) */
    display: flex; /* Esnek kutu */
    align-items: flex-start; /* Üstten hizalama */
}

.footer-contact ul li i {
    margin-right: 10px; /* Sağ boşluk */
    color: var(--secondary-color); /* İkon rengi */
    margin-top: 3px; /* Üst boşluk */
}

.footer-contact ul li a {
    color: rgba(255, 255, 255, 0.7); /* Link rengi */
    transition: var(--transition); /* Geçiş efekti */
}

.footer-contact ul li a:hover {
    color: var(--secondary-color); /* Hover rengi */
}

.payment-methods {
    display: flex; /* Esnek kutu */
    flex-wrap: wrap; /* Çok satır */
    gap: 10px; /* Elemanlar arası boşluk */
    margin-bottom: 25px; /* Alt boşluk (eski: 30px) */
}

.payment-methods img {
    height: 22px; /* Yükseklik (eski: 25px) */
    width: auto; /* Otomatik genişlik */
    filter: grayscale(100%) brightness(200%); /* Gri tonlama */
    opacity: 0.7; /* Şeffaflık */
    transition: var(--transition); /* Geçiş efekti */
}

.payment-methods img:hover {
    filter: none; /* Filtre yok */
    opacity: 1; /* Tam görünür */
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Üst kenarlık */
    padding: 15px 0; /* İç boşluk (eski: 20px) */
}

.footer-bottom .container {
    display: flex; /* Esnek kutu */
    justify-content: space-between; /* Elemanları yay */
    align-items: center; /* Dikey ortalama */
    flex-wrap: wrap; /* Çok satır */
    gap: 15px; /* Elemanlar arası boşluk (eski: 20px) */
}

.copyright p {
    opacity: 0.7; /* Şeffaflık */
    font-size: 13px; /* Yazı boyutu (eski: 14px) */
}

/* LIGHTBOX MODAL */
.lightbox {
    display: none; /* Varsayılan gizli */
    position: fixed; /* Sabit pozisyon */
    z-index: 1000; /* Katman sırası */
    left: 0; /* Soldan sıfır */
    top: 0; /* Üstten sıfır */
    width: 100%; /* Tam genişlik */
    height: 100%; /* Tam yükseklik */
    background-color: rgba(0, 0, 0, 0.9); /* Yarı şeffaf siyah */
    overflow: auto; /* Kaydırma çubuğu */
}

.lightbox-content {
    display: block; /* Blok öğe */
    margin: 50px auto; /* Dış boşluk (eski: 60px) */
    max-width: 90%; /* Maksimum genişlik */
    max-height: 80vh; /* Maksimum yükseklik */
}

.close-btn {
    position: absolute; /* Mutlak pozisyon */
    top: 15px; /* Üstten boşluk (eski: 20px) */
    right: 25px; /* Sağdan boşluk (eski: 30px) */
    color: #f1f1f1; /* Renk */
    font-size: 35px; /* Yazı boyutu (eski: 40px) */
    font-weight: bold; /* Yazı kalınlığı */
    transition: var(--transition); /* Geçiş efekti */
    cursor: pointer; /* İmleç tipi */
}

.close-btn:hover {
    color: var(--secondary-color); /* Hover rengi */
}

.prev, .next {
    cursor: pointer; /* İmleç tipi */
    position: absolute; /* Mutlak pozisyon */
    top: 50%; /* Üstten %50 */
    width: auto; /* Otomatik genişlik */
    padding: 12px; /* İç boşluk (eski: 16px) */
    margin-top: -50px; /* Üst boşluk */
    color: white; /* Yazı rengi */
    font-weight: bold; /* Yazı kalınlığı */
    font-size: 25px; /* Yazı boyutu (eski: 30px) */
    transition: var(--transition); /* Geçiş efekti */
    user-select: none; /* Kullanıcı seçimi engelle */
    -webkit-user-select: none; /* Safari için */
}

.next {
    right: 25px; /* Sağdan boşluk (eski: 30px) */
    border-radius: 3px 0 0 3px; /* Köşe yuvarlaklığı */
}

.prev {
    left: 25px; /* Soldan boşluk (eski: 30px) */
    border-radius: 0 3px 3px 0; /* Köşe yuvarlaklığı */
}

.prev:hover, .next:hover {
    color: var(--secondary-color); /* Hover rengi */
    background-color: rgba(0, 0, 0, 0.8); /* Arkaplan rengi */
}

/* RESPONSIVE STİLLER */
@media (max-width: 992px) {
    .header .container {
        height: 70px; /* Yükseklik */
    }
    
    .main-nav {
        position: fixed; /* Sabit pozisyon */
        top: 70px; /* Üstten boşluk */
        left: -100%; /* Soldan gizle */
        width: 80%; /* Genişlik */
        max-width: 350px; /* Maksimum genişlik */
        height: calc(100vh - 70px); /* Yükseklik */
        background-color: var(--white); /* Arkaplan rengi */
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Gölge */
        transition: var(--transition); /* Geçiş efekti */
        overflow-y: auto; /* Dikey kaydırma */
    }
    
    .main-nav.active {
        left: 0; /* Soldan göster */
    }
    
    .main-nav ul {
        flex-direction: column; /* Dikey sıralama */
        padding: 25px; /* İç boşluk (eski: 30px) */
        align-items: flex-start; /* Soldan hizalama */
    }
    
    .main-nav ul li {
        margin: 0 0 12px; /* Dış boşluklar (eski: 15px) */
        width: 100%; /* Tam genişlik */
    }
    
    .main-nav ul li a {
        padding: 8px 0; /* İç boşluk (eski: 10px) */
    }
    
    .mobile-menu-btn {
        display: block; /* Göster */
    }
    
    .hero {
        min-height: 450px; /* Minimum yükseklik (eski: 600px) */
    }
    
    .slide h1 {
        font-size: 40px; /* Yazı boyutu (eski: 48px) */
    }
    
    .ozellikler-content,
    .location-content {
        grid-template-columns: 1fr; /* Tek sütun */
    }
    
    .ozellikler-image {
        height: 250px; /* Yükseklik (eski: 300px) */
        order: -1; /* Sıralama */
    }
    
    .location-map {
        height: 250px; /* Yükseklik (eski: 300px) */
    }
}

@media (max-width: 768px) {
    .section-title h2 {
        font-size: 30px; /* Yazı boyutu (eski: 32px) */
    }
    
    .slide h1 {
        font-size: 32px; /* Yazı boyutu (eski: 36px) */
    }
    
    .slide p {
        font-size: 16px; /* Yazı boyutu (eski: 18px) */
    }
    
    .rooms-grid {
        grid-template-columns: 1fr; /* Tek sütun */
    }
    
    .testimonial-item {
        min-width: 280px; /* Minimum genişlik */
    }
    
    .action-buttons {
        bottom: 15px; /* Alttan boşluk (eski: 20px) */
        right: 15px; /* Sağdan boşluk (eski: 20px) */
    }
    
    .action-btn {
        width: 40px; /* Genişlik (eski: 45px) */
        height: 40px; /* Yükseklik (eski: 45px) */
        font-size: 16px; /* İkon boyutu (eski: 18px) */
    }
}

@media (max-width: 576px) {
    .section-title h2 {
        font-size: 26px; /* Yazı boyutu (eski: 28px) */
    }
    
    .section-title p {
        font-size: 15px; /* Yazı boyutu (eski: 16px) */
    }
    
    .slide h1 {
        font-size: 28px; /* Yazı boyutu (eski: 30px) */
    }
    
    .footer-bottom .container {
        flex-direction: column; /* Dikey sıralama */
        text-align: center; /* Metni ortala */
    }
    
    .action-buttons {
        bottom: 10px; /* Alttan boşluk (eski: 15px) */
        right: 10px; /* Sağdan boşluk (eski: 15px) */
    }
    
    .action-btn {
        width: 35px; /* Genişlik (eski: 40px) */
        height: 35px; /* Yükseklik (eski: 40px) */
        font-size: 14px; /* İkon boyutu (eski: 16px) */
    }
}