/* ==========================================================
   NATURA SAPANCA - natura-modern.css  (Aşama 1, sürüm 4)
   Mevcut CSS dosyalarından SONRA yüklenir ve üzerine biner.
   Sayfa içeriğine, adreslere ve sunucu koduna dokunmaz.
   ========================================================== */

:root{
  --n-cyan:#00CCFF;
  --n-ink:#0B1418;
  --n-text:#F4F8FA;
  --n-muted:#B9C7CD;
  --n-line:rgba(255,255,255,.14);
  --n-bar:96px;
}

/* ---------- Temel yazı ---------- */
html{scroll-padding-top:var(--n-bar)}
body{font-family:'Jost','Open Sans',Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.btn,input,select,textarea,label{font-family:'Jost','Open Sans',Arial,sans-serif}
h1,h2,h3{line-height:1.15 !important;letter-spacing:.005em}
:focus-visible{outline:2px solid var(--n-cyan);outline-offset:3px}

/* ---------- Üst çubuk (eskiden altta duruyordu) ---------- */
#header.bottom{position:fixed !important;top:0 !important;bottom:auto !important;left:0;right:0;z-index:1000;height:var(--n-bar) !important;min-height:0 !important;padding:0 !important;overflow:visible !important}
#header.dark2{background:rgba(11,20,24,.8) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--n-line)}
#header #topNav{background:transparent !important;height:var(--n-bar) !important;min-height:0 !important;padding:0 !important;margin:0 !important;overflow:visible !important}
#header #topNav .container-fluid{position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--n-bar) !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 40px !important}
#header #topNav .container-fluid:before,
#header #topNav .container-fluid:after{display:none !important;content:none !important}
#header #topNav .logo{position:relative;z-index:2;float:none !important;display:flex;align-items:center;height:100%;margin:0 !important;padding:0 !important;line-height:0}
#header #topNav .logo img{display:block;max-height:64px;width:auto;margin:0 !important}
#wrapper{padding-top:var(--n-bar)}

/* Menüde boş kalan maddeler ve ikinci "BİZ" */
#header #topMain > li:empty,
#header #topNav #topMain > li.n-gizli{display:none !important}
#topMain .mavikon{display:none}

/* ---------- Masaüstü menü ---------- */
@media (min-width:992px){
  #header #topNav .btn-mobile{display:none !important}
  /* Menü çubuğun tam ortasında, sosyal medya sağda */
  #header #topNav .container-fluid > .navbar-collapse{position:absolute !important;left:0;right:0;top:0;height:var(--n-bar) !important;width:auto !important;display:flex !important;align-items:center;justify-content:center;float:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;pointer-events:none}
  #header #topNav nav.nav-main{float:none !important;pointer-events:auto}
  #header #topNav .altkisim{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex !important;align-items:center;gap:6px;float:none !important;margin:0 !important;padding:0 !important;pointer-events:auto}
  #header #topNav .altkisim span{display:none}
  #header #topNav .navbar-collapse > .clearfix{display:none}

  #header #topMain{display:flex;align-items:center;margin:0 !important}
  #header #topMain > li{float:none;position:relative;background:none !important}
  #header #topMain > li > a{height:auto !important;line-height:1.2 !important;padding:12px 10px !important;font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--n-text) !important;background:transparent !important;transition:color .2s}
  #header #topMain > li:hover > a,#header #topMain > li > a:hover{color:var(--n-cyan) !important}

  /* Açılır alt menü */
  #header #topMain ul.dropdown-menu{top:100% !important;bottom:auto !important;left:0;min-width:260px;margin:0;padding:8px !important;background:rgba(11,20,24,.96) !important;border:1px solid var(--n-line) !important;border-radius:14px !important;box-shadow:0 18px 40px rgba(0,0,0,.4)}
  #header #topMain ul.dropdown-menu ul.dropdown-menu{display:none !important}
  #header #topNav ul.dropdown-menu li > a{padding:11px 14px !important;font-size:13px;letter-spacing:.06em;color:var(--n-text) !important;background:transparent !important;border-radius:10px !important}
  #header #topNav ul.dropdown-menu li:first-child > a{border-radius:10px !important}
  #header #topNav ul.dropdown-menu li > a:hover{background:rgba(0,204,255,.14) !important;color:var(--n-cyan) !important}
}
/* Orta genişlikte ekranlarda menü logoya çarpmasın: sağa yaslı */
@media (min-width:992px) and (max-width:1439px){
  #header #topNav .container-fluid > .navbar-collapse{justify-content:flex-end;padding:0 170px 0 260px !important}
  #header #topMain > li > a{padding:12px 8px !important}
}
@media (min-width:992px) and (max-width:1279px){
  #header #topNav .container-fluid > .navbar-collapse{padding:0 20px 0 250px !important}
  #header #topMain > li > a{font-size:11.5px;padding:12px 6px !important;letter-spacing:.04em}
  #header #topNav .altkisim{display:none !important}
}

/* ---------- Telefon ve tablet menüsü ---------- */
@media (max-width:991px){
  :root{--n-bar:64px}
  /* Bulanıklık efekti, sabit konumlu menüyü bozar; telefonda kapalı */
  #header.dark2{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(11,20,24,.97) !important}
  #header #topNav .container-fluid{justify-content:space-between;padding:0 20px !important}
  #header #topNav .logo img{max-height:42px}
  #header #topNav .btn-mobile{order:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;color:var(--n-text);font-size:22px;float:none}

  /* Tam ekran menü paneli */
  #header #topNav .container-fluid > .navbar-collapse{position:fixed !important;top:var(--n-bar) !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:auto !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:8px 0 110px !important;border:0 !important;float:none !important;background:#0B1418 !important;overflow-y:auto !important;box-shadow:none !important;display:none !important}
  #header #topNav .container-fluid > .navbar-collapse.in{display:block !important}
  /* Eski temanın beyaz zemini */
  #header #topNav nav.nav-main,
  #header #topNav #topMain{background:transparent !important;height:auto !important;max-height:none !important;overflow:visible !important;box-shadow:none !important;border:0 !important}

  #header #topMain{display:block !important;float:none !important;width:100% !important;margin:0 !important}
  #header #topMain > li{display:block !important;float:none !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;border-top:1px solid var(--n-line) !important}
  #header #topMain > li:empty,
  #header #topNav #topMain > li.n-gizli{display:none !important}
  #header #topMain > li > a{display:block !important;position:static !important;top:auto !important;height:auto !important;max-height:none !important;line-height:1.25 !important;margin:0 !important;padding:18px 24px !important;font-size:18px !important;font-weight:400 !important;letter-spacing:.07em;text-transform:uppercase;white-space:normal !important;color:var(--n-text) !important;background:transparent !important;border:0 !important}
  #header #topMain ul.dropdown-menu{display:block !important;position:static !important;float:none !important;width:100% !important;min-width:0 !important;margin:0 !important;padding:0 0 8px 12px !important;background:transparent !important;border:0 !important;box-shadow:none !important;opacity:1 !important;visibility:visible !important}
  #header #topMain ul.dropdown-menu ul.dropdown-menu{display:none !important}
  #header #topMain ul.dropdown-menu li{display:block !important;float:none !important;width:100% !important;height:auto !important;background:transparent !important}
  #header #topMain ul.dropdown-menu li > a{display:block !important;padding:12px 24px !important;font-size:15px !important;line-height:1.3 !important;color:var(--n-muted) !important;background:transparent !important;border-radius:0 !important}
  #header #topNav .altkisim{display:none !important}
}

/* ---------- Ara / Teklif Al çubuğu: yalnızca telefonda ve yalnızca iletişim sayfasında ---------- */
.n-callbar{display:none}
@media (max-width:991px){
  body.n-iletisim .n-callbar{position:fixed;left:0;right:0;bottom:0;z-index:1100;display:flex;gap:10px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:rgba(11,20,24,.96);border-top:1px solid var(--n-line)}
  body.n-iletisim .n-callbar a{flex:1;display:flex;align-items:center;justify-content:center;height:50px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none}
  body.n-iletisim .n-call{border:1.5px solid rgba(255,255,255,.7);color:var(--n-text);background:rgba(11,20,24,.6)}
  body.n-iletisim .n-quote{background:var(--n-cyan);color:#06222B}
  body.n-iletisim{padding-bottom:78px}
  body.n-iletisim #toTop{bottom:92px !important}
}

/* ---------- İçerik panelleri ---------- */
.siyahCerceve{background:rgba(11,20,24,.64) !important;border:1px solid var(--n-line);border-radius:20px !important;margin-top:28px !important}
.siyahCerceveMobil{background:rgba(11,20,24,.8) !important;margin-top:0 !important;padding-top:20px}
.icCerceve h1,.siyahCerceveMobil h1{color:#fff !important;font-size:34px !important;font-weight:300 !important;margin:0 0 14px !important;padding:0 !important}
.icCerceve h2,.siyahCerceveMobil h2{font-size:24px;font-weight:400}
.scrollbar-inner{max-height:calc(100vh - 300px) !important}

/* Aktivite kartları */
.minhe img{border-radius:14px}
.minhe h4{font-size:15px;font-weight:500;color:var(--n-text) !important;margin:8px 0 0}
.donguyeri:after{content:"";display:table;clear:both}
@media (max-width:991px){
  .siyahCerceveMobil h1{font-size:28px !important}
  .siyahCerceveMobil .minhe{float:left;width:50%;padding:0 8px;margin-bottom:16px}
}

/* ---------- İletişim sayfası ---------- */
.iletisimsiyah button[data-toggle="modal"]{display:none !important}   /* Google Map düğmesi */
.iletisimsiyah .col-md-4 *{color:var(--n-text) !important;font-family:'Jost','Open Sans',Arial,sans-serif !important;font-size:15px !important;font-weight:400 !important;line-height:1.55 !important;letter-spacing:0 !important;text-shadow:none !important}
.iletisimsiyah .col-md-4 span[style*="ff0000"]{color:#FFB454 !important}
.iletisimsiyah .col-md-4 > div > div:first-child *{color:var(--n-cyan) !important;font-size:12.5px !important;font-weight:500 !important;letter-spacing:.14em !important;text-transform:uppercase}
/* Bağlantılar (telefon, e-posta, web siteleri) */
.iletisimsiyah .col-md-4 a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.iletisimsiyah .col-md-4 a:hover{color:var(--n-cyan) !important;border-bottom-color:var(--n-cyan)}
.iletisimsiyah label{display:block;margin:0 0 4px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--n-cyan)}
.iletisimsiyah .form-group{margin-bottom:12px}
.iletisimsiyah .form-control{height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:var(--n-text);box-shadow:none}
.iletisimsiyah textarea.form-control{height:110px}
.iletisimsiyah select.form-control option{color:#06222B}
.iletisimsiyah .btn-primary{background:var(--n-cyan);border:0;color:#06222B;border-radius:999px;padding:12px 36px;font-weight:600}
@media (max-width:991px){
  /* Formu telefonda da göster ve sade bir sıraya diz: önce form, sonra iletişim bilgisi */
  .iletisimsiyah{margin-top:28px !important}
  .iletisimsiyah .icCerceve{padding:22px !important}
  .iletisimsiyah .icCerceve > .row{display:flex;flex-direction:column}
  .iletisimsiyah .icCerceve > .row:before,.iletisimsiyah .icCerceve > .row:after{display:none}
  .iletisimsiyah .col-md-8.visible-md.visible-lg{display:block !important;order:1;margin-bottom:22px}
  .iletisimsiyah .col-md-4{order:2;padding-top:18px;border-top:1px solid var(--n-line)}
  .iletisimsiyah .scrollbar-inner{max-height:none !important;overflow:visible !important}
}

/* ---------- Hareketi azalt tercihi ---------- */
@media (prefers-reduced-motion:reduce){
  #header #topMain > li > a{transition:none}
}