﻿.font-figtree { font-family: 'Figtree', sans-serif; }

.cl-yellow { color:#f0d439; }
.cl-orange { color:#f05739; }
.cl-lightorange { color:#f09439; }

.bg-yellow { background-color: #f0d439;}
.bg-lightorange { background-color: #f09439;}
.bg-lightyellow { background-color: #fff0b8; }
.bg-lightgray { background-color: #fafafc; }
.bg-gray { background-color: #e9e9e9; }

.strech-image { height:100%;width:100%;object-fit:cover; }
.strech-div { height: calc(100vh - 124px); }
@media (max-width: 992px) {
    .strech-image { max-height:300px;  }
    .strech-div { height: 310px; }
}

.image-wrapper { position: relative; width: 100%; height: 400px; }
.image-wrapper img { width: 100%; height: 100%; object-fit: cover; object-position:center center; }
@media (max-width: 1200px) {
    .image-wrapper { height: 300px; }
}

.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }

.overlay-blue { position: relative; background-color: #ffffff; }
.overlay-blue .overlay-blue2 { position: absolute; top: 0; left: 0; width: 100%; height: 70%; background-color: #2c40bf; z-index:0; }

#Datesprices { scroll-margin-top: 100px; /* kaydırmada üstte kalan boşluk, Başlığın yüksekliğine göre ayarlayın */ }

.cursor-pointer { cursor:pointer; }

.top-lg-100 { top: 94px !important; }
@media (max-width: 991.98px) {
    .top-lg-100 { top: 0 !important; }
}
.btn.btn-menu { background-color:transparent; color: #000; font-weight:600;transition:none; }
.btn.btn-menu:hover {background-color:var(--bs-orange) !important; color: #fff; }

.btn.btn-outline-menu { color: #000; border-color: rgba(0, 0, 0, 0.3); transition: filter 0s ease; }
.btn.btn-outline-menu:hover { color: #fff; background-color: var(--bs-orange); border-color: var(--bs-orange); }
.btn.btn-outline-menu img { transition: filter 0s ease; }
.btn.btn-outline-menu:hover img { filter: brightness(0) invert(1); }

/* menu */
/* Desktop Sidebar Menüsü */
.desktop-menu-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 2000; display: none; }
.desktop-menu-container.active { display: flex; }
.desktop-main-menu { min-width: 320px; height: 100vh; background-color: white; box-shadow: 2px 0 10px rgba(0,0,0,0.1); }
.desktop-menu-header { background-color: var(--bs-primary); color: white; padding: 19px; display: flex; justify-content: space-between; align-items: center; }
.desktop-close-btn { background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; }

.main-menu .list-group-item { border: none; padding: 8px 20px; font-weight: 700; transition: all 0.3s; font-family: "Antonio",sans-serif; font-size:1.5em; }
.main-menu .list-group-item:hover { background-color: #e9ecef; padding-left: 22px; }

.desktop-submenu { min-width: 320px; height: 100vh; background-color: #f8f9fa; box-shadow: 2px 0 10px rgba(0,0,0,0.1); display: none; }
.desktop-submenu.active { display: block; }
.submenu-header { background-color: var(--bs-primary); color: #fff; padding: 32px 15px; margin-bottom: 0; }
.submenu .list-group-item { border: none; border-bottom: 1px solid #eee; background-color:transparent; padding: 10px 15px; cursor: pointer; }
.submenu .list-group-item:last-child { border-bottom: none; }

.desktop-region-menu { width: 100%; height: 100vh; /*background-color: white;*/background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/img/bg-menu.jpg'); 
                       background-size:cover; background-position:center; box-shadow: 2px 0 10px rgba(0,0,0,0.1); display: none; }
.desktop-region-menu.active { display: block; }
.region-header { background-color: transparent; color: #fff; padding: 32px 15px; margin-bottom: 0; }
.country-list { max-height: 86vh; overflow-y: auto; }
.country-list .list-group-item { border: none; padding: 8px 15px; background-color:transparent; color:#fff; }

.about-submenu { display: none; }
.about-submenu.active { display: block; }

.back-btn { background: none; border: none; color: white; font-size: 1.2rem; cursor: pointer; }

/* mobile menu ayarı */
.offcanvas-header { background-color: var(--bs-primary); color: white; }
.offcanvas-title { font-weight: bold; font-size: 1.5rem; }
.offcanvas-body .list-group-item { border: none; padding: 8px 15px; background-color:transparent; color:#fff; }
.offcanvas-body .list-group-item:hover { background-color: transparent; padding-left: 15px; color:#f05739; }

@media (max-width: 991.98px) {
    .desktop-menu-container { display: none !important; }
    .offcanvas-start { width:100%; background-color:transparent;background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/img/bg-menu.jpg'); background-size:cover; background-position:center; }
}

@media (min-width: 992px) {
    /*.offcanvas { display: none !important; }*/
    .navbar-toggler { display: none !important; }
    .hero-section .btn { display: none !important; }
}
/* menu end */

/* Özel bir class ile hover efektini kaldır */
.no-link-hover { transition: none !important; }
.no-link-hover:hover,.no-link-hover:focus,.no-link-hover:active {background-color: transparent !important;color: inherit !important;text-decoration: none !important;border: none !important;outline: none !important;box-shadow: none !important;}

/* accordion header resim ve yazı efekti */
/* Resim Animasyonu */
.accordion-img img { display: block; transform: translateX(0); /* Başlangıç pozisyonu (normal) */ opacity: 1; transition: all 0.5s ease-in-out; /* Animasyon süresi ve efekti */ }
.accordion-text { transition: all 0.5s ease-in-out; /* Yazıya da animasyon ekledik */ }
/* Accordion AÇIK olduğunda (resim gizlenecek) */
.accordion-button:not(.collapsed) .accordion-img img { transform: translateX(-100%);  /*Sola kaydır*/  opacity: 0; }
/* Accordion KAPALI olduğunda (resim görünecek) */
.accordion-button.collapsed .accordion-img img { transform: translateX(0);  /*Normal pozisyon*/ opacity: 1; }
.accordion-button:not(.collapsed) .accordion-text { transform: translateX(-130px); /* Resmin genişliği kadar sola kaydır (130px) */ margin-left: 20px !important; /* Bootstrap'ın ms-4 margin'ini geçersiz kılar */ }
/* Accordion KAPALI durumunda: Her şey normale döner */
.accordion-button.collapsed .accordion-text { transform: translateX(0); }
/* mobilde resim d-none iken yazının sola kaymasını engeller */
@media (max-width: 768px) {
    .accordion-img img { display: none; }
    .accordion-text { transition:none; }
    .accordion-button:not(.collapsed) .accordion-text { transform: none; margin-left: 24px !important; }
}
/* Accordion kapalıyken resmi göster 
.accordion-button:not(.collapsed) .accordion-img img { display: none; }*/
/* Accordion açıkken resmi gizle 
.accordion-button.collapsed .accordion-img img { display: block; }*/
/* accordion header resim ve yazı efekti sonu */

.resume .resume-item {padding: 0 0 20px 20px; margin-top: -2px; border-left: 2px solid var(--bs-light); position: relative; }  /*sol çizgi */
.resume .resume-item::before { content: ""; position: absolute; width: 15px; height: 15px; border-radius: 50px; left: -9px; top: 0; background: #fff; border: 1px solid var(--bs-gray); }  /*circle */
.resume .resume-item::after { content: ""; position: absolute; width: 15px; height: 15px; border-radius: 50px; left: -9px; bottom: 0; background: #fff; border: 1px solid var(--bs-gray); }  /* circle */

/* checkbox switch */
.switch { position: relative; display: inline-block; width: 40px; height: 20px; }
.switch input { opacity: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: var(--bs-primary); }
input:focus + .slider { box-shadow: 0 0 1px #e3e1e1; }
input:checked + .slider:before { -webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
/* checkbox switch end */

/* checkbox control */
.SingleCheckbox { display: flex; align-items: center; min-width: max-content; }
.SingleCheckbox input[type=checkbox] { display: none; }
.SingleCheckbox label { display: inline-flex; align-items: center; cursor: pointer; margin: 0; white-space: nowrap; min-width: max-content; font-size:0.9em; }
.SingleCheckbox input[type=checkbox] + label { position: relative; padding-left: 1.5em; height: 1em; line-height: 1em; }
.SingleCheckbox input[type=checkbox] + label::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); 
                                                       width: 1.1em; height: 1.1em; border: 0.0625em solid #999; border-radius: 0.15em; background: white; }
.SingleCheckbox input[type=checkbox]:checked + label::before { content: "\2714"; color: #ffffff; background-color: #f05739; border-color: #f05739; display: flex;
        align-items: center; justify-content: center; font-size: 1em; }
.dropdown-menu { width: auto !important; min-width: 250px !important; } /* Dropdown genişliği garantisi */
/* checkbox control end */

/* experiences-carousel */
.experiences-carousel .owl-nav .owl-prev { position: absolute; top: -45px;left: 0;padding: 5px 30px;border: 1px solid var(--bs-primary);border-radius: 30px;transition: 0.5s; }
.experiences-carousel .owl-nav .owl-next { position: absolute; top: -45px;right: 0;padding: 5px 30px;border: 1px solid var(--bs-primary);border-radius: 30px;transition: 0.5s; }
.experiences-carousel .owl-nav .owl-prev i,
.experiences-carousel .owl-nav .owl-next i { color: var(--bs-primary); font-size: 17px; transition: 0.5s; }
.experiences-carousel .owl-nav .owl-prev:hover,
.experiences-carousel .owl-nav .owl-next:hover { background: var(--bs-primary); }
.experiences-carousel .owl-nav .owl-prev:hover i,
.experiences-carousel .owl-nav .owl-next:hover i { color: var(--bs-white); }

/* experiences-carousel-all */
.exp-background { position: relative; width: 100%; height: 100%; border-radius: 0 0 25px 25px; overflow: hidden; /* Blur efektinin taşmasını önler */ }
.exp-background::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: inherit; /* Mevcut background-image'i alır */
        background-size: cover; background-position: center; filter: blur(2px); z-index: 0; }
.exp-background > * { position: relative; z-index: 1; }
.exper-carousel .owl-nav .owl-prev { position: absolute; top: -45px;left: 0;padding: 3px 7px;border: 1px solid var(--bs-white);border-radius: 30px;background-color:#fff;transition: 0.5s; }
.exper-carousel .owl-nav .owl-next { position: absolute; top: -45px;right: 0;padding: 3px 7px;border: 1px solid var(--bs-white);border-radius: 30px;background-color:#fff;transition: 0.5s; }
.exper-carousel .owl-nav .owl-prev i,
.exper-carousel .owl-nav .owl-next i { color: var(--bs-primary); font-size: 17px; transition: 0.5s; }
.exper-carousel .owl-nav .owl-prev:hover,
.exper-carousel .owl-nav .owl-next:hover { background: var(--bs-primary); }
.exper-carousel .owl-nav .owl-prev:hover i,
.exper-carousel .owl-nav .owl-next:hover i { color: var(--bs-white); }
.exper-carousel .exp-item { position:relative; }
.exper-carousel .exp-item img { border-radius:25px 25px 25px 0; height:350px; width:100%; object-fit:cover; object-position:center; }
.exper-carousel .exp-item .img { position:relative; }
.exper-carousel .exp-item .img::after { position:absolute; left: 0; right: 0; bottom: 0; height: 50%; content: ''; background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0)); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }
.exper-carousel .exp-item .box2 { position: absolute; left: 0; bottom:0; padding:0.8em; width:100%; }

/* blog carousel */
.blog .blog-carousel .owl-dots { margin-top: 30px; display: flex; align-items: center; justify-content: center; }
.blog .blog-carousel .owl-dot { position: relative; display: inline-block; margin: 0 5px; width: 15px; height: 15px; background: var(--bs-light); border: 1px solid var(--bs-primary); border-radius: 10px; transition: 0.5s; }
.blog .blog-carousel .owl-dot.active { width: 40px; background: var(--bs-primary); }

/* faq carousel */
.faq-carousel .owl-nav .owl-prev { position: absolute; top:-5px;left: 0;padding: 3px 7px;border: 1px solid var(--bs-primary);border-radius: 30px;background-color:var(--bs-primary);transition: 0.5s; }
.faq-carousel .owl-nav .owl-next { position: absolute; top:-5px;right: 0;padding: 3px 7px;border: 1px solid var(--bs-primary);border-radius: 30px;background-color:var(--bs-primary);transition: 0.5s; }
.faq-carousel .owl-nav .owl-prev i,
.faq-carousel .owl-nav .owl-next i { color: #fff; font-size: 17px; transition: 0.5s; }
.faq-carousel .owl-nav .owl-prev:hover, .faq-carousel .owl-nav .owl-next:hover { background: #fff; }
.faq-carousel .owl-nav .owl-prev:hover i, .faq-carousel .owl-nav .owl-next:hover i { color: var(--bs-primary); }
.faq-carousel .item a.active { color: var(--bs-primary) !important; text-decoration: underline !important; }

/* blur arkaplan efekti */
.blur-background-container { position: relative; width: 100%; min-height: 300px; overflow: hidden; /*border-radius: 12px;*/ }
.blur-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(2px); 
                   transform: scale(1.05); /* Kenarlardaki boşlukları kapatmak için */ z-index: 1; }
.content-overlay { position: relative; z-index: 2; padding: 2rem; }

/* tur detay galeri */
.gallery-container { display: flex; max-height:620px; }
.thumbnails-column { width: 20%; padding-right: 5px; display: flex; flex-direction: column; position: relative; }
.thumbnail-nav-top { display: flex; justify-content: center; margin-bottom: 5px; order: 1; border-radius:25px 25px 0 0; }
.thumbnail-nav-bottom { display: flex; justify-content: center; margin-top: 5px; order: 3; border-radius:0 0 25px 25px; }
.thumbnails-container { overflow-y: auto; max-height: 600px; padding: 5px; scrollbar-width: thin; scrollbar-color: var(--bs-orange) #f1f1f1; order: 2; }
.thumbnails-container::-webkit-scrollbar { width: 6px; }
.thumbnails-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.thumbnails-container::-webkit-scrollbar-thumb { background: #13357b; border-radius: 10px; }
.thumbnail-item { height:120px; margin-bottom: 8px; cursor: pointer; transition: all 0.3s ease; overflow: hidden; border: 2px solid transparent;
            position: relative; border-radius:20px 20px 20px 0; opacity:1; }
.thumbnail-item:hover { opacity:0.8; }
.thumbnail-item.active { opacity:0.7; }
.thumbnail-item img { width: 100%; height:100%; object-fit:cover; object-position:center center;  display: block; }
.thumbnail-title { position: absolute; bottom: 0; left: 0; right: 0; /*background: rgba(0, 0, 0, 0.7);*/ color: white; padding: 8px; font-size: 13px; text-align: center; }
.main-image-column { width: 80%; padding-left: 5px; display: flex; flex-direction: column; }
.main-image-container { position: relative; border-radius:20px 20px 0 20px; overflow: hidden; flex-grow: 1; }
.main-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.image-title { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); color: white;
            padding: 20px 20px 15px; font-size: 1.5rem; font-weight: 600; }
.main-nav { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); display: flex; justify-content: space-between; padding: 0 20px; pointer-events: none; }
.main-nav button {pointer-events: all;width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); color: var(--bs-orange); border: none; font-size: 22px; display: flex; align-items: center; justify-content: center;
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); cursor: pointer; transition: all 0.6s ease; }
.main-nav button:hover { background: white; transform: scale(1.1); }
@media (max-width: 768px) {
     .gallery-container { flex-direction: column; }
     .main-image-container { border-radius:0; }
     .thumbnails-column { display:none; }
     .main-image-column { width: 100%; padding: 0; }
     .thumbnails-column { margin-bottom: 25px; }
     .thumbnails-container { max-height: 300px; display: flex; overflow-x: auto; overflow-y: hidden; padding-bottom: 15px; }
     .thumbnail-item { min-width: 120px; margin-right: 15px; margin-bottom: 0; }
     .thumbnail-nav-top { order: 1; margin-bottom: 15px; }
     .thumbnail-nav-bottom { order: 3; margin-top: 15px; }
        }
/* tur detay galeri end */

.rounded-left-bottom { border-radius:20px 20px 20px 0;  }


@media (min-width: 992px) {
    .custom-offcanvas-bottom { max-width: 950px !important; height:70%; left: 50% !important; bottom:8%; transform: translateX(-50%) !important; border-radius: 25px 25px 25px 0 !important; }
}
/* Mobil için tam genişlik */
@media (max-width: 991.98px) {
    .custom-offcanvas-bottom { /*max-height: 70vh !important;*/ height:95%; border-radius: 25px 25px 25px 0 !important; }
}


/* main master header search */
.filter-option { cursor: pointer;  transition: all 0.2s ease; border: 1px solid #dee2e6; text-align: center; }
.filter-option img { transition: all 0.2s ease; width: auto; height: 32px; margin-bottom: 5px; }
.filter-option.active, .filter-option:hover { background-color: #f05739 !important; border-color: #f05739 !important; color: white !important; }
.filter-option.active img, .filter-option:hover img { filter: brightness(0) invert(1); }

.search-container { position: relative; }
.search-input { cursor: pointer; }
.mbl-input { display:none; }

/* Arama sonuçları için özel stil */
.filter-section { /*border-bottom: 1px solid #e9ecef;*/ padding-bottom: 1rem; margin-bottom: 1rem; }

/* Dropdown'ın manual kontrolü için */
.manual-dropdown { display: none; position: absolute; z-index: 1060; background: white; border-radius: 0 0 20px 20px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    max-height: 90vh; /* Maksimum yükseklik */ overflow-y: auto; /* İçerik taşarsa scroll */ }
.manual-dropdown.show { display: block; }
.input-group { position: relative; }
/* Mobile cihazlar için daha iyi scroll deneyimi */
@media (max-width: 991.98px /*768px*/) {
    /*.manual-dropdown { max-height: 60vh; overflow-y: auto; }*/
    .mbl-input { display:block; }
    .manual-dropdown {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        z-index: 1050 !important;
        overflow-y: auto !important;
        background-color: white !important;
        margin-top: 0 !important;
    }
}
/* main master header search */

.bg-header { border-radius:20px 20px 20px 0; background-position: center center; background-repeat: no-repeat; background-size: cover;padding: 90px 0 50px 0;}
@media (max-width: 768px) {
    .bg-header { border-radius:unset; padding: 170px 0 130px 0; }
}

.nav a {color: rgba(0,0,0, 1); font-weight:bold; font-size: 1em; border:1px solid rgba(0,0,0,0.2); }
.nav a.active, nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:var(--bs-orange); border:1px solid var(--bs-orange); }
/*.nav-tabs .nav-item .nav-link { color: rgba(0,0,0, 1); font-size: 1em;}*/
