/* --- INDEX.PHP (ANASAYFA) ÖZEL DÜZENLEMELERİ --- */

/* 1. Hoşgeldiniz Metin Alanı (Welcome) */

/* 1. Anasayfa Giriş Metni (Turunç Marmaris Dalaman Mesafeleri) */
.welcome-section-text p {
    font-size: 1.15rem !important;
    color: #374151 !important;      /* Daha soft bir siyah/koyu gri */
    line-height: 1.9 !important;   /* Daha ferah okuma alanı */
    font-weight: 400 !important;    /* Zarif görünüm için inceltildi */
    margin-bottom: 1.5rem;
}

/* 2. Giriş Altındaki 4'lü Özellik Maddeleri (Konfor, Lezzet vb.) */
.welcome-feature-item {
    font-size: 1.1rem !important;
    font-weight: 600 !important; /* 700'den 600'e çekildi */
    color: #2E3C61 !important; /* Premium Lacivert */
}

/* 2. Oda Kartları (Beyaz Zemin Üzeri) */
.room-card-content h3 {
    color: #2E3C61 !important; /* Premium Lacivert */
}
/* 3. Oda Kartlarındaki Kısa Açıklamalar */
.index-room-short {
    font-size: 1.05rem !important;
    color: #4b5563 !important; /* Tok gri-siyah */
    line-height: 1.6 !important;
    font-weight: 400 !important;
    margin-bottom: 1rem;
}
.room-card-features {
    font-size: 0.9rem !important;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.index-room-features {
    color: #C5A059 !important;   /* Premium Gold */
    font-weight: 600 !important;  /* Kalınlık inceltildi */
    font-size: 0.95rem !important;   /* Belirgin boyut */
    opacity: 1 !important;        /* Eğer solukluk varsa kaldırır */
    margin-bottom: 10px;
    letter-spacing: 0.5px;        /* Daha şık görünüm */
}

/* 3. İmkanlar (Resim Üstü Yazılar - Saf Beyaz) */
.facility-title {
    font-size: 1.6rem !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8) !important;
}

/* Resimlerin üzerindeki tesis başlıkları (Restoranlar, Spa vb.) */
.index-facility-title {
    color: #ffffff !important;      /* Saf beyaz yazı */
    font-size: 2rem !important;
    font-weight: 600 !important;    /* Zarif kalınlık */
    text-transform: uppercase;      /* Tamamı büyük harf */
    letter-spacing: 2px;            /* Harf arası şık boşluk */
    text-shadow: 2px 2px 15px rgba(0,0,0,0.8);
    transition: all 0.5s ease;
}

/* Fareyle resmin üzerine gelindiğinde başlığın tepkisi */
.group:hover .index-facility-title {
    color: #C5A059 !important;      /* Premium Gold renge döner */
    transform: scale(1.05);          /* Hafifçe büyür */
}

/* 4. Tanıyın Bölümü Metinleri (Konum, Tesis, Atmosfer altındaki yazılar) */
.index-about-p {
    font-size: 1.1rem !important;
    color: #374151 !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

/* "Bizi Yakından Tanıyın" Bölümü Başlıkları (Konum, Tesis vb.) */
.lg\:w-3\/4 h4 {
    font-size: 1.35rem !important;
    font-weight: 600 !important;  /* Çok kalın 800 değeri 600'e çekildi */
    color: #2E3C61 !important;    /* Premium Lacivert */
    margin-bottom: 0.75rem !important;
    letter-spacing: -0.01em;      /* Daha modern bir tipografi */
}

/* Eğer başlıklar üzerinde hover (fare ile gelince) efekti istersen */
.flex.gap-5.group:hover h4 {
    color: #C5A059 !important;    /* Premium Gold renge döner */
    transition: color 0.3s ease;
}

/* 5. Kampanya Kartı Açıklaması (Lacivert zemin üzerindeki yazı) */
.index-campaign-desc {
    font-size: 1.1rem !important;
    color: #ffffff !important; /* Saf Beyaz */
    opacity: 0.9 !important;
    line-height: 1.8 !important;
    font-weight: 300 !important;
    margin-bottom: 2rem;
}
.campaign-content .campaign-title {
    color: #ffffff !important;
    font-size: 2rem !important;
    font-weight: 600 !important;
}

.campaign-link {
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    border-bottom: 2px solid #C5A059;
}
.campaign-link:hover {
    color: #ffffff !important;
    border-color: #ffffff;
}

/* 6. Blog Kartları "Detaylar" Butonu */
.index-blog-detail-btn {
    display: inline-block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 0.85rem !important;
    border-bottom: 2px solid #C5A059;
}

/* Mobil için optimizasyon */
@media (max-width: 768px) {
    .welcome-section-text p {
        font-size: 1.05rem !important;
    }
}

/* --- ROOMS.PHP (ODALAR LİSTESİ) ÖZEL CSS --- */

/* 1. Hero / Banner Bölümü */
.rooms-hero-sub {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.9rem !important;
    margin-bottom: 0.5rem;
}
.rooms-hero-title {
    color: #ffffff !important; /* Saf Beyaz */
    font-size: 3.5rem !important;
    font-weight: 600 !important;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;
}

/* 2. Oda Listesi Açıklamaları (Beyaz Zemin Üzeri) */
.room-item-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 2.1rem !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
}
.room-item-text {
    font-size: 1.1rem !important;
    color: #374151 !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    margin-bottom: 1.5rem;
}
.room-item-link {
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.85rem !important;
    border-bottom: 2px solid #C5A059;
    padding-bottom: 4px;
    transition: all 0.3s ease;
}
.room-item-link:hover {
    color: #2E3C61 !important; /* Premium Lacivert */
    border-color: #2E3C61;
}

/* Mobil Düzenleme */
@media (max-width: 768px) {
    .rooms-hero-title { font-size: 2.2rem !important; }
    .room-item-title { font-size: 1.6rem !important; }
    .room-item-text { font-size: 1rem !important; }
}

/* --- ROOM-DETAILS (ODA DETAY SAYFALARI) ÖZEL CSS --- */

/* 1. Başlık ve Üst Açıklama */
.room-detail-subtitle {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.25em;
    font-size: 1.2rem !important;
}
.room-detail-short-desc {
    font-size: 1.15rem !important;
    color: #374151 !important;
    font-weight: 400 !important;
    line-height: 1.8;
}

/* 2. Oda Teknik Bilgileri - Masaüstü ve Genel Düzen */
.room-info-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    padding: 2rem 1rem;
    background-color: #fcfcfc; /* Çok hafif bir zemin */
    border-radius: 12px;
    border: 1px solid #f1f1f1;
}

.info-item-simple {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: transform 0.3s ease;
}

.info-item-simple:hover {
    transform: translateY(-3px); /* Hafif yükselme efekti */
}

.info-icon-new {
    font-size: 1.5rem !important; /* İkon boyutu */
    color: #C5A059 !important;    /* Premium Gold */
    width: 1.8rem;
    text-align: center;
}

.info-value-new {
    font-size: 1.1rem !important;
    color: #1a202c !important;     /* Net Siyah */
    font-weight: 600 !important;
    white-space: nowrap;
}

/* 3. MOBİL OPTİMİZASYONU (İkonların birbirine girmesini çözen kısım) */
@media (max-width: 768px) {
    .room-info-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem 0.75rem !important;
        padding: 1.25rem !important;
        justify-content: stretch !important;
    }

    .info-item-simple {
        background: #ffffff;
        padding: 0.75rem;
        border-radius: 10px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.03);
        transform: none !important;
    }

    .info-icon-new {
        font-size: 1.15rem !important;
        width: 1.5rem;
    }

    .info-value-new {
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        white-space: normal !important;
        line-height: 1.2;
    }
}

/* Ekran çok dar ise (Örn: iPhone SE) tek sütuna düşür */
@media (max-width: 380px) {
    .room-info-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Hizmet öğesinin genel kapsayıcısı */
.service-item {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Yaylanma efekti */
    padding: 10px;
    border-radius: 8px;
    cursor: default;
}

/* Mouse ile üzerine gelindiğinde (Hover durumu) */
.service-item:hover {
    background-color: #fcfcfc;
    transform: translateX(8px);
}

/* Hover anında ikona özel efekt (Yakınlaşma) */
.service-item:hover .service-item-icon {
    transform: scale(1.3) rotate(5deg);
    color: #C5A059 !important;
    transition: all 0.3s ease;
}

/* Hover anında metne özel efekt */
.service-item:hover .service-item-text {
    color: #2E3C61 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

/* İkonun ilk (başlangıç) hali için gerekli tanımlama */
.service-item-icon {
    display: inline-block;
    transition: all 0.3s ease;
}

/* 3. Uzun Açıklama Metni */
.room-long-description p {
    font-size: 1.1rem !important;
    color: #374151 !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;
}

/* 4. Hizmet Kutuları (Ücretsiz/Ücretli) */
.room-service-box {
    background-color: #f9fafb; /* bg-gray-50 */
    border-radius: 0 12px 12px 0;
    padding: 2rem;
    border-left: 4px solid #C5A059 !important; /* Premium Gold */
}
.service-box-title {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #C5A059 !important; /* Premium Gold */
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.service-item-icon {
    color: #C5A059 !important; /* Premium Gold */
    font-size: 1.1rem !important;
    width: 1.5rem;
    text-align: center;
}
.service-item-text {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
}

/* 5. Alt Bölüm (Diğer Odalar) */
.other-room-title {
    font-size: 1.8rem !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
.other-room-desc {
    font-size: 1rem !important;
    color: #ffffff !important;
    opacity: 0.9;
}
.other-room-hover-text {
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 0.8rem !important;
}

/* Mobil Düzenleme */
@media (max-width: 768px) {
    .room-detail-short-desc { font-size: 1.05rem !important; }
    .room-long-description p { font-size: 1rem !important; }
    .service-item-text { font-size: 0.9rem !important; }
}

/* --- DINING.PHP (YEME & İÇME) ÖZEL CSS --- */

/* 1. Sayfa Girişi */
.dining-intro-sub {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.25em;
    font-size: 0.85rem !important;
}
.dining-intro-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 3rem !important;
    font-weight: 600 !important;
}
.dining-intro-desc {
    font-size: 1.15rem !important;
    color: #374151 !important;
    font-weight: 400 !important;
}

/* 2. Restoran Öğeleri */
.venue-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 2.2rem !important;
    position: relative;
    padding-bottom: 10px;
    font-weight: 600 !important;
}
.venue-title-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: #C5A059; /* Premium Gold */
    transition: width 0.5s ease;
}
.venue-item:hover .venue-title-line {
    width: 120px;
}
.venue-desc {
    font-size: 1.1rem !important;
    color: #374151 !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}

/* 3. Barlar Bölümü (Koyu Kutu) */
.bar-dark-box {
    position: relative;
    background-color: #111827;
    border-radius: 20px;
    overflow: hidden;
}
.bar-bg-overlay {
    position: absolute;
    inset: 0;
    opacity: 0.35;
}
.bar-bg-overlay img {
    width: 100%;
    height: 100%;
    object-cover: cover;
}
.bar-section-sub {
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.25em;
    font-size: 0.85rem !important;
}
.bar-section-title {
    color: #ffffff !important;
    font-size: 2.5rem !important;
    font-weight: 600 !important;
}
.bar-section-desc {
    color: #ffffff !important;
    font-size: 1.1rem !important;
    opacity: 0.9 !important;
    font-weight: 300 !important;
}

/* Bar Kartları */
.bar-card {
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 1.5rem;
    border-radius: 15px;
    transition: all 0.3s ease;
}
.bar-card:hover {
    background-color: #C5A059; /* Premium Gold */
    border-color: #C5A059;
}
.bar-card-icon {
    color: #C5A059 !important; /* Premium Gold */
    font-size: 1.4rem !important;
}
.bar-card:hover .bar-card-icon {
    color: #ffffff !important;
}
.bar-card-name {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
}

/* Mobil Ayarlar */
@media (max-width: 768px) {
    .venue-title { font-size: 1.7rem !important; }
    .venue-desc { font-size: 1rem !important; }
    .bar-section-title { font-size: 2rem !important; }
}

/* --- ACTIVITY.PHP (AKTİVİTELER) ÖZEL CSS --- */

/* 1. Hero / Banner Bölümü */
.activity-hero-sub {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.3em;
    font-size: 1.2rem !important;
    margin-bottom: 0.75rem;
}
.activity-hero-title {
    color: #ffffff !important;
    font-size: 3.5rem !important;
    font-weight: 600 !important;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;
}
.activity-hero-desc {
    font-size: 1.2rem !important;
    color: #ffffff !important;
    opacity: 0.9 !important;
    font-weight: 300 !important;
    max-width: 800px;
    margin: 0 auto;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5) !important;
}

/* 2. Aktivite Listesi Öğeleri (Beyaz Zemin Üzeri) */
.activity-item-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 2rem !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
    transition: color 0.3s ease;
}
.activity-item-title:hover {
    color: #C5A059 !important; /* Premium Gold */
}
.activity-item-desc {
    font-size: 1.1rem !important;
    color: #374151 !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
    margin-bottom: 2rem;
}
.activity-item-link {
    display: inline-block;
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 0.85rem !important;
    border-bottom: 2px solid #C5A059;
    padding-bottom: 5px;
    transition: all 0.3s ease;
}
.activity-item-link:hover {
    color: #C5A059 !important; /* Premium Gold */
    border-color: #2E3C61;
}

/* Mobil Ayarlar */
@media (max-width: 768px) {
    .activity-hero-title { font-size: 2.2rem !important; }
    .activity-hero-desc { font-size: 1.05rem !important; }
    .activity-item-title { font-size: 1.6rem !important; }
    .activity-item-desc { font-size: 1rem !important; }
}

/* --- ACTIVITY-DETAILS (KIDS CLUB VB.) ÖZEL CSS --- */

/* Kids Club Sayfası - Özel Mobil Liste Düzeni */
@media (max-width: 768px) {
    .kids-info-list {
        display: flex !important;
        flex-direction: column !important; /* Yan yana yerine alt alta diz */
        grid-template-columns: none !important; /* Grid yapısını devre dışı bırak */
        gap: 1rem !important;
        padding: 1rem !important;
    }
    
    .kids-info-list .info-item-simple {
            width: 100% !important;
            justify-content: flex-start !important; /* Sola yasla */
            padding: 1.2rem !important; /* Daha geniş dokunma alanı */
            border: 1px solid #f0f0f0; /* Hafif bir çerçeve ile birbirinden ayır */
        }
    
    .kids-info-list .info-value-new {
            font-size: 1rem !important;
            white-space: normal !important;
            text-align: left !important;
        }
    }

/* 1. Üst Başlıklar */
.act-detail-subtitle {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.25em;
    font-size: 0.85rem !important;
}
.act-detail-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
}
.act-detail-short-desc {
    font-size: 1.15rem !important;
    color: #374151 !important;
    font-weight: 400 !important;
    line-height: 1.8;
}

/* 2. Ana Metin Alanı */
.act-detail-content p {
    font-size: 1.1rem !important;
    color: #374151 !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}

/* 3. Yan Özellik Kutusu (Privileges) */
.act-feature-box {
    background-color: #fdfbf7;
    padding: 2rem;
    border-radius: 15px;
    border: 1px solid #eaddc5;
}
.act-feature-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
    font-size: 1.2rem !important;
    border-bottom: 1px solid #eaddc5;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}
.act-feature-list li {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}
.act-feature-icon {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C5A059 !important; /* Premium Gold */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.act-feature-list span {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
}

/* 4. Diğer Aktiviteler (Alt Kartlar) */
.other-act-title {
    font-size: 1.8rem !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
.other-act-desc {
    font-size: 1rem !important;
    color: #ffffff !important;
    opacity: 0.9;
}
.other-act-hover-text {
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.2em;
    font-size: 0.8rem !important;
}

/* Mobil Ayarlar */
@media (max-width: 768px) {
    .act-detail-short-desc { font-size: 1.05rem !important; }
    .act-detail-content p { font-size: 1rem !important; }
    .act-feature-list span { font-size: 0.9rem !important; }
}

/* --- BEACH.PHP (PLAJ & HAVUZ) ÖZEL CSS --- */

/* 1. Hero / Banner Bölümü */
.beach-hero-sub {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.3em;
    font-size: 0.85rem !important;
    margin-bottom: 0.75rem;
}
.beach-hero-title {
    color: #ffffff !important;
    font-size: 3.5rem !important;
    font-weight: 600 !important;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;
}
.beach-hero-desc {
    font-size: 1.2rem !important;
    color: #ffffff !important;
    opacity: 0.9 !important;
    font-weight: 300 !important;
    max-width: 800px;
    margin: 0 auto;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5) !important;
}

/* 2. Liste Öğeleri (Beyaz Zemin Üzeri) */
.beach-item-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 2.1rem !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
    transition: color 0.3s ease;
}
.beach-item-title:hover {
    color: #C5A059 !important; /* Premium Gold */
}
.beach-item-desc {
    font-size: 1.1rem !important;
    color: #374151 !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
    margin-bottom: 2rem;
}
.beach-item-link {
    display: inline-block;
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 0.85rem !important;
    border-bottom: 2px solid #C5A059;
    padding-bottom: 5px;
    transition: all 0.3s ease;
}
.beach-item-link:hover {
    color: #C5A059 !important; /* Premium Gold */
    border-color: #2E3C61;
}

/* Mobil Ayarlar */
@media (max-width: 768px) {
    .beach-hero-title { font-size: 2.2rem !important; }
    .beach-hero-desc { font-size: 1.05rem !important; }
    .beach-item-title { font-size: 1.7rem !important; }
    .beach-item-desc { font-size: 1rem !important; }
}

/* --- POOLS.PHP (HAVUZLAR) ÖZEL CSS --- */

/* 1. Üst Başlıklar */
.pool-detail-subtitle {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.25em;
    font-size: 0.85rem !important;
}
.pool-detail-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
}
.pool-detail-short-desc {
    font-size: 1.15rem !important;
    color: #374151 !important;
    font-weight: 400 !important;
    line-height: 1.8;
}

/* 2. Ana Metin ve Bilgi Kutusu */
.pool-main-content p {
    font-size: 1.1rem !important;
    color: #374151 !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}
.pool-info-alert {
    background-color: #eff6ff; /* bg-blue-50 */
    border-left: 4px solid #2E3C61 !important; /* Premium Lacivert */
    padding: 1.5rem;
    border-radius: 0 10px 10px 0;
    margin: 2rem 0;
}
.pool-info-alert p {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

/* 3. Teknik Bilgi Kutusu */
.pool-technical-box {
    background-color: #fcfcfc;
    padding: 2.5rem;
    border-radius: 15px;
    border: 1px solid #e5e7eb;
}
.pool-technical-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
    font-size: 1.4rem !important;
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center;
}
.pool-tech-item {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
}
.pool-tech-icon {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #eff6ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6 !important;
    shrink: 0;
}
.pool-tech-name {
    display: block;
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.25rem;
}
.pool-tech-data {
    font-size: 0.95rem !important;
    color: #4b5563 !important;
    font-weight: 400 !important;
}
.pool-tech-data strong {
    color: #111827 !important;
    font-weight: 600 !important;
}

/* 4. Alt Kartlar */
.other-pool-title { font-size: 1.8rem !important; color: #ffffff !important; font-weight: 600 !important; }
.other-pool-desc { font-size: 1rem !important; color: #ffffff !important; opacity: 0.9 !important; }
.other-pool-hover-text { color: #C5A059 !important; font-weight: 600 !important; letter-spacing: 0.2em !important; font-size: 0.8rem !important; }

/* Mobil Ayarlar */
@media (max-width: 768px) {
    .pool-detail-short-desc { font-size: 1.05rem !important; }
    .pool-technical-box { padding: 1.5rem; }
    .pool-tech-name { font-size: 1rem !important; }
}

/* --- BEACH-DETAILS.PHP ÖZEL CSS --- */

.beach-detail-subtitle { display: block; color: #C5A059 !important; font-weight: 600 !important; letter-spacing: 0.25em; font-size: 0.85rem !important; }
.beach-detail-title { color: #2E3C61 !important; font-weight: 600 !important; }
.beach-detail-short-desc { font-size: 1.15rem !important; color: #374151 !important; font-weight: 400 !important; line-height: 1.8; }

.beach-main-content p { font-size: 1.1rem !important; color: #374151 !important; line-height: 1.9 !important; font-weight: 400 !important; }

.beach-technical-box { background-color: #fcfcfc; padding: 2.5rem; border-radius: 15px; border: 1px solid #e5e7eb; }
.beach-technical-title { color: #2E3C61 !important; font-weight: 600 !important; font-size: 1.4rem !important; margin-bottom: 2.5rem; display: flex; align-items: center; }
.beach-tech-item { display: flex; align-items: flex-start; gap: 1.25rem; }
.beach-tech-icon { width: 2.5rem; height: 2.5rem; background-color: #eff6ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #3b82f6 !important; shrink: 0; }
.beach-tech-name { display: block; color: #2E3C61 !important; font-size: 1.1rem !important; font-weight: 600 !important; margin-bottom: 0.25rem; }
.beach-tech-data { font-size: 0.95rem !important; color: #4b5563 !important; font-weight: 400 !important; line-height: 1.5; }

.other-beach-title { font-size: 1.8rem !important; color: #ffffff !important; font-weight: 600 !important; }
.other-beach-hover-text { color: #C5A059 !important; font-weight: 600 !important; letter-spacing: 0.2em !important; font-size: 0.8rem !important; }

/* --- SPA.PHP (WELLNESS) ÖZEL CSS --- */

/* 1. Üst Başlıklar */
.spa-detail-subtitle {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.25em;
    font-size: 0.85rem !important;
    margin-bottom: 0.5rem;
}
.spa-detail-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
}
.spa-detail-short-desc {
    font-size: 1.15rem !important;
    color: #374151 !important;
    font-weight: 400 !important;
    line-height: 1.8;
}

/* 2. Ana Metin ve Bilgi Kutusu */
.spa-main-content p {
    font-size: 1.1rem !important;
    color: #374151 !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}
.spa-info-alert {
    background-color: #eff6ff; /* bg-blue-50 */
    border-left: 4px solid #2E3C61 !important; /* Premium Lacivert */
    padding: 1.5rem;
    border-radius: 0 10px 10px 0;
    margin: 2.5rem 0;
}
.spa-info-alert p {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

/* 3. Hizmet Kartları */
.spa-services-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
    font-size: 1.4rem !important;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.spa-service-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background-color: #ffffff;
    border: 1px solid #f3f4f6;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    transition: all 0.3s ease;
}
.spa-service-card:hover {
    border-color: #C5A059 !important; /* Premium Gold */
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05);
    transform: translateY(-2px);
}
.spa-service-icon-box {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #f9fafb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C5A059 !important; /* Premium Gold */
    font-size: 1.1rem;
    transition: all 0.3s ease;
}
.spa-service-card:hover .spa-service-icon-box {
    background-color: #C5A059; /* Premium Gold */
    color: #ffffff !important;
}
.spa-service-name {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #374151 !important;
}

/* Mobil Ayarlar */
@media (max-width: 768px) {
    .spa-detail-short-desc { font-size: 1.05rem !important; }
    .spa-service-name { font-size: 0.9rem !important; }
}

/* --- CAMPAIGNS.PHP (KAMPANYALAR) ÖZEL CSS --- */

/* 1. Hero / Banner Bölümü */
.camp-hero-sub {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.3em;
    font-size: 0.85rem !important;
    margin-bottom: 0.75rem;
}
.camp-hero-title {
    color: #ffffff !important;
    font-size: 3.5rem !important;
    font-weight: 600 !important;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;
}
.camp-hero-desc {
    font-size: 1.2rem !important;
    color: #ffffff !important;      /* SAF BEYAZ */
    opacity: 0.9 !important;
    font-weight: 300 !important;
    max-width: 800px;
    margin: 0 auto;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5) !important;
}

/* 2. Liste Öğeleri (Beyaz Zemin Üzeri) */
.camp-item-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 2.2rem !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
}
.camp-item-desc {
    font-size: 1.1rem !important;
    color: #374151 !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
    margin-bottom: 2.5rem;
}

/* 3. Özel Fırsat Butonu */
.camp-item-btn {
    display: inline-block;
    background-color: #C5A059 !important; /* Premium Gold */
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    padding: 0.85rem 2rem !important;
    border-radius: 50px !important;
    box-shadow: 0 10px 20px rgba(197, 160, 89, 0.2) !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.camp-item-btn:hover {
    background-color: #2E3C61 !important; /* Premium Lacivert */
    box-shadow: 0 10px 20px rgba(46, 60, 97, 0.2) !important;
    transform: translateY(-3px);
}

/* Mobil Ayarlar */
@media (max-width: 768px) {
    .camp-hero-title { font-size: 2.2rem !important; }
    .camp-item-title { font-size: 1.7rem !important; }
    .camp-item-desc { font-size: 1rem !important; }
}

/* --- HONEYMOON.PHP (BALAYI) ÖZEL CSS --- */

/* 1. Üst Başlıklar */
.camp-detail-subtitle {
    display: block;
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    letter-spacing: 0.25em;
    font-size: 0.85rem !important;
    margin-bottom: 0.5rem;
}
.camp-detail-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
}
.camp-detail-short-desc {
    font-size: 1.15rem !important;
    color: #374151 !important;
    font-weight: 400 !important;
    line-height: 1.8;
}

/* 2. Ana Metin */
.camp-main-content p {
    font-size: 1.1rem !important;
    color: #374151 !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}

/* 3. Balayı Ayrıcalıkları Kutusu */
.camp-privilege-box {
    background-color: #fff1f2; /* bg-pink-50 */
    padding: 2.5rem;
    border-radius: 20px;
    border: 1px solid #fecdd3;
    text-align: center;
}
.camp-privilege-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-weight: 600 !important;
    font-size: 1.4rem !important;
    margin-bottom: 2rem;
}
.camp-privilege-list {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.camp-privilege-list li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.05rem !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
}
.camp-privilege-list i {
    color: #f43f5e !important; /* Pembe İkonlar */
    font-size: 1.1rem;
}

/* 4. Alt Kartlar */
.other-camp-title { font-size: 1.8rem !important; color: #ffffff !important; font-weight: 600 !important; }
.other-camp-desc { font-size: 1rem !important; color: #ffffff !important; opacity: 0.9 !important; }
.other-camp-hover-text { color: #C5A059 !important; font-weight: 600 !important; letter-spacing: 0.2em !important; font-size: 0.8rem !important; }

/* Mobil Ayarlar */
@media (max-width: 768px) {
    .camp-detail-short-desc { font-size: 1.05rem !important; }
    .camp-privilege-box { padding: 1.5rem; }
    .camp-privilege-list li { font-size: 0.95rem !important; }
}

/* --- CONTACT.PHP (İLETİŞİM) ÖZEL CSS --- */

/* 1. Hero / Banner */
.contact-hero-title {
    color: #ffffff !important;
    font-size: 3.5rem !important;
    font-weight: 600 !important;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}
.contact-hero-desc {
    color: #ffffff !important;
    opacity: 0.9 !important;
    font-size: 1.15rem !important;
    font-weight: 300 !important;
}

/* 2. Bölüm Başlıkları */
.contact-section-title {
    color: #2E3C61 !important; /* Premium Lacivert */
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    border-left: 4px solid #C5A059 !important; /* Premium Gold */
    padding-left: 1rem;
    margin-bottom: 2rem;
}

/* 3. İletişim Bilgileri Listesi */
.contact-icon-circle {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #2E3C61 !important; /* Premium Lacivert */
    color: #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    shrink: 0;
}
.contact-info-label {
    color: #374151 !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.25rem;
}
.contact-info-text {
    color: #4b5563 !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}
.contact-info-link {
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    transition: color 0.3s ease;
}
.contact-info-link.gold { color: #C5A059 !important; } /* Premium Gold */
.contact-info-link.navy { color: #2E3C61 !important; } /* Premium Lacivert */
.contact-info-link:hover { opacity: 0.8; }

/* 4. Ulaşım Bölümü */
.transport-icon {
    color: #C5A059 !important; /* Premium Gold */
    font-size: 1.3rem;
    width: 1.5rem;
    text-align: center;
}
.transport-name {
    color: #1a202c !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
}
.transport-desc {
    color: #4b5563 !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}
.contact-suggestion-alert {
    background-color: #eff6ff; /* blue-50 */
    border: 1px solid #dbeafe;
    padding: 1.25rem;
    border-radius: 10px;
    display: flex;
    gap: 0.75rem;
    align-items: center;
}
.contact-suggestion-alert i { color: #2E3C61 !important; font-size: 1.15rem; } /* Premium Lacivert */
.contact-suggestion-alert p { color: #2E3C61 !important; font-size: 0.9rem !important; font-weight: 500 !important; margin: 0; }

/* Mobil Ayarlar */
@media (max-width: 768px) {
    .contact-hero-title { font-size: 2.5rem !important; }
    .contact-info-link { font-size: 1rem !important; }
    .contact-section-title { font-size: 1.3rem !important; }
}

/* --- FOOTER (ALT BÖLÜM) ÖZEL CSS --- */

/* 1. Footer Genel Metinler */
.footer-about-text {
    color: #ffffff !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
    opacity: 0.8;
}
.footer-title {
    color: #C5A059 !important; /* Premium Gold */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 2rem !important;
}

/* 2. Footer Menü Linkleri */
.footer-menu li { margin-bottom: 0.75rem; }
.footer-menu a {
    color: #ffffff !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.footer-menu a i { color: #C5A059; font-size: 0.7rem; } /* Premium Gold */
.footer-menu a:hover { color: #C5A059 !important; padding-left: 5px; } /* Premium Gold */

/* 3. Footer İletişim Satırları */
.footer-contact-info .contact-line {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
}
.footer-contact-info i { color: #C5A059 !important; font-size: 1.05rem; width: 1.2rem; text-align: center; } /* Premium Gold */
.footer-contact-info a { color: #ffffff !important; transition: color 0.3s; }
.footer-contact-info a:hover { color: #C5A059 !important; } /* Premium Gold */

/* 4. Sosyal Medya ve Alt Telif Bölümü */
.social-icon {
    width: 2.25rem; height: 2.25rem;
    background-color: rgba(255,255,255,0.1);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #ffffff !important; transition: all 0.3s;
}
.social-icon:hover { background-color: #C5A059; transform: translateY(-3px); } /* Premium Gold */

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 2rem;
    display: flex; justify-content: space-between; align-items: center;
    color: #ffffff !important; font-size: 0.8rem !important; opacity: 0.7;
}
.web-design-link a { color: #C5A059 !important; font-weight: 600; } /* Premium Gold */

/* 5. Mobil Sabit Menü (Fixed Bar) */
.mobile-fixed-menu {
    position: fixed; bottom: 0; left: 0; width: 100%;
    background-color: #ffffff; border-top: 1px solid #e5e7eb;
    display: flex; justify-content: space-around; align-items: center;
    padding: 0.75rem 0; z-index: 100;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.1);
}
.mobile-menu-item {
    display: flex; flex-direction: column; align-items: center; gap: 0.25rem;
    color: #4b5563; font-size: 10px; font-weight: 600; text-transform: uppercase;
}
.mobile-call-btn {
    display: flex; flex-direction: column; align-items: center;
    color: #C5A059; font-size: 10px; font-weight: 600; /* Premium Gold */
}
.call-icon-box {
    width: 3.5rem; height: 3.5rem; background-color: #C5A059; /* Premium Gold */
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    color: #ffffff; margin-top: -2rem; border: 5px solid #ffffff;
    box-shadow: 0 5px 15px rgba(197, 160, 89, 0.4);
}

/* Slider Kapsayıcısı - Tailwind ile uyumlu hale getirildi, !important'lar silindi */
.banner-slider-wrapper {
    width: 100%;
    /* height: 70vh !important; SİLİNDİ - Tailwind sınıfları (h-[55vh] vb.) devreye girecek */
    min-height: 350px;       /* Mobil çok daralmasın diye limit */
    max-height: 850px;       /* Masaüstünde çok patlamasın diye limit */
    overflow: hidden;
}

.banner-slider-wrapper img {
    width: 100%;
    height: 100%;
    object-cover: cover;
    object-position: center;
}

/* Tüm sayfa altı kartlardaki (Oda, Aktivite, Kampanya, Havuz) açıklama metinlerini kaldır */
.other-room-card p,
.other-act-card p,
.other-pool-card p,
.other-beach-card p,
.other-camp-card p,
.other-room-desc,
.other-act-desc {
    display: none !important;
}

/* Kartlardaki başlığı daha dengeli (ortalı) göstermek için */
.other-room-card h3,
.other-act-card h3,
.other-pool-card h3 {
    margin-bottom: 0 !important;
    padding-bottom: 5px;
}

/* --- GLOBAL RESET --- */
header nav ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

header nav ul li {
    position: relative !important;
}

/* --- MASAÜSTÜ DÜZENLEME --- */
@media (min-width: 1025px) {
    
    /* 1. ANA MENÜ ÖĞELERİ (Otellerimiz, Odalar vb.) */
    header nav ul li > a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 15px !important;       /* Daha zarif yapı */
        font-weight: 500 !important;       /* Kaba 800 değeri 500'e çekildi */
        color: #2E3C61 !important; /* Premium Lacivert */
        text-transform: uppercase !important;
        padding: 0 18px !important;
        line-height: 90px !important;
        display: block !important;
        letter-spacing: 0.5px !important;
        transition: color 0.3s ease;
    }

    header nav ul li > a:hover {
        color: #C5A059 !important; /* Premium Gold */
    }

    /* 2. DROPDOWN KUTUSU (Açılır Pencere) */
    header ul li ul {
        position: absolute !important;
        top: 90px !important;
        left: 0 !important;
        display: none !important;
        flex-direction: column !important;
        background: #ffffff !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
        min-width: 260px !important;
        z-index: 999 !important;
        border-top: 3px solid #C5A059 !important; /* Premium Gold */
        padding: 10px 0 !important;
    }

    header ul li:hover > ul {
        display: flex !important;
    }

    /* 3. DROPDOWN ÖĞELERİ (Yeme & İçme, Aktiviteler vb.) */
    header ul li ul li a {
        font-size: 13px !important;       /* Zarif alt menü */
        font-weight: 500 !important;       /* 700 yerine 500 */
        line-height: normal !important;
        padding: 12px 20px !important;
        color: #374151 !important;
        text-transform: uppercase !important;
        border-bottom: 1px solid #f5f5f5 !important;
        height: auto !important;
        display: block !important;
        width: 100% !important;
    }

    header ul li ul li a:hover {
        background: #fcfcfc !important;
        color: #C5A059 !important; /* Premium Gold */
        padding-left: 25px !important;
    }
}

/* --- MOBİL DÜZENLEME --- */
@media (max-width: 1024px) {
    header nav ul, header nav ul li { display: block !important; }

    header nav ul li a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important; /* Mobilde biraz daha belirgin */
        color: #2E3C61 !important; /* Premium Lacivert */
        padding: 15px 25px !important;
        line-height: 1.2 !important;
        border-bottom: 1px solid #eee !important;
        display: block !important;
        text-transform: uppercase !important;
    }

    header ul li ul {
        display: block !important;
        position: static !important;
        background: #f9f9f9 !important;
    }

    header ul li ul li a {
        font-size: 14px !important;
        font-weight: 500 !important;
        padding: 12px 35px !important;
        color: #555 !important;
    }
    
    /* Odalar Bölümü Kart Eşitleme */
    #odalar .grid {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    #odalar .grid > a.group {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }

    /* Beyaz kartın olduğu kısım */
    .index-room-card {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
        min-height: 280px !important;
        justify-content: space-between !important;
        padding-bottom: 2rem !important;
    }

    /* Kısa açıklama metni */
    .index-room-short {
        flex-grow: 1 !important;
        margin-bottom: 1.5rem !important;
        display: block !important;
    }

    /* Alt kısımdaki özellikler (m2, kişi sayısı vb.) */
    .index-room-features {
        margin-top: auto !important;
        border-top: 1px solid #eee;
        padding-top: 1rem;
    }
}

/* Arka planlar ve footer hiyerarşisi */
.footer-area {
    background-color: #2E3C61 !important; /* Arka Plan Premium Lacivert */
    border-top: 4px solid #C5A059 !important; /* Üst Çizgi Premium Gold */
}

/* Map CTA Çizgisi */
.w-24.h-1.bg-\[\#c5a059\], .bg-\[\#c5a059\] {
    background-color: #C5A059 !important; /* Çizgi Premium Gold */
}