/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* Font overrides — CMS font_settings üzerinden yönetilir */
body { font-family: var(--font-primary, "Montserrat"), Helvetica, sans-serif; }
.intro em { font-family: var(--font-decorative, "Caveat"), cursive; }
.banner .wrapper p { font-family: var(--font-serif, "Lora"), serif; }

/* Başlık punto — CMS heading_size üzerinden yönetilir */
main h1 { font-size: calc(2.5rem * var(--heading-scale, 1)) !important; }
main h2 { font-size: calc(2rem   * var(--heading-scale, 1)) !important; }
main h3 { font-size: calc(1.75rem * var(--heading-scale, 1)) !important; }
main .title h2 { font-size: calc(1.875rem * var(--heading-scale, 1)) !important; }

/* Hero ve banner başlıkları punto ayarından muaf — orijinal tema değerleri korunur */
.hero .wrapper h1,
.hero .wrapper h3 { font-size: 51px !important; }
@media (max-width: 767px) {
    .hero .wrapper h1,
    .hero .wrapper h3 { font-size: 36px !important; }
}
@media (max-width: 575px) {
    .hero .wrapper h1,
    .hero .wrapper h3 { font-size: 32px !important; }
}
.banner .wrapper h3 { font-size: 36px !important; }

/* Kısa sayfalarda footerReveal efektinin çalışması için min yükseklik */
main { min-height: 100vh; }

/* Header'ı başlangıçta beyaz yap */
header.fixed_header {
    background-color: #fff !important;
    border-bottom: 1px solid #d9e1e6;
}

/* Menü yazılarını koyu renk yap */
header.fixed_header nav ul li a {
    color: #333 !important;
}

/* Menü öğelerinin font boyutunu küçült ve aralığı ayarla */
@media only screen and (min-width: 992px) {
    /* Nav listesini flex yap, gap'i minimuma indir */
    .submenu_version .main-menu ul {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0 !important;
        flex-wrap: nowrap !important;
    }

    /* Her li öğesinin padding/margin sıfırla */
    .submenu_version .main-menu ul > li {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Link padding'ini minimuma indir */
    .submenu_version .main-menu ul li a {
        font-size: 12px !important;
        letter-spacing: 0px;
        padding: 8px 8px !important;
        white-space: nowrap;
    }

    /* Rezervasyon butonu */
    .submenu_version .main-menu ul li .btn_1,
    .submenu_version .main-menu ul li a.btn_1 {
        padding: 10px 14px !important;
        font-size: 12px !important;
        margin-left: 6px !important;
        white-space: nowrap;
    }
}

/* Link altı çizgi efektini koyu renk yap */
header.fixed_header nav ul li a.animated_link:before {
    background-color: #333 !important;
}

/* Logoları ayarla: Normali gizle, Sticky olanı (renkliyi) göster */
header.fixed_header .logo_normal {
    display: none !important;
}
header.fixed_header .logo_sticky {
    display: block !important;
}

/* Mobil menü (hamburger) simgesini koyu renk yap */
header.fixed_header .hamburger_2 .hamburger__inner,
header.fixed_header .hamburger_2 .hamburger__inner::before,
header.fixed_header .hamburger_2 .hamburger__inner::after {
    background-color: #333 !important;
}
/* Rezervasyon Yap butonu özel stili */
.btn_reserve,
header.fixed_header nav ul li a.btn_reserve {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
    border: none !important;
}

.btn_reserve:hover,
header.fixed_header nav ul li a.btn_reserve:hover {
    background-color: var(--brand-dark) !important;
    color: #fff !important;
    opacity: 0.9;
}

/* ── Mobil slide-in menü ── */
@media (max-width: 991px) {
    /* Öğeler alt alta */
    .main-menu #mainNav ul {
        display: block !important;
        list-style: none;
        padding: 0; margin: 0;
    }
    .main-menu #mainNav ul li {
        display: block !important;
        width: 100%;
    }
    .main-menu #mainNav ul li a {
        display: block !important;
        padding: 12px 20px !important;
        border-bottom: 1px solid #f0f0f0;
        color: #333 !important;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0;
    }
    /* Rezervasyon butonu */
    .main-menu #mainNav ul li a.btn_reserve {
        margin: 16px 20px !important;
        padding: 14px 20px !important;
        border-bottom: none !important;
        text-align: center;
        border-radius: 25px;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }
}

/* Büyük rezervasyon butonu (masaüstü header sağ köşe) */
a.btn_reserve_lg {
    padding: 13px 26px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    white-space: nowrap;
}

/* ── Masaüstü: merkez nav tek satır, item sayısına göre küçülür ── */
#desktopNav {
    width: 100%;
    display: flex;
    justify-content: center;
}
#desktopNav ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    list-style: none;
    margin: 0; padding: 0;
    width: 100%;
    justify-content: center;
}
#desktopNav ul li {
    flex-shrink: 1;
    min-width: 0;
}
#desktopNav ul li a {
    display: block;
    font-size: clamp(9px, 0.85vw, 13px);
    font-weight: 600;
    letter-spacing: 0;
    padding: 8px clamp(3px, 0.5vw, 10px);
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
}
#desktopNav ul li a:hover { opacity: .7; }


.title small, .clr_green {
    color: var(--brand-primary) !important;
}

/* Video üzerindeki başlık için özel beyaz renk ayarı */
.pinned_over_content .title.white small {
    color: #fff !important;
}

/* Tesis ve İletişim ikonlarını yeşil yap */
.box_facilities i, .facilities i, .room_facilities_list i, .contact_info i {
    color: var(--brand-primary) !important;
}

/* İletişim Sayfası Gönder Butonu */
.btn_1.outline#submit-contact {
    border: 2px solid var(--brand-primary) !important;
    color: var(--brand-primary) !important;
}

.btn_1.outline#submit-contact:hover {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
}

/* Footer alanını kurumsal yeşil yap */
footer {
    background-color: var(--brand-primary) !important;
}

footer .footer_bg .gradient_over {
    background: linear-gradient(to bottom, transparent, var(--brand-primary)) !important;
}

footer .copy {
    background-color: var(--brand-dark) !important; /* Alt kısım için bir ton koyu yeşil */
    border-top: 1px solid rgba(255,255,255,0.1);
}

footer .footer_bg .background-image {
    opacity: 0.15 !important; /* Arka plan resmi biraz daha silik olsun */
}

/* Sosyal medya ikonlarını görünür yap */
.social ul li a {
    color: #fff !important;
}

.social ul li a i {
    font-size: 24px !important;
}

.social ul li a:hover {
    color: var(--brand-primary) !important; /* Açık yeşil / Beyaz arası bir ton veya farklı bir vurgu */
}

/* Newsletter Butonu */
#newsletter button[type='submit'] {
    background-color: var(--brand-dark) !important;
    color: #fff !important;
}

/* Sayfa Geçiş Efekti (Preloader) Özelleştirme */
#preloader {
    background-color: var(--brand-primary) !important;
}

#preloader::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 100px;
    background: url(../img/logo.png) no-repeat center center;
    background-size: contain;
    filter: brightness(0) invert(1) !important; /* Logoyu beyaza çevir */
    z-index: 1;
}

[data-loader=circle-side] {
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    border-top-color: #fff !important;
}

/* Footer logosunu beyaz yap */
.white_logo {
    filter: brightness(0) invert(1) !important;
}

/* Sayfa yüklendiğinde loader'ın kesin olarak gizlenmesini sağla */
#preloader.loaded {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: all 0.5s ease-in-out;
}

/* Sayfa Başına Dön Butonu (Back-to-top) Renk Ayarı */
.progress-wrap svg.progress-circle path {
    stroke: var(--brand-primary) !important;
}

.progress-wrap:hover::after {
    color: var(--brand-primary) !important; /* Üzerine gelince ok rengini kurumsal yeşil yap */
}

/* btn_4 (Oda Detay Butonu) kurumsal yeşil yap */
.btn_4.learn-more .circle {
    background: var(--brand-primary) !important;
}

.btn_4:hover .button-text {
    color: #fff !important;
}

/* Galeri Ok ikonlarını görünür ve kurumsal yeşil yap */
.owl-nav button.owl-prev, 
.owl-nav button.owl-next {
    color: var(--brand-primary) !important;
    font-size: 40px !important;
    transition: all 0.3s;
}

.owl-nav button.owl-prev:hover, 
.owl-nav button.owl-next:hover {
    color: var(--brand-dark) !important;
    opacity: 0.8;
}

.carousel_item_centered .owl-nav button.owl-prev,
.carousel_item_centered .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.5) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel_item_centered .owl-nav button.owl-prev {
    left: 20px;
}

.carousel_item_centered .owl-nav button.owl-next {
    right: 20px;
}

/* Table Custom Header */
.table.custom-thead thead th, 
.table.custom-thead thead th * {
    background-color: var(--brand-primary) !important;
    color: #ffffff !important;
    border-color: var(--brand-primary) !important;
}

/* index2.html için Transparan Header Mantığı */
header.fixed_header.header_transparent {
    background-color: transparent !important;
    border-bottom: none !important;
    transition: all 0.3s ease-in-out;
}

header.fixed_header.header_transparent .logo_normal {
    display: block !important;
    filter: brightness(0) invert(1) !important; /* Logoyu beyaz yapar */
}

header.fixed_header.header_transparent .logo_sticky {
    display: none !important;
}

header.fixed_header.header_transparent nav ul li a {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}

/* Kaydırınca (Scrolled State) */
header.fixed_header.header_transparent.scrolled {
    background-color: #fff !important;
    border-bottom: 1px solid #d9e1e6 !important;
}

header.fixed_header.header_transparent.scrolled .logo_normal {
    display: none !important;
}

header.fixed_header.header_transparent.scrolled .logo_sticky {
    display: block !important;
    filter: none !important; /* Orijinal renkli logo */
}

header.fixed_header.header_transparent.scrolled nav ul li a {
    color: #333 !important;
}

header.fixed_header.header_transparent.scrolled nav ul li a.btn_reserve {
    color: #fff !important; /* Rezervasyon butonu yazısı hep beyaz kalsın */
}

header.fixed_header.header_transparent:not(.scrolled) .hamburger_2 .hamburger__inner,
header.fixed_header.header_transparent:not(.scrolled) .hamburger_2 .hamburger__inner::before,
header.fixed_header.header_transparent:not(.scrolled) .hamburger_2 .hamburger__inner::after {
    background-color: #fff !important;
}

/* Dil Seçici Butonu */
.btn-lang-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border: none;
    background: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #333 !important;
    text-decoration: none !important;
    transition: opacity .2s;
    white-space: nowrap;
}
.btn-lang-switch:hover { opacity: .6; }

/* Transparan header'da dil butonu beyaz */
header.fixed_header.header_transparent:not(.scrolled) .btn-lang-switch {
    color: #fff !important;
}

/* index2: transparan header'da logo orijinal renkte kalır, hafif beyaz halo */
.colored-logo-header header.fixed_header.header_transparent .logo_normal {
    filter: none !important;
}
.colored-logo-header header.fixed_header.header_transparent .logo_normal img {
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.6)) drop-shadow(0 0 16px rgba(255,255,255,0.35));
}

/* Olanaklar → Toplantı Salonları ve Art Inside → Udonya boşluk düzeltmesi */
#section-halls,
#section-udonya {
    padding-top: 60px !important;
}

/* ── Çerez Bildirimi ── */
.cookie-consent {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 -4px 24px rgba(0,0,0,.12);
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s ease;
    pointer-events: none;
}
.cookie-consent.cookie-consent--visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}
.cookie-consent__inner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 30px;
    max-width: 1400px;
    margin: 0 auto;
}
.cookie-consent__icon {
    font-size: 28px;
    color: var(--brand-primary);
    flex-shrink: 0;
    line-height: 1;
}
.cookie-consent__text {
    flex: 1;
    min-width: 0;
}
.cookie-consent__text strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-bottom: 2px;
}
.cookie-consent__text p {
    margin: 0;
    font-size: 13px;
    color: #666;
    line-height: 1.5;
}
.cookie-consent__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.cookie-consent__link {
    font-size: 13px;
    color: var(--brand-primary);
    text-decoration: underline;
    white-space: nowrap;
}
.cookie-consent__link:hover { opacity: .75; }
.cookie-consent__btn {
    border: none;
    border-radius: 25px;
    padding: 9px 22px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity .2s;
}
.cookie-consent__btn:hover { opacity: .85; }
.cookie-consent__btn--primary {
    background: var(--brand-primary);
    color: #fff;
}
.cookie-consent__btn--outline {
    background: transparent;
    color: #555;
    border: 1px solid #ccc;
}
@media (max-width: 767px) {
    .cookie-consent__inner {
        flex-wrap: wrap;
        padding: 16px 20px;
        gap: 12px;
    }
    .cookie-consent__icon { display: none; }
    .cookie-consent__actions {
        width: 100%;
        justify-content: flex-end;
    }
}

/* Newsletter placeholder */
#newsletter input[type=email]::placeholder { color: rgba(255,255,255,0.55); }
#newsletter input[type=email]::-webkit-input-placeholder { color: rgba(255,255,255,0.55); }
#newsletter input[type=email]::-moz-placeholder { color: rgba(255,255,255,0.55); }