/* =========================
   TOKENLER & TEMEL AYARLAR
   ========================= */
:root{
  --duja-dark:#163B47;
  --duja-gold:#BD9E6E;
  --duja-gray:#656565;
  --duja-overlay:rgba(0,0,0,.35);
  --step-0:clamp(14px,1.4vw,16px);
}

html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body,.panel-text,.burger-nav{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:var(--step-0);line-height:1.5
}
img,video,canvas,svg{max-width:100%;height:auto}
.container,.wrap,.inner{max-width:1200px;margin:0 auto;padding:0 16px}
.row{display:flex;flex-wrap:wrap;margin:0 -12px}
[class*="col-"]{padding:0 12px}
.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}
.mt-8{margin-top:8px!important}.mb-8{margin-bottom:8px!important}
.mt-16{margin-top:16px!important}.mb-16{margin-bottom:16px!important}
.p-0{padding:0!important}.p-8{padding:8px!important}.p-16{padding:16px!important}

/* =========================
   HEADER & DROPDOWN
   ========================= */
header{overflow:visible!important;z-index:1000}
header .container,header .navbar,header .dropdown{overflow:visible!important}
header .dropdown-menu{overflow:visible!important;z-index:9999!important}
header .dropdown-toggle{
  display:inline-flex;align-items:center;gap:6px;
  color:#fff!important;background:transparent!important;line-height:1;padding:8px 10px
}
header .dropdown-toggle::after{
  content:"";display:inline-block;width:12px;height:8px;margin-left:6px;vertical-align:middle;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 24' fill='none' stroke='%23BD9E6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center/12px 8px no-repeat;
  border:none!important;transition:transform .2s ease
}
header .show>.dropdown-toggle::after{transform:rotate(180deg)}

.lang-dd .dropdown-menu{
  min-width:140px;background:rgba(22,59,71,.95);
  border:1px solid rgba(189,158,110,.35);border-radius:12px;padding:6px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22);backdrop-filter:blur(4px)
}
.lang-dd .dropdown-item{color:#fff;font-size:1rem;font-weight:800;padding:6px 10px!important}
.lang-dd .dropdown-item:hover{background:rgba(255,255,255,.08);color:var(--duja-gold)}
.nav-lang{color:#fff;font-weight:800;font-size:1.15rem;display:inline-flex;align-items:center;gap:6px}
.nav-lang:hover{color:var(--duja-gold)}

/* =========================
   BURGER NAV (DESKTOP KISMI)
   ========================= */
.burger-nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(11,47,54,.6);padding:18px 0
}
.burger-nav .bn-flex{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;max-width:none;margin:0;padding:0 32px;position:relative
}
.left{display:block}
.bn-logo img.logo-desktop{
  width:320px!important;height:70px!important;max-width:none!important;max-height:none!important;display:block
}
.bn-logo img.logo-mobile {
  display:block;              /* gizleme, görünsün */
  width:32px!important;
  height:32px!important;
  margin-top:60px;            /* aşağıya indirir */
}

.right{display:flex;align-items:center;gap:36px}
.right a{
  color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:.2px;
  display:flex;align-items:center;gap:8px;transition:color .2s ease
}
.right a:hover{color:var(--duja-gold)}
.right i{color:var(--duja-gold);opacity:.95;font-size:1rem;transition:color .2s ease}
.right a:hover i{color:#fff}

/* =========================
   ABOUT BLOKU
   ========================= */
.dl-about-wrap{background:#fff;--content-max:700px}
.btop.dl-about-wrap>.container{width:min(1600px,86%);margin:0 auto}
.dl-about{
  padding:32px 0 12px;display:grid;
  grid-template-columns:minmax(280px,38%) 1fr;
  column-gap:clamp(24px,6vw,96px);align-items:start
}
.dl-left{padding-right:0}
.dl-brand-title{
  font-family:'Playfair Display',serif;font-weight:400;color:var(--duja-gold);
  font-size:clamp(42.84px,5.7375vw,107.1px);line-height:.88;margin:0 0 24px;
  letter-spacing:.3px;margin-left:10px
}
.dl-brand-title span{display:block;font-style:italic;font-weight:700}
.dl-right{width:100%;max-width:100%;margin:0;transform:none}
.dl-content{color:var(--duja-gray);font-size:20px;line-height:1.6;max-width:100%}
.dl-content p{margin:0}
.dl-divider{display:flex;align-items:center;gap:18px;width:100%;margin:20px 0 36px}
.dl-divider .line{height:1px;flex:1;background:var(--duja-gold);opacity:.9}
.dl-divider .dot{width:36px;height:auto;display:block}

/* =========================
   PROGRAM HOTELS
   ========================= */
.program-hotels{background:#fff}
.program-container{width:min(1600px,86%);margin:0 auto}
.program-title{
  font-family:'Playfair Display',serif;font-weight:400;color:var(--duja-gold);
  font-size:clamp(24px,3.6vw,43.2px);line-height:1.1;
  margin:clamp(14.4px,2.4vw,28.8px) 0 clamp(9.6px,1.8vw,19.2px)
}
.program-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,48px);align-items:stretch}
.hotel-card{display:block;text-decoration:none}
.hotel-figure{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden}
.hotel-figure img{width:100%;height:100%;object-fit:cover;display:block;transform:translateZ(0)}
.hotel-caption{
  position:absolute;left:clamp(16px,2.4vw,32px);
  bottom:calc(clamp(10px,2.2vw,28px) - 8px);color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.35)
}
.hotel-name{
  font-family:'Playfair Display',serif;font-weight:400;letter-spacing:.2px;
  font-size:clamp(18px,2.4vw,36px);line-height:1.1;display:block
}
.hotel-underline{
  display:block;width:clamp(48px,6vw,108px);height:2px;background:#fff;
  margin-top:clamp(6px,.8vw,10px);opacity:.95
}
.hotel-figure:hover img{transform:scale(1.10);transition:transform .5s ease}

/* =========================
   DOKU / ÇİZGİ TEMİZLİK
   ========================= */
.program-hotels.btop,.whiteback.texture-left.btop{border-top:0!important;box-shadow:none!important}
.program-hotels.btop::before,.whiteback.texture-left.btop::before{content:none!important}
.faq-wrap{background:#EFEFEF!important;background-image:none!important}
.faq-wrap::before,.faq-wrap::after,.whiteback.texture-left::before,.whiteback.texture-left::after,
.faq-wrap .container::before,.faq-wrap .container::after{content:none!important;display:none!important}
.btop{border-top:0!important}

/* =========================
   SSS / FAQ
   ========================= */
.sss-title{
  font-family:'Playfair Display',serif;font-weight:400;color:var(--duja-gold);
  font-size:clamp(18px,2.2vw,28px);line-height:1.15;margin:0 0 14px;
  letter-spacing:.02em;text-decoration:none!important;border-bottom:0!important;background-image:none!important;box-shadow:none!important
}
.sss-title::before,.sss-title::after{content:none!important;display:none!important}
.sss-group{margin-top:8px}
.sss-item{border:1px solid rgba(189,158,110,.7);background:#fff;overflow:hidden;margin-bottom:14px}
.sss-q{
  position:relative;margin:0;padding:18px 44px 18px 22px;cursor:pointer;
  font-size:20px;line-height:1.35;font-weight:600;color:var(--duja-gold)!important;background:#fff!important
}
.sss-q::after{
  content:"";position:absolute;top:50%;right:16px;width:12px;height:8px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 24' fill='none' stroke='%23BD9E6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center/12px 8px no-repeat
}
.sss-q[aria-expanded="true"]::after{rotate:180deg}
.sss-a{border-top:1px solid rgba(101,101,101,.45);background:#EFEFEF!important}
.sss-a .content-inner{padding:18px 22px 20px}
.sss-a .panel-text{color:#2b2b2b}
.sss-a .panel-text p{margin:0}
.sss-q:hover{background:#fffdf8}
.sss-q:focus{outline:2px solid rgba(189,158,110,.35);outline-offset:2px}

/* =========================
   HERO (SLIDER KAPALI)
   ========================= */
.hero-static{position:relative;overflow:hidden;background:#0f3a44}
.hero-static img{display:block;width:100%;height:min(88vh,920px);object-fit:cover}
.main-slider,.main-slider-buttons{display:none!important}

/* =========================
   FOOTER (MİNİMAL)
   ========================= */
.duja-footer-min{background:var(--duja-dark);padding:120px 0}
.duja-footer-email{
  display:inline-block;font-weight:500;font-size:clamp(11px,1.6vw,21px)!important;
  line-height:1.2;color:var(--duja-gold);letter-spacing:.02em;text-decoration:none
}
.duja-footer-email:hover,.duja-footer-email:focus{text-decoration:underline}
.ftr-content,.ftr-bottom{display:none!important}

/* =========================
   MOBILE NAV (CSS-ONLY)
   ========================= */
/* Toggle input gizli */
.bn-toggle{position:absolute;left:-9999px;top:-9999px}

/* Hamburger */
.bn-burger{
  display:none; /* sadece mobilde gösterilecek */
  width:32px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;
  position:relative; z-index:1100;
}
.bn-burger span{
  display:block;height:2px;margin:6px 0;background:var(--duja-gold);
  transition:transform .25s ease,opacity .25s ease
}

/* Drawer (kapalı) */
.bn-drawer{
  position:fixed;inset:0 0 auto 0;height:100vh;width:100%;
  transform:translateY(-100%);
  background:linear-gradient(180deg,rgba(22,59,71,.98),rgba(22,59,71,.96));
  backdrop-filter:blur(4px);
  transition:transform .3s ease;z-index:1000;overflow:auto;
  box-shadow:0 20px 40px rgba(0,0,0,.35)
}

.bn-drawer-inner{max-width:720px;margin:0 auto;padding:16px 18px 28px}
.bn-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.bn-drawer-logo img{height:28px}
.bn-close{font-size:32px;line-height:1;color:#fff;cursor:pointer;padding:6px 10px;border-radius:10px}

/* Menü öğeleri */
.bn-menu{list-style:none;margin:18px 0 0;padding:0;background:#163B47}
.bn-item{border-top:1px solid rgba(255,255,255,.08)}
.bn-item:first-child{border-top:0}
.bn-link{display:flex;align-items:center;justify-content:space-between;color:#fff;text-decoration:none;font-weight:700;padding:14px 6px}
.bn-link:hover{color:var(--duja-gold)}

/* Dil açılır – <details> ile (JS’siz) */
.bn-item-lang details{padding:0}
.bn-item-lang summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  color:#fff;font-weight:800;padding:14px 6px
}
.bn-item-lang summary::-webkit-details-marker{display:none}
.bn-item-lang details[open] summary{color:var(--duja-gold)}
.bn-lang-list{list-style:none;margin:6px 0 12px 0;padding:0 6px 0 12px}
.bn-lang-list li a{display:block;color:#fff;text-decoration:none;padding:10px 6px;border-radius:10px}
.bn-lang-list li a:hover{background:rgba(255,255,255,.08);color:var(--duja-gold)}

/* Hamburger -> X animasyonu */
.bn-toggle:checked + .bn-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.bn-toggle:checked + .bn-burger span:nth-child(2){opacity:0}
.bn-toggle:checked + .bn-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* Toggle açıkken drawer göster */
.bn-toggle:checked ~ .bn-drawer{transform:translateY(0)}

/* =========================
   BREAKPOINTS
   ========================= */
@media (max-width:1199.98px){
  .program-cards{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:991.98px){
  .program-cards{grid-template-columns:repeat(2,1fr)}
}

/* 992 ve altı: mobil header davranışı + about tipografi */
@media (max-width:992px){
  .hide-lg{display:none!important}.stack-lg{display:block!important}

  /* Container genişlik */
  .btop.dl-about-wrap>.container{width:100%;max-width:100%}
  .dl-about{padding:56px 50px 36px;display:block}
  .dl-brand-title{text-align:center;margin-bottom:18px;margin-left:0}
  .dl-content{font-size:16px;line-height:1.8}
  .dl-divider{width:100%;margin:28px 0 24px}
  .dl-divider .dot{width:32px}

  /* Header: masaüstü sağ nav gizle, merkez logo + hamburger göster */
  .burger-nav{position:relative;background:transparent;padding:12px 0}
  .burger-nav .bn-flex{padding:0 16px}
  .burger-nav .right{display:none}
  .burger-nav .center{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .bn-burger{display:block;position:absolute;right:16px;top:14px}
}

@media (max-width:768px){
  .row{flex-direction:column;margin:0}
  [class*="col-"]{width:100%!important;padding:0}
  .container,.wrap,.inner{padding:0 12px}
  .nav,.site-nav,nav ul{display:flex;flex-wrap:wrap;gap:12px}
  .nav a,.site-nav a{padding:8px 10px;display:block}
  .swiper,.main-slider,.slider,.carousel{width:100%}
  .swiper-slide,.slide{min-width:100%}
  .right{gap:18px}
  .right a{font-size:.98rem}
}

@media (max-width:575.98px){
  .burger-nav .left{display:none}
  .bn-logo img.logo-desktop{display:none!important}
  .bn-logo-center img.logo-mobile{display:block;width:clamp(180px,44vw,260px)!important;height:auto}
  .right{gap:12px;margin-left:auto}
  .right .nav-link,.right .lang-dd.d-none{display:none!important}
  /* merkez logo için güvenli konum */
  .burger-nav .center{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
}
/* BN Drawer menu – beyaz override fix */
ul.bn-menu{
  background:#163B47 !important;
  padding:0 !important;
  border:0 !important;
}
ul.bn-menu > li{
  background:transparent !important;
}
/* === OVERRIDE: Logo görünürlüğü (en alta eklenecek) === */
.bn-logo img.logo-mobile{display:none !important;}
.bn-logo img.logo-desktop{display:block !important;}
.burger-nav .center{display:none !important;} /* masaüstünde ortadaki mobil logo alanını gizle */

/* <= 575.98px: sadece MOBİLDE mobil logo görünsün, ortada hizalansın */
@media (max-width:575.98px){
  .bn-logo img.logo-desktop{display:none !important;}
  .bn-logo img.logo-mobile{display:block !important;}
  .burger-nav .center{
    display:block !important;
    position:absolute !important;
    left:50% !important; top:50% !important;
    transform:translate(-50%,-50%) !important;
  }
}
.bn-burger{display:none !important;}

/* 992 altındaki eski kuralı etkisizleştir (erken açılmayı engelle) */
@media (max-width:992px){
  .bn-burger{display:none !important;}
}

/* <= 575.98px: sadece burada göster (mobil logo ile aynı anda) */
@media (max-width:575.98px){
  .bn-burger{
    display:block !important;
    position:absolute !important;
    right:16px !important;
    top:14px !important;
  }
}
	/* === MOBILE ABOUT OVERRIDE (2. görseldeki düzen) === */
@media (max-width:575.98px){

  /* bölüm iç boşlukları */
  .dl-about-wrap .container { padding-left: 16px; padding-right: 16px; }
  .dl-about { padding: 56px 0 32px !important; display:block !important; }

  /* başlık: ortalı, altına nefes */
  .dl-brand-title{
    text-align:center !important;
    margin: 0 0 20px !important;
    font-size: clamp(40px, 12vw, 64px) !important;
    line-height: .9 !important;
    letter-spacing: .3px !important;
  }

  /* metin sütunu: daralt, ortala, gri tonu ve rahat satır aralığı */
  .dl-right{ width:100% !important; max-width:none !important; margin:0 !important; }
  .dl-content{
    max-width: 30ch !important;   /* okunur satır uzunluğu */
    margin: 0 auto !important;    /* ortala */
    text-align: center !important;
    color: #6B6B6B !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
  }
  .dl-content p{ margin: 0 0 10px !important; }
  .dl-divider{ width:100% !important; margin: 24px 0 20px !important; }
  .dl-divider .dot{ width: 32px !important; }
/* === MOBILE HEADLINE INLINE === */
@media (max-width:575.98px){
  .dl-brand-title span{
    display:inline-block !important; /* alt alta yerine yan yana */
    margin:0 4px !important;         /* aralarına az boşluk */
  }
  .dl-brand-title{
    text-align:center !important;    /* ortalı dursun */
    white-space:nowrap !important;   /* satır kaymasını engelle */
  }
}
	/* === MOBILE ADJUSTMENTS (575px ve altı) === */
@media (max-width:575.98px){

  /* Metin sütununu %15 genişlet */
  .dl-content{
    max-width: 35ch !important;  /* önceden ~30ch idi */
    margin: 0 auto !important;
    text-align: center !important;
    line-height: 1.9 !important;
  }
}
	/* === MOBILE: Program Hotels tek sütun (≤575.98px) === */
@media (max-width:575.98px){
  .program-container{
    width:100%;
    max-width:none;
    padding:0 16px !important;
  }

  .program-title{
    text-align:center;
    margin:24px 0 20px !important;
  }

  .program-cards{
    grid-template-columns:1fr !important; /* tek sütun */
    gap:20px !important;                  /* kartlar arası boşluk */
  }

  .hotel-card{display:block;}

  /* Görsel oranını koruyalım, yazıyı biraz aşağı-alta taşıyalım */
  .hotel-figure{aspect-ratio:3/4;}
  .hotel-caption{left:16px; bottom:16px;}
  .hotel-name{font-size:clamp(20px,6vw,28px) !important;}
  .hotel-underline{width:clamp(48px,18vw,120px) !important;}
}