/* ================== SAFEMEAT OVERRIDES ================== */
:root{
  --logo-desktop-h: clamp(54px, 7.6vh, 90px);
  --logo-gap:       clamp(30px, 5.2vw, 96px);
  --menu-item-gap:  12px;
  --menu-fw:        400;
  --menu-ls:        .3px;
  --menu-fs-min:    12px;
  --menu-fs-max:    15px;
  --mobile-left-pad: 14px;
  --mobile-right-pad: 100px;
  --logo-mobile-h:   50px;
  --primary-color:   #ff6a00;
  --wave-dur:        3000ms;
}

/* Görseller güvenli varsayılan */
img{max-width:100%;height:auto;display:block}
svg{display:block}

/* Bölüm boşlukları */
section{padding-top:clamp(40px,5vw,68px)!important;padding-bottom:clamp(40px,5vw,68px)!important}
.py-120{padding-top:68px!important;padding-bottom:68px!important}
.mb-40{margin-bottom:28px!important}
.mb-32{margin-bottom:22px!important}
.mb-24{margin-bottom:16px!important}
.mb-18{margin-bottom:14px!important}
.mb-12{margin-bottom:8px!important}
.py-80{padding-top:54px!important;padding-bottom:54px!important}

/* Modal açıkken body kilidi */
body.body-locked{overflow:hidden;overscroll-behavior:none}

/* ================== HEADER ================== */
.roister-header.roister-header-area-2 .header-btm{
  position:relative;background:rgba(0,0,0,.92);
  min-height:86px;display:flex;align-items:center;z-index:1000;overflow:visible;
}
@media (min-width:992px){
  .roister-header.roister-header-area-2 .positioned-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);z-index:1010}
  .roister-header.roister-header-area-2 .center-logo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
  .roister-header.roister-header-area-2 .logo-img{height:var(--logo-desktop-h);width:auto;display:block}
  .roister-header.roister-header-area-2 .main-menu ul{display:flex;align-items:center;gap:var(--menu-item-gap);margin:0;padding:0;list-style:none}
  .roister-header.roister-header-area-2 .main-menu a{
    font-family:var(--body-font,system-ui);font-weight:var(--menu-fw);letter-spacing:var(--menu-ls);
    text-transform:uppercase;font-size:clamp(var(--menu-fs-min), .9vw, var(--menu-fs-max));
    color:#fff;text-decoration:none;line-height:1;padding:10px 0;display:inline-block;transition:color .18s ease
  }
  .roister-header.roister-header-area-2 .main-menu a:hover{color:var(--primary-color)}
  .roister-header.roister-header-area-2 .main-menu-left{display:flex;width:100%;justify-content:flex-end;padding-right:var(--logo-gap)}
  .roister-header.roister-header-area-2 .main-menu-right{display:flex;width:100%;justify-content:flex-start;padding-left:var(--logo-gap)}
  .roister-header.roister-header-area-2 .container .row>.col-lg-5{flex:0 0 46%;max-width:46%}
  .roister-header.roister-header-area-2 .container .row>.col-lg-2{flex:0 0 8%;max-width:8%}
}

/* Hamburger (mobil) */
.sidebar-toggle-btn{display:none!important}

@media (max-width:991.98px){
  /* Menü gizli; LOGO GÖRÜNÜR (düzeltme) */
  .roister-header.roister-header-area-2 .main-menu{display:none!important}

  /* DÜZELTME: daha önce logo-img gizleniyordu → görünür yap */
  .roister-header.roister-header-area-2 .logo-img{
    display:block !important;
    height:var(--logo-mobile-h);
    width:auto;
  }

  .roister-header.roister-header-area-2 .header-btm{
    min-height:78px;overflow:visible!important;
    padding-inline-end:max(18px, env(safe-area-inset-right));
  }
  .roister-header.roister-header-area-2 .positioned-logo{
    position:relative!important;z-index:1010!important;display:flex!important;align-items:center;justify-content:flex-start;
    width:100%;padding:12px var(--mobile-right-pad) 12px var(--mobile-left-pad);
  }

  /* DÜZELTME: pseudo-logo’yu kapat, gerçek <img> görünsün */
  .roister-header.roister-header-area-2 .center-logo{
    position:relative;display:flex;align-items:center;gap:10px;height:var(--logo-mobile-h);
  }
  .roister-header.roister-header-area-2 .center-logo::before{content:none !important}

  .sidebar-toggle-btn{
    position:absolute;top:50%;right:max(16px, env(safe-area-inset-right));transform:translateY(-50%);
    width:40px!important;height:40px!important;padding:0!important;
    display:inline-flex!important;align-items:center;justify-content:center;
    background:#000!important;border:0!important;border-radius:12px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:1100
  }
  .sidebar-toggle-btn svg{width:22px!important;height:22px!important;stroke:#fff!important;stroke-width:1.15!important;display:block}
}

/* Mobil Offcanvas */
.offcanvas.offcanvas-start{--bs-offcanvas-width:100vw}
.roister-mobile-menu-offcanvas{
  color:#fff;background-image:
    linear-gradient(rgba(0,0,0,.88), rgba(0,0,0,.88)),
    url('../images/img/menubg.jpg');
  background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;
}
.roister-mobile-menu-offcanvas .offcanvas-body{overflow:hidden}
.roister-mobile-menu-offcanvas .mobile-menu ul{list-style:none;margin:0;padding:0}
.roister-mobile-menu-offcanvas .mobile-menu li{margin:12px 0}
.roister-mobile-menu-offcanvas .mobile-menu a{color:#fff;text-decoration:none;font-size:18px}

/* ================== HERO ================== */
.roister-hero-section-2{position:relative;min-height:100vh;min-height:100dvh;background:none!important;overflow:hidden;z-index:0}
.roister-hero-section-2>*{display:none!important}
.roister-hero-section-2::before,.roister-hero-section-2::after{
  content:"";position:absolute;inset:0;background-position:top center;background-size:cover;background-repeat:no-repeat;opacity:0;will-change:opacity,filter;z-index:0
}
.roister-hero-section-2::after{filter:url(#heroWave);transition:none!important}
.roister-hero-section-2{--hero-a:url('../images/bg/hero1.jpg');--hero-b:url('../images/bg/hero2.jpg')}
.roister-hero-section-2::before{background-image:var(--hero-a);opacity:1}
.roister-hero-section-2::after{background-image:var(--hero-b);opacity:0}
.roister-hero-section-2.is-fading::after{animation:heroWaveFade var(--wave-dur) ease-in-out both}
.roister-hero-section-2.is-intro::before{opacity:0!important}
.roister-hero-section-2.is-intro::after{animation:heroWaveFade var(--wave-dur) ease-in-out both}
@keyframes heroWaveFade{0%{opacity:0}50%{opacity:1}100%{opacity:1}}

/* ================== ABOUT (CTA) ================== */
.roister-hm2-cta-section{position:relative;isolation:isolate}
.roister-hm2-cta-section::before{
  content:"";position:absolute;inset:0;z-index:-1;background:
    linear-gradient(rgba(0,0,0,.30), rgba(0,0,0,.30)),
    url('../images/img/rezbg.jpg') center/cover no-repeat;
}
.roister-hm2-cta-section .content-wraper>img[src*="yaprak"]{display:block;width:clamp(32px,4.8vw,48px);height:auto;margin-bottom:8px;opacity:.95}
.roister-hm2-cta-section .col-lg-4 .reveal-img{position:relative;width:clamp(190px,26vw,230px);aspect-ratio:1/2;border-radius:9999px;overflow:visible;margin-inline:auto}
.roister-hm2-cta-section .col-lg-4 .reveal-img::after{content:"";position:absolute;left:-12px;bottom:-12px;width:100%;height:100%;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:inherit;z-index:0}
.roister-hm2-cta-section .col-lg-4 .reveal-img .cta-img1{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:inherit;border:1px solid var(--primary-color);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.roister-hm2-cta-section .col-lg-3 .reveal-img{position:relative;width:clamp(170px,23vw,210px);aspect-ratio:5/4;border-radius:9999px;overflow:hidden;margin-inline:auto;margin-bottom:58px}
.roister-hm2-cta-section .col-lg-3 .reveal-img .cta-img2{width:100%;height:100%;object-fit:cover;border-radius:inherit;border:1px solid var(--primary-color)}
.roister-hm2-cta-section .img-vdo-wraper{position:relative;max-width:clamp(150px,19vw,180px);margin-inline:auto}
.roister-hm2-cta-section .img-vdo-wraper .cta-img3{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:9999px;border:1px solid var(--primary-color);box-shadow:0 8px 18px rgba(0,0,0,.16)}

/* Tetikleyici link */
.roister-hm2-cta-section .img-vdo-wraper .sm-video-link{
  position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);
  display:inline-block;background:none;border:0;padding:0;z-index:10;pointer-events:auto;cursor:pointer;
}
.roister-hm2-cta-section .img-vdo-wraper .sm-video-link .circle-btn{width:clamp(100px,14vw,140px);height:auto;display:block;border-radius:50%}
.roister-hm2-cta-section .img-vdo-wraper .shape{stroke:#fff!important}

/* Bu iki katman tıklamayı engellemesin */
.roister-hm2-cta-section .img-vdo-wraper .shape,
.roister-hm2-cta-section .img-vdo-wraper .cta-img3{pointer-events:none!important}

/* SADECE MOBİL */
@media (max-width: 991.98px){
  .roister-hm2-cta-section .row > [class*="col-"]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .roister-hm2-cta-section .content-wraper{max-width:680px}
  .roister-hm2-cta-section .col-lg-4 .reveal-img{width:clamp(190px,26vw,230px)!important;margin-inline:auto}
  .roister-hm2-cta-section .col-lg-3 .reveal-img{width:min(70vw,360px)!important;margin-inline:auto;margin-bottom:44px}
  .roister-hm2-cta-section .img-vdo-wraper{max-width:min(92vw,520px)!important;margin-inline:auto}
  .roister-hm2-cta-section .img-vdo-wraper .sm-video-link .circle-btn{width:clamp(120px,22vw,180px)!important}
  .roister-hm2-cta-section .img-vdo-wraper .sm-video-link{top:34%}
}

/* ================== SWIPER FOOTER GALLERY ================== */
#footerGallerySwiper{position:relative;padding:40px 0 48px;direction:ltr}
#footerGallerySwiper .swiper-wrapper{align-items:stretch}
#footerGallerySwiper .swiper-slide a{display:block;border-radius:12px;overflow:hidden;background:#161616}
#footerGallerySwiper .swiper-slide img{width:100%;height:clamp(200px,26vw,320px);object-fit:cover;display:block;transition:transform .35s}
#footerGallerySwiper .swiper-slide:hover img{transform:scale(1.04)}
#footerGallerySwiper .swiper-button-prev,#footerGallerySwiper .swiper-button-next{
  color:#fff;width:44px;height:44px;--swiper-navigation-size:22px;background:rgba(0,0,0,.48);border-radius:50%;
  position:absolute;top:50%;transform:translateY(-50%);z-index:20;pointer-events:auto;cursor:pointer
}
#footerGallerySwiper .swiper-button-prev{left:10px}
#footerGallerySwiper .swiper-button-next{right:10px}
#footerGallerySwiper .swiper-button-prev:hover,#footerGallerySwiper .swiper-button-next:hover{background:rgba(0,0,0,.66)}
#footerGallerySwiper .swiper-pagination{display:none!important}

/* ================== BEST MENU BG ================== */
.roister-hm2-best-menus-section{position:relative}
.roister-hm2-best-menus-section::before{content:"";position:absolute;inset:0;background:url('../images/img/menubg.jpg') center/cover no-repeat;opacity:.2;z-index:0}
.roister-hm2-best-menus-section>.container{position:relative;z-index:1}
.roister-hm2-best-menus-section .left-side .link{display:none!important}

/* ================== RESERVATION – FORM ================== */
.roister-hm2-reservation-form{position:relative;isolation:isolate;overflow:hidden}
.roister-hm2-reservation-form::before{
  content:"";position:absolute;inset:0;z-index:-1;background:
    linear-gradient(rgba(0,0,0,.30), rgba(0,0,0,.30)),
    url('../images/img/rezbg.jpg') center/cover no-repeat;
}
.roister-hm2-reservation-form .input,
.roister-hm2-reservation-form textarea{
  background:rgba(0,0,0,.20)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;outline:0;box-shadow:none;padding:12px 16px!important
}
.roister-hm2-reservation-form .input::placeholder,
.roister-hm2-reservation-form textarea::placeholder{color:rgba(255,255,255,.72)}
.roister-hm2-reservation-form .input:focus,
.roister-hm2-reservation-form textarea:focus{border-color:rgba(255,255,255,.55)!important}
.white-btn{background:#000!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
.white-btn:hover{background:#111!important;border-color:rgba(255,255,255,.55)!important}

/* Flatpickr */
.flatpickr-calendar{background:#0a0a0a;border:1px solid #222;box-shadow:0 12px 28px rgba(0,0,0,.5)}
.flatpickr-months,.flatpickr-weekdays{background:#0a0a0a;color:#fff}
.flatpickr-weekdays .flatpickr-weekday{color:#fff}
.flatpickr-day{color:#d9d9d9;border-radius:50%;border:0}
.flatpickr-day:hover{background:rgba(255,106,0,.14);color:#fff}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--primary-color)!important;color:#fff!important}
.flatpickr-day.today{border:1px solid var(--primary-color)}
.flatpickr-current-month .numInputWrapper input,.flatpickr-current-month .flatpickr-monthDropdown-months{color:#fff}
.flatpickr-time{border-top:1px solid #222!important;background:#000!important}
.flatpickr-time .numInput,.flatpickr-time .flatpickr-am-pm{background:#000!important;color:#fff!important;transition:color .2s ease;outline:none!important;border:0!important;box-shadow:none!important}
.flatpickr-calendar *:focus{outline:none!important;box-shadow:none!important}
.flatpickr-time .numInput:hover,.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .numInput:focus,.flatpickr-time .flatpickr-am-pm:focus{color:var(--primary-color)!important}
.flatpickr-time .arrowUp:after,.flatpickr-time .arrowDown:after{border-bottom-color:#888;border-top-color:#888}
.flatpickr-calendar *{-webkit-tap-highlight-color:transparent}

/* ================== TESTIMONIAL ================== */
.roister-hm2-testimonial-section{margin-top:40px}
.roister-single-hm2-testimonial .user-box .img-wraper{
  position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;
  background: radial-gradient(120% 120% at 20% 20%, #3a3a3a, #222); border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
}
.roister-single-hm2-testimonial .user-box .img-wraper i{font-size:28px;color:#fff;opacity:.9;line-height:1;display:block}
.roister-single-hm2-testimonial{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px;background:rgba(0,0,0,.2);color:#fff}

/* ================== FOOTER ================== */
.roister-footer-2 .top-area{position:relative;overflow:hidden}
.roister-footer-2 .top-area::before{content:"";position:absolute;inset:0;background:url('../images/bg/hero5.jpg') center/cover no-repeat;opacity:.2;z-index:0}
.roister-footer-2 .top-area>.container{position:relative;z-index:1}
.footer-grid{display:grid;gap:90px;grid-template-columns:1fr;justify-items:center;align-items:start;text-align:center}
@media (min-width:992px){
  .footer-grid{grid-template-columns:1fr 1fr;text-align:left;justify-items:stretch}
  .footer-right{display:grid;gap:24px;grid-template-columns:1fr 1fr}
}
.footer-widget .widget-title{color:#fff;margin-bottom:12px!important;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.footer-left .footer-logo{height:76px;width:auto;display:inline-block;margin-bottom:16px}
.roister-footer-2 .footer-left p{max-width:820px;margin:6px auto 0;color:#e8e8e8;line-height:1.6;font-weight:300}
.footer-widget ul{list-style:none;padding:0;margin:0}
.footer-widget ul li{margin-bottom:.5rem}
.roister-footer-2 .footer-right .footer-widget:nth-child(1) ul{display:grid;gap:8px;justify-items:start;text-align:left}
@media (max-width:991.98px){
  .roister-footer-2 .footer-right .footer-widget{padding-block:12px}
  .roister-footer-2 .footer-right .footer-widget + .footer-widget{margin-top:14px}
  .roister-footer-2 .footer-right .footer-widget:nth-child(1) ul{justify-items:center;text-align:center}
}
.roister-footer-2 .footer-right .footer-widget:nth-child(1) ul a{
  display:inline-block;color:#fff;text-decoration:none;line-height:1.2;
  padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.18);font-size:.92rem;font-weight:400
}
.roister-footer-2 .footer-right .footer-widget:nth-child(1) ul a:hover{background:rgba(0,0,0,.30);text-decoration:none;border-color:rgba(255,255,255,.28)}
.roister-footer-2 .footer-right .footer-widget:nth-child(2) ul{display:grid;gap:8px}
@media (max-width:991.98px){
  .roister-footer-2 .footer-right .footer-widget:nth-child(2) ul{justify-items:center;text-align:center}
}
.roister-footer-2 .footer-right .footer-widget:nth-child(2) a{color:#fff;text-decoration:none}
.roister-footer-2 .footer-right .footer-widget:nth-child(2) a:hover{text-decoration:underline}
.copyright-area{padding:8px 0 0 0;background:#000}
.copyright-area p{font-size:.86rem;color:#cfcfcf;margin:0}

/* ================== MOBILE-ONLY VIDEO (below Swiper) ================== */
.mobile-video-section{display:none}
@media (max-width:991.98px){
  .mobile-video-section{display:block;padding:22px 0}
  .mobile-video-section .container{max-width:700px}
  .mobile-video-section .video-card{
    position:relative;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);
    border-radius:12px;overflow:hidden
  }
  .mobile-video-section video{display:block;width:100%;height:auto;background:#000}
}

/* ================== FULLSCREEN MODAL (VIDEO) ================== */
.sm-fs-modal{
  position:fixed;inset:0;display:none;align-items:center;justify-content:center;
  background:#000 !important; /* tamamen siyah, alttaki site görünmesin */
  z-index:2147483647;backface-visibility:hidden;contain:strict;will-change:opacity,transform;
}
.sm-fs-modal.open{display:flex}
.sm-fs-modal video{width:100%;height:100%;object-fit:contain;background:#000}
.sm-fs-close{
  position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:12px;
  border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.75);
  color:#fff;font-size:28px;line-height:40px;text-align:center;cursor:pointer;z-index:2147483647
}

/* “Sesi aç” rozeti */
.tap-sound-badge{
  position:absolute;right:10px;bottom:10px;padding:6px 10px;border-radius:10px;
  background:rgba(0,0,0,.6);color:#fff;border:1px solid rgba(255,255,255,.35);
  font-size:12px;line-height:1;z-index:5
}

/* --- Fix: Video tetikleyici mutlaka tıklanabilir olsun --- */
.roister-hm2-cta-section .img-vdo-wraper{ position:relative; }
.roister-hm2-cta-section .img-vdo-wraper .sm-video-link{ z-index:10; pointer-events:auto; cursor:pointer; }


  /* Konteyner: header yüksekliğini bozmaz, absolute */
  #smx-lang{
    position:absolute;
    top:50%;
    right:calc(max(10px, env(safe-area-inset-right)) + 8px);
    transform:translateY(-50%);
    z-index:1400;
  }
  /* Mobilde hamburger sağda olduğu için biraz içe al */
  @media (max-width:991.98px){
    #smx-lang{ right:calc(max(10px, env(safe-area-inset-right)) + 56px); }
  }

  /* Buton (chip) — kompakt */
  .smx-chip{
    display:inline-flex; align-items:center; gap:6px;
    min-width:34px; height:26px; padding:0 7px;
    background:#000; color:#fff; border:1px solid rgba(255,255,255,.25);
    border-radius:9px; cursor:pointer; user-select:none; line-height:1; font-size:10.5px;
  }
  .smx-chip i{ font-size:13px; line-height:1; }
  .smx-chip:focus{ outline:2px solid rgba(255,255,255,.35); outline-offset:2px; }

  /* Popover: sağ kenara yapışık, fixed; top JS ile buton altına set ediliyor */
  .smx-pop{
    position:fixed;
    right:calc(max(6px, env(safe-area-inset-right)));
    width:132px; /* daha dar istenmişti */
    background:rgba(10,10,10,.98);
    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;
    padding:4px; /* kompakt */
    display:none; opacity:0;
    transform:translateX(120%); /* sağ DIŞINDAN başlasın */
    box-shadow:0 12px 28px rgba(0,0,0,.45);
  }
  @keyframes smxSlideIn{
    0%{ opacity:0; transform:translateX(120%); }
    100%{ opacity:1; transform:translateX(0); }
  }
  #smx-lang.smx-open .smx-pop{ display:block; animation:smxSlideIn .2s ease-out forwards; }

  /* Satırlar — kompakt grid: kısaltma + etiket */
  .smx-item{
    width:100%; display:grid; grid-template-columns:30px 1fr; gap:6px; align-items:center;
    background:transparent; border:0; color:#fff; text-align:left;
    padding:4px 6px; border-radius:8px; cursor:pointer; font-size:12px;
  }
  .smx-item + .smx-item{ margin-top:3px; }
  .smx-item:hover{ background:rgba(255,255,255,.06); }
  .smx-item[aria-current="true"]{
    background:#2b2b2b; border:1px solid rgba(255,255,255,.18);
  }
  .smx-item .abbr{
    display:inline-flex; align-items:center; justify-content:center;
    width:30px; height:18px; border-radius:6px;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
    font-weight:700; letter-spacing:.2px; font-size:10px;
  }
  .smx-item .label{ font-size:12px; line-height:1.1; white-space:nowrap; }
	
	/* === MOBİLDE: Dil çipi (smx-lang) en sağda, hamburger onun SOLUNDA === */
@media (max-width: 991.98px){
  /* Dil butonu: ekranın sağ kenarına yapışık */
  #smx-lang{
    right: calc(max(8px, env(safe-area-inset-right)));
    z-index: 1400; /* hamburger'den yukarıda kalsın */
  }

  /* Hamburger: dil butonu genişliği (~52px) kadar sola kaydır */
  .sidebar-toggle-btn{
    right: calc(max(8px, env(safe-area-inset-right)) + 52px);
    z-index: 1100;
  }
}

/* Popover zaten sağ kenara yapışık; güvenli alanı kullan */
.smx-pop{
  right: calc(max(6px, env(safe-area-inset-right)));
}

/* =========================
   GÖRÜNÜRLÜK YARDIMCILARI
   ========================= */
.only-mobile { display: none; }
.only-desktop { display: block; }

@media (max-width: 991.98px){
  .only-mobile { display: block; }
  .only-desktop { display: none; }
}

/* =========================
   HERO (MOBIL) VIDEO
   ========================= */
.hero-video-wrap{
  position: relative;
  width: 100%;
  height: clamp(320px, 55vh, 640px);
  background: #000;
  overflow: hidden;
}
.hero-video{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* =========================
   ABOUT SAG (DESKTOP) VIDEO
   ========================= */
.about-inline-video .inline-video{
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 8px;
  max-height: 520px;
}

/* ====== GÖRÜNÜRLÜK YARDIMCILARI ====== */
.only-mobile { display: none; }
.only-desktop { display: block; }
@media (max-width: 991.98px){
  .only-mobile { display: block; }
  .only-desktop { display: none; }
}

/* ====== HERO (MOBİL) VIDEO ====== */
.hero-video-wrap{
  position: relative;
  width: 100%;
  height: clamp(320px, 55vh, 640px);
  background: #000;
  overflow: hidden;
}
.hero-video{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* ÖNEMLİ: Daha önce "roister-hero-section-2>*{display:none!important}" gibi bir kural varsa
   videoyu geri görünür yap ve masaüstünde gizle */
.roister-hero-section-2 > .hero-video-wrap { display:block !important; }
@media (min-width: 992px){
  .roister-hero-section-2 > .hero-video-wrap { display:none !important; }
}

/* Mobilde hero’nun pseudo arkaplanlarını kapat (video öne çıksın) */
@media (max-width: 991.98px){
  .roister-hero-section-2::before,
  .roister-hero-section-2::after{
    display:none !important;
    content:none !important;
  }
}

/* ====== ABOUT SAĞ (DESKTOP) VIDEO ====== */
.about-inline-video .inline-video{
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 8px;
  max-height: 520px;
}

/* ====== FLATPICKR görünürlük/tema düzeltmeleri ====== */
.flatpickr-calendar{
  z-index: 2147483000 !important; /* her şeyden yukarıda */
}

/* (Opsiyonel) Koyu tema uyumu — istersen kaldır */
.flatpickr-calendar{ background:#0a0a0a; border:1px solid #222; box-shadow:0 12px 28px rgba(0,0,0,.5) }
.flatpickr-months,.flatpickr-weekdays{ background:#0a0a0a; color:#fff }
.flatpickr-weekdays .flatpickr-weekday{ color:#fff }
.flatpickr-day{ color:#d9d9d9; border-radius:50%; border:0 }
.flatpickr-day:hover{ background:rgba(255,106,0,.14); color:#fff }
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{ background:#ff6a00 !important; color:#fff !important }
.flatpickr-day.today{ border:1px solid #ff6a00 }
.flatpickr-current-month .numInputWrapper input,.flatpickr-current-month .flatpickr-monthDropdown-months{ color:#fff }
.flatpickr-time{ border-top:1px solid #222 !important; background:#000 !important }
.flatpickr-time .numInput,.flatpickr-time .flatpickr-am-pm{ background:#000 !important; color:#fff !important; border:0 !important; box-shadow:none !important }
.flatpickr-calendar *:focus{ outline:none !important; box-shadow:none !important }
.flatpickr-time .numInput:hover,.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .numInput:focus,.flatpickr-time .flatpickr-am-pm:focus{ color:#ff6a00 !important }
.flatpickr-time .arrowUp:after,.flatpickr-time .arrowDown:after{ border-bottom-color:#888; border-top-color:#888 }
.flatpickr-calendar *{ -webkit-tap-highlight-color:transparent }
/* ===== Görünürlük yardımcıları ===== */
.only-mobile { display: none; }
.only-desktop { display: block; }
@media (max-width: 991.98px){
  .only-mobile { display: block; }
  .only-desktop { display: none; }
}

/* ===== Header: %20 siyah zemin + menü yazılarına siyah kontur ===== */
.roister-header.roister-header-area-2 .header-btm{
  background: rgba(0,0,0,.30) !important; /* %20 siyah */
  backdrop-filter: saturate(1.1); /* hafif canlılık */
}
/* Desktop menü linkleri: beyaz + siyah kontur */
.roister-header.roister-header-area-2 .main-menu a{
  color:#fff !important;
  -webkit-text-stroke: 0.6px rgba(0,0,0,.95);
  text-shadow:
    0 0 1px #000,
    1px 0 1px #000,
    -1px 0 1px #000,
    0 1px 1px #000,
    0 -1px 1px #000;
}
.roister-header.roister-header-area-2 .main-menu a:hover{
  color:#ff6a00 !important;
}

/* Offcanvas menü linklerine de kontur (gerekirse) */
.roister-mobile-menu-offcanvas .mobile-menu a{
  -webkit-text-stroke: 0.6px rgba(0,0,0,.95);
  text-shadow:
    0 0 1px #000,
    1px 0 1px #000,
    -1px 0 1px #000,
    0 1px 1px #000,
    0 -1px 1px #000;
}

/* ===== HERO (Mobil tam ekran video) ===== */
.roister-hero-section-2{
  position:relative;
  min-height:100vh;
  min-height:100dvh;
  background:none!important;
  overflow:hidden;
}
.hero-video-wrap{
  position:relative;
  width:100%;
  height:clamp(320px, 55vh, 640px);
  background:#000;
  overflow:hidden;
}
.hero-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* Tam ekran: mobilde video kapsayıcıyı viewport’a yay */
@media (max-width: 991.98px){
  .hero-video-wrap{
    position:absolute;
    inset:0;           /* top:0; right:0; bottom:0; left:0 */
    height:100%;
  }
  /* Hero’nun pseudo arkaplanlarını kapat (video öne çıksın) */
  .roister-hero-section-2::before,
  .roister-hero-section-2::after{
    display:none !important;
    content:none !important;
  }
}

/* Eğer daha önce "roister-hero-section-2>*{display:none}" benzeri bir kural varsa, videoyu görünür yap */
.roister-hero-section-2 > .hero-video-wrap{ display:block !important; }
@media (min-width: 992px){
  .roister-hero-section-2 > .hero-video-wrap{ display:none !important; }
}

/* ===== "Sesi Aç" rozeti ===== */
.video-unmute-badge{
  position:absolute;
  right:12px; bottom:12px;
  display:inline-flex; gap:8px; align-items:center;
  padding:8px 12px;
  font-size:12px; line-height:1;
  border-radius:10px;
  color:#fff; background:rgba(0,0,0,.65);
  border:1px solid rgba(255,255,255,.35);
  z-index:3;
  cursor:pointer;
  user-select:none;
}
.video-unmute-badge.hidden{ display:none; }

/* ===== ABOUT sağ (desktop) video ===== */
.about-inline-video{
  position:relative;
}
.about-inline-video .inline-video{
  width:100%;
  display:block;
  object-fit:cover;
  border-radius:8px;
  max-height:520px;
}

/* ===== Flatpickr üstte kalsın + koyu tema uyumu ===== */
.flatpickr-calendar{ z-index:2147483000 !important; }
.flatpickr-calendar{ background:#0a0a0a; border:1px solid #222; box-shadow:0 12px 28px rgba(0,0,0,.5) }
.flatpickr-months,.flatpickr-weekdays{ background:#0a0a0a; color:#fff }
.flatpickr-weekdays .flatpickr-weekday{ color:#fff }
.flatpickr-day{ color:#d9d9d9; border-radius:50%; border:0 }
.flatpickr-day:hover{ background:rgba(255,106,0,.14); color:#fff }
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{ background:#ff6a00 !important; color:#fff !important }
.flatpickr-day.today{ border:1px solid #ff6a00 }
.flatpickr-current-month .numInputWrapper input,.flatpickr-current-month .flatpickr-monthDropdown-months{ color:#fff }
.flatpickr-time{ border-top:1px solid #222 !important; background:#000 !important }
.flatpickr-time .numInput,.flatpickr-time .flatpickr-am-pm{ background:#000 !important; color:#fff !important; border:0 !important; box-shadow:none !important }
.flatpickr-calendar *:focus{ outline:none !important; box-shadow:none !important }
.flatpickr-time .numInput:hover,.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .numInput:focus,.flatpickr-time .flatpickr-am-pm:focus{ color:#ff6a00 !important }
.flatpickr-time .arrowUp:after,.flatpickr-time .arrowDown:after{ border-bottom-color:#888; border-top-color:#888 }
.flatpickr-calendar *{ -webkit-tap-highlight-color:transparent }
/* ===== MENÜ: Yalnızca dış kontur + daha kalın yazı ===== */

/* Desktop ana menü */
.roister-header.roister-header-area-2 .main-menu a{
  font-weight: 600 !important;          /* biraz kalın */
  color: #fff !important;                /* iç dolgu beyaz */
  -webkit-text-stroke: 0 !important;     /* içe de taşan stroke'u kapat */
  /* Yalnızca dış hat için çoklu gölge (outline) */
  text-shadow:
    0 1px 0 #000,
    1px 0 0 #000,
    0 -1px 0 #000,
    -1px 0 0 #000,
    1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}

/* Hover’da renk değişse bile kontur kalsın */
.roister-header.roister-header-area-2 .main-menu a:hover{
  color:#ff6a00 !important;
  text-shadow:
    0 1px 0 #000,
    1px 0 0 #000,
    0 -1px 0 #000,
    -1px 0 0 #000,
    1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}

/* Mobil offcanvas menü */
.roister-mobile-menu-offcanvas .mobile-menu a{
  font-weight: 500 !important;
  color: #fff !important;
  -webkit-text-stroke: 0 !important;
  text-shadow:
    0 1px 0 #000,
    1px 0 0 #000,
    0 -1px 0 #000,
    -1px 0 0 #000,
    1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}

.klee-credit { text-align:center; margin-bottom:8px; }
.klee-credit a { color:#cfcfcf; text-decoration:none; font-size:14px; }
.klee-credit a:hover { text-decoration:underline; color:#ff6a00;}