{{-- WIPE SERVICE HERO/BOOKING kill-switch REMOVED (artık HOME ile aynı) --}}

/* ===== Home Mid Blocks – Read More UI Polish ===== */

/* Home Mid Block arka plan uyumu */
.home-mid-block{
  background-color:#eef7fb; /* siteyle uyumlu açık mavi */
  padding:40px 0;
}

/* Read More butonu – konum & boşluk (≈1cm) */
.home-mid-toggle{
  margin-top:32px; /* desktop için ideal boşluk */
}

/* Read More butonu – tema uyumlu */
.home-mid-toggle{
  background-color:#5aa6c8;
  color:#ffffff;
  border:none;
  padding:10px 22px;
  font-size:14px;
  font-weight:600;
  border-radius:6px;
  cursor:pointer;
  transition:all .25s ease;
}

.home-mid-toggle:hover{
  background-color:#3f8fb3;
}

/* Açık durum (Read Less gibi) – opsiyonel class */
.home-mid-toggle.is-open{
  background-color:#e6f2f8;
  color:#3f8fb3;
}

/* Açılır alan geçişi (zıplamayı yumuşatır) */
.home-mid-more{
  transition:all .3s ease;
}

/* Mobilde boşluk biraz azalsın */
@media (max-width:768px){
  .home-mid-toggle{ margin-top:24px; }
  .home-mid-block{ padding:28px 0; }
}

/* === OVERRIDE: Read More button alignment & theme color === */
.home-mid-block .home-mid-toggle{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* SOL KENARDAN İÇERİ AL */
  margin: 16px 0 0 48px;

  /* BUTON GÖRÜNÜM */
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);

  /* TEMA RENGİ (var varsa onu kullanır, yoksa fallback) */
  background: var(--primary, var(--brand, #5aa6c8));
  color: #fff;
  cursor: pointer;
}

.home-mid-block .home-mid-toggle:hover{
  filter: brightness(0.95);
}

.home-mid-block .home-mid-toggle.is-open{
  background: var(--primary, var(--brand, #5aa6c8));
}

@media (max-width: 768px){
  .home-mid-block .home-mid-toggle{
    margin-left: 16px; /* мобилде daha az içeri */
  }
}

/* also style legacy page readmore links */
.page-readmore-link,
a.page-readmore-link{
  margin-left: 48px !important;
  background: var(--primary, var(--brand, #5aa6c8)) !important;
  color:#fff !important;
  padding:10px 16px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  border:1px solid rgba(0,0,0,.08) !important;
  text-decoration:none !important;
}
@media (max-width:768px){
  .page-readmore-link,
  a.page-readmore-link{ margin-left:16px !important; }
}

/* === FORCE GLOBAL: any .home-mid-toggle should be indented + themed === */
.home-mid-toggle{
  margin-left: 48px !important;
  margin-top: 16px !important;
  background: var(--primary, var(--brand, #5aa6c8)) !important;
  color: #fff !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
}

/* If some layout makes it stick to the edge, push the whole block in */
.home-mid-block{
  padding-left: 48px !important;
}

/* Mobile */
@media (max-width:768px){
  .home-mid-toggle{ margin-left: 16px !important; }
  .home-mid-block{ padding-left: 16px !important; }
}

/* === HOME MID BLOCK BACKGROUND COLOR === */
.home-mid-block{
  background-color: #d18ac6 !important;
}

/* === HOME MID BLOCK BACKGROUND COLOR (UPDATED) === */
.home-mid-block{
  background-color: #c9d799 !important;
}

/* === HOME MID BLOCK TITLE SPACING === */
.home-mid-block h1,
.home-mid-block .page-title,
.home-mid-block .section-title{
  margin-top: 40px !important;
  margin-bottom: 32px !important;
  padding-top: 20px;
  padding-bottom: 10px;
  display: block;
}


/* HOME MID BLOCK – PEMBEYİ SİL (4-icons ile ilgili değil, mid-block için) */

/* 4 ikon satırı (kartların arkasındaki zemin) */
/* ===== HOVER FIX: HOME'ta saçma hover'ları kapat, sadece ikon hover kalsın ===== */
/* Kart hover'ı (background/border/shadow) iptal */
/* ===== FOUR ICONS: KALICI (variant bazlı) ===== */
/* ============================================================
   OCWD FIX: 4-Icons (.x_slider_bottom_title_main_wrapper) ile
   Home Mid Blocks (.home-mid-block) aynı "home-mid-required"ı
   paylaşıyor. Kuralları bölüm bazında ayırıyoruz.
   ============================================================ */

/* 1) FOUR ICONS alanı (sadece slider bottom wrapper içinde) */
body.rentacar-page.rentacar-ocwd .x_slider_bottom_title_main_wrapper .home-mid-required,
body.rentacar-ocwd .x_slider_bottom_title_main_wrapper .home-mid-required{
  display:block !important;
  height:auto !important;
  overflow:visible !important;
  position:relative !important;
}

/* 4 ikon row görünür ve grid gibi davransın */

body.rentacar-ocwd .x_slider_bottom_title_main_wrapper{
  position: static !important;    /* absolute/fixed iptal */
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;

  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  z-index: auto !important;
}

/* 4 icon section içinde ortak kullanılan home-mid-required de absolute olabilir */
body.rentacar-ocwd .x_slider_bottom_title_main_wrapper .home-mid-required{
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;

  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  z-index: auto !important;
}

/* Eğer pembe arka plan tüm ekranı basıyorsa, sadece OCWD slider-bottom scope'unda şeffaf yap */
body.rentacar-ocwd .x_slider_bottom_title_main_wrapper .home-mid-required{
  background: transparent !important;
  background-color: transparent !important;
}

/* Kartlar görünür kalsın */

/* 1) Alanı normal akışa al + yükseklik şişmesini durdur */
body.rentacar-ocwd .x_slider_bottom_title_main_wrapper,
body.rentacar-ocwd .x_slider_bottom_title_main_wrapper .home-mid-required{
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  height: auto !important;
  min-height: 0 !important;     /* <-- kritik: 100vh/min-height override */
  max-height: none !important;

  overflow: visible !important;
  display: block !important;
}

/* 2) HOME benzeri section padding + arka plan (rentacar yeşil tonu) */
body.rentacar-ocwd .x_slider_bottom_title_main_wrapper{
  padding: 56px 0 !important;
  background: #d087bf !important;
  background-color: #d087bf !important;
}

/* ============================================================
   OCWD mid content: REQUIRED her zaman görünür
   Read Less basınca REQUIRED gizlenmesin
   ============================================================ */
body.rentacar-page.rentacar-ocwd .home-mid-block .home-mid-required{
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* MORE alanı kapalıyken sadece o gizlensin */
body.rentacar-page.rentacar-ocwd .home-mid-block .home-mid-more[hidden]{
  display: none !important;
}

body.rentacar-page.rentacar-ocwd .home-mid-block .home-mid-required{
  background: transparent !important;
}

/* OCWD: scroll kilidi varsa çöz (sadece bu sayfa) */
body.rentacar-page.rentacar-ocwd,
body.rentacar-page.rentacar-ocwd html{
  overflow: auto !important;
}

/* ============================================================
   OCWD: Mid content hero üstüne taşmasın (click yutma fix)
   Sadece OCWD scope
   ============================================================ */

/* Mid-block normal akışta kalsın, taşma/float/overlay olmasın */
body.rentacar-page.rentacar-ocwd .home-mid-block{
  position: relative !important;
  z-index: 1 !important;
  float: none !important;
  clear: both !important;
  margin-top: 0 !important;
  top: auto !important;
}

/* İçerikten gelen agresif layoutlar (inline style / WYSIWYG) hero'yu kaplamasın */
body.rentacar-page.rentacar-ocwd .home-mid-block .home-mid-required,
body.rentacar-page.rentacar-ocwd .home-mid-block .home-mid-required *{
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

/* Eğer içerik yanlışlıkla çok büyük bir blok üretiyorsa, sadece mid-block içinde kır */
body.rentacar-page.rentacar-ocwd .home-mid-block .home-mid-required{
  max-width: 100% !important;
  overflow: visible !important;
}

/* ============================================================
   OCWD ONLY: 4-icons FULL LOCK (no layout overflow)
   - Wrapper as container
   - Only real card selector targeted (no > *)
   ============================================================ */

body.rentacar-page.rentacar-ocwd .four-icons.four-icons--rentacar{
  /* wrapper kesinlikle sayfayı kaplamasın */
  position: relative !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 18px 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;   /* taşmayı kes */
  height: auto !important;
  min-height: unset !important;
}

/* İçte container/row varsa, flex bozmasın */
body.rentacar-page.rentacar-ocwd .four-icons.four-icons--rentacar .container,
body.rentacar-page.rentacar-ocwd .four-icons.four-icons--rentacar .row{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* GRID: sadece kartları grid'e sok (ana kart wrapper selector) */
body.rentacar-page.rentacar-ocwd .four-icons.four-icons--rentacar .home-four-icons-row{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

/* Responsive */
@media (max-width: 992px){
  body.rentacar-page.rentacar-ocwd .four-icons.four-icons--rentacar .home-four-icons-row{
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }
}
@media (max-width: 520px){
  body.rentacar-page.rentacar-ocwd .four-icons.four-icons--rentacar .home-four-icons-row{
    grid-template-columns: 1fr !important;
  }
}

/* Kartı net kilitle: x_slider_bottom_box_wrapper = kart */
body.rentacar-page.rentacar-ocwd .four-icons.four-icons--rentacar .home-four-icons-row .x_slider_bottom_box_wrapper{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  transform: none !important;
  position: relative !important;
}

/* Kart içi taşma olmasın */
body.rentacar-page.rentacar-ocwd .four-icons.four-icons--rentacar .home-four-icons-row .x_slider_bottom_box_wrapper *{
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* ============================================================
   OCWD ONLY: 4-icons section height/padding hard lock
   Fix: huge green empty area + covers hero/how it works
   ============================================================ */

body.rentacar-page.rentacar-ocwd .x_slider_bottom_title_main_wrapper{
  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 36px !important;
  padding-bottom: 36px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
  z-index: 1 !important;
}

/* İçindeki ikon satırı da normal akışta kalsın */
body.rentacar-page.rentacar-ocwd .x_slider_bottom_title_main_wrapper .four-icons.four-icons--rentacar{
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}


body.rentacar-page.rentacar-ocwd .x_slider_bottom_title_main_wrapper{
  /* dev height'ı kır */
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  /* bazen theme 100vh/absolute yapıyor: reset */
  position: relative !important;
  top: auto !important;
  bottom: auto !important;

  /* aşırı boşlukları kırp */
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  overflow: visible !important;
  clear: both !important;
}

/* Eğer içeride yanlışlıkla full-height bir child varsa onu da kır */
body.rentacar-page.rentacar-ocwd .x_slider_bottom_title_main_wrapper .container,
body.rentacar-page.rentacar-ocwd .x_slider_bottom_title_main_wrapper .row{
  min-height: 0 !important;
  height: auto !important;
}

/* Kartlar #d087bf – OCWD only */
body.rentacar-page.rentacar-ocwd .x_slider_bottom_title_main_wrapper .x_slider_bottom_box_wrapper{
  background: #d087bf !important;
}

/* ============================================================
   OCWD ONLY: Read More debug outlines REMOVE
   ============================================================ */

/* Tüm kırmızı outline / border debug kalıntıları */
body.rentacar-page.rentacar-ocwd a,
body.rentacar-page.rentacar-ocwd button{
  outline: none !important;
  box-shadow: none !important;
}

/* Read More özelinde kırmızı border varsa sil */
body.rentacar-page.rentacar-ocwd a[style*="outline"],
body.rentacar-page.rentacar-ocwd button[style*="outline"]{
  outline: none !important;
}

/* ============================================================
   OCWD ONLY: Read More button styling (site uyumlu)
   ============================================================ */

body.rentacar-page.rentacar-ocwd a.read-more,
body.rentacar-page.rentacar-ocwd .home-mid-toggle,
body.rentacar-page.rentacar-ocwd .btc_ln_img_cont_wrapper button{
  background-color: #4aa3a3 !important;   /* site uyumlu mavi-yeşil */
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

/* Hover */
body.rentacar-page.rentacar-ocwd a.read-more:hover,
body.rentacar-page.rentacar-ocwd .home-mid-toggle:hover,
body.rentacar-page.rentacar-ocwd .btc_ln_img_cont_wrapper button:hover{
  background-color: #3a8f8f !important;
  color: #ffffff !important;
}


/* ============================================================
   OCWD ONLY: Copy HOME 4-icons layout rules (birebir)
   Layout only: display/flex/grid, width, padding, margin, gap, position, transform
   Colors excluded: background/color rules NOT copied
   ============================================================ */

/* Desktop: HOME layout kuralları OCWD'ye kopyalandı */
/* HOME'da desktop için özel kural yok, varsayılan Bootstrap grid kullanılıyor */
/* OCWD'de mevcut grid kuralları korunuyor (satır 419-424) */

/* Mobile (max-width: 991px): HOME layout birebir kopya */
@media (max-width: 991px) {
  body.rentacar-page.rentacar-ocwd .home-four-icons-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 10px 6px !important;
  }
  
  body.rentacar-page.rentacar-ocwd .home-four-icons-row .x_slider_bottom_box_wrapper {
    float: none !important;
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
    padding: 8px 6px !important;
    min-width: 70px !important;
  }
  
  /* Başlık küçült */
  body.rentacar-page.rentacar-ocwd .home-four-icons-row .x_slider_bottom_box_wrapper h3 {
    font-size: 11px !important;
    margin-bottom: 6px !important;
    line-height: 1.15 !important;
  }
  
  /* Metin küçült */
  body.rentacar-page.rentacar-ocwd .home-four-icons-row .x_slider_bottom_box_wrapper p {
    font-size: 10px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
}

/* Mobile (max-width: 767px): HOME layout birebir kopya */
@media (max-width: 767px) {
  body.rentacar-page.rentacar-ocwd .home-four-icons-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 6px !important;
  }
  
  body.rentacar-page.rentacar-ocwd .home-four-icons-row .x_slider_bottom_box_wrapper {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    padding: 0 4px !important;
  }
  
  body.rentacar-page.rentacar-ocwd .home-four-icons-row h4,
  body.rentacar-page.rentacar-ocwd .home-four-icons-row h3 {
    font-size: 11px !important;
    line-height: 1.15 !important;
    margin: 0 0 4px !important;
  }
  
  body.rentacar-page.rentacar-ocwd .home-four-icons-row p {
    font-size: 10px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
  }
}

/* ============================================================
   OCWD: 4 ICONS layout = HOME birebir
   Sadece layout (width / height / padding)
   ============================================================ */

body.rentacar-page.rentacar-ocwd .home-four-icons-row{
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Kartlar: HOME gibi 2 kolon */
body.rentacar-page.rentacar-ocwd
.home-four-icons-row
.x_slider_bottom_box_wrapper{
  box-sizing: border-box !important;
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;

  /* HOME padding hissi */
  padding: 24px 20px !important;

  /* Yükseklik HOME gibi */
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;

  margin: 0 !important;
}

/* İçerik taşmasını engelle */
body.rentacar-page.rentacar-ocwd
.home-four-icons-row
.x_slider_bottom_box_wrapper *{
  box-sizing: border-box !important;
}

/* Desktop spacing HOME ile uyumlu */
@media (min-width: 992px){
  body.rentacar-page.rentacar-ocwd
  .home-four-icons-row{
    row-gap: 0 !important;
    column-gap: 0 !important;
  }
}

/* HOME MID BLOCK – PEMBEYİ SİL (4-icons ile ilgili değil, mid-block için) */

/* HOME MID BLOCK – PEMBEYİ SİL */
body.home-page .home-mid-block,
body.home-page .home-mid-block .home-mid-required,
body.home-page .home-mid-block .home-mid-more{
  background: none !important;
  background-color: transparent !important;
}

/* Inline style ile gelen pembe varsa tamamen temizle */
body.home-page [style*="#d799c9"],
body.home-page [style*="rgb(215"],
body.home-page [style*="rgba(215"]{
  background: none !important;
  background-color: transparent !important;
}

/* ============================================================
   OCWD 4-icons background -> #d087bf
   ============================================================ */
body.rentacar-page.rentacar-ocwd .x_slider_bottom_title_main_wrapper{
  background: #d087bf !important;
  background-color: #d087bf !important;
}

/* 4 ikon kutularının zemini de aynı renk olsun */
body.rentacar-page.rentacar-ocwd .x_slider_bottom_box_wrapper{
  background: #d087bf !important;
  background-color: #d087bf !important;
}



/* FIX: Only remove red border around Read More buttons (SAFE) */
a.read-more,
a.read-more:focus,
a.read-more:focus-visible{
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* FIX: Remove red focus outline from Home Mid Block (Read More issue) */
.home-mid-block:focus,
.home-mid-block:focus-visible,
.home-mid-block *:focus,
.home-mid-block *:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* ============================================================
   Trix Content Styles (Flow Intro Text)
   Service ve Blog'da aynı görünüm için
   ============================================================ */
.trix-content h1,
.trix-content h2,
.trix-content h3 {
  margin: 0 0 12px;
}

.trix-content p {
  margin: 0 0 12px;
}

.trix-content strong {
  font-weight: 700;
}

.trix-content ul,
.trix-content ol {
  margin: 0 0 12px;
  padding-left: 20px;
}

.trix-content a {
  color: #478e9b;
  text-decoration: underline;
}

.trix-content a:hover {
  color: #3a8f8f;
}

/* Home Mid Block Intro Text (Trix content) */
.midblock-intro p {
  margin: 0 0 10px 0;
}

.midblock-intro ul,
.midblock-intro ol {
  padding-left: 18px;
}

.midblock-intro strong {
  font-weight: 700;
}

/* ===== GOOGLE PLACES FIX (global) ===== */
.pac-container {
  z-index: 999999 !important;
}

/* =========================================================
   SERVICE PAGE — OUR SERVICES OVERLAY TAMAMEN KAPAT
   Google Places / form focus sorununu çözer
========================================================= */
body.service-page #ourServicesBackdrop,
body.service-page #ourServicesPanel{
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* Service hero'daki eski beyaz divider tamamen kapat */
.service-hero-divider{
    display: none !important;
}

/* Dropdown kesilmesin (harita dropdown için) */
.pac-container{ z-index: 999999 !important; }

/* HERO BOOKING – WIDTH x2 (OCWD + SERVICE ONLY) */
/* IMPORTANT: width/max-width ONLY. No margin/padding/layout/js changes. */

/* 1) content_tabs is the main limiter from style.css/style_II/responsive* */
body.rentacar-page.rentacar-ocwd .slider-area .carousel-inner .carousel-item .carousel-captions .content_tabs{
  width: 100% !important;
  max-width: 1040px !important; /* x2 target */
}

/* 2) wrapper also has its own max-width in style/responsive */
body.rentacar-page.rentacar-ocwd .slider-area .carousel-inner .carousel-item .carousel-captions .x_slider_form_main_wrapper{
  width: 100% !important;
  max-width: 1040px !important; /* keep same cap */
  box-sizing: border-box !important;
}

{{-- SERVICE HERO/BOOKING CSS REMOVED (WIPE) --}}

/* HOME + OCWD: pac dropdown görünürlük garantisi */
.pac-container{
  z-index: 999999 !important;
}

/* SERVICE ONLY: niceSelect dropdown overlay (push-down bug fix) */
.premium-service-hero .nice-select,
.service-page-wrapper .nice-select,
.service-hero .nice-select {
  position: relative;
}

.premium-service-hero .nice-select .list,
.service-page-wrapper .nice-select .list,
.service-hero .nice-select .list {
  position: absolute !important;
  top: 100% !important;
  left: 0;
  right: 0;
  z-index: 99999 !important;
  max-height: 280px;
  overflow: auto;
  display: none;
}

.premium-service-hero .nice-select.open .list,
.service-page-wrapper .nice-select.open .list,
.service-hero .nice-select.open .list {
  display: block !important;
}

{{-- SERVICE DATETIMEPICKER CSS REMOVED (WIPE) --}}

/* ===============================
   HOME — 4 ICONS (FINAL)
================================ */
body.home-page .home-four-icons-section{
  background: #90cdcd !important;
  clear: both;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

body.home-page .home-four-icons-section .x_slider_bottom_title_main_wrapper{
  background: transparent !important;
}

body.home-page .x_slider_bottom_title_main_wrapper{
  background: transparent !important;
  background-color: transparent !important;
  position: relative;
  z-index: 1;
}

body.home-page .slider-area.hero-booking::after{
  content: "";
  display: block;
  clear: both;
}

/* ===============================
   HOME — MID BLOCKS (FINAL)
================================ */
body.home-page .home-midblocks-section{
  background: #b2e4e2 !important;
  clear: both;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* HOME — 4 ICONS background override */
body.home-page .home-four-icons-section{
  background: #cc79d0 !important;
}

/* =========================
   TRANSFER SUCCESS — Loader + Scroll Jitter Fix
   ========================= */

/* 1) Success page loader overlay can get stuck -> hide it */
body.transfer-success-page #loader,
body.transfer-success-page #loader-wrapper,
body.transfer-success-page .loader,
body.transfer-success-page .preloader,
body.transfer-success-page .preloader-area {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 2) If theme uses fixed/parallax backgrounds -> cause jitter */
body.transfer-success-page [style*="background-attachment: fixed"],
body.transfer-success-page .bg-fixed,
body.transfer-success-page .fixed-bg,
body.transfer-success-page .parallax {
  background-attachment: scroll !important;
}

/* 3) Avoid transform + fixed combos on header */
body.transfer-success-page header,
body.transfer-success-page .navbar,
body.transfer-success-page .header,
body.transfer-success-page .top-bar {
  transform: none !important;
  will-change: auto !important;
}

/* 4) Disable smooth scroll that can "shake" on some setups */
body.transfer-success-page {
  scroll-behavior: auto !important;
}

/* ===== TRANSFER SUCCESS - HARD JITTER STOP ===== */

/* A) style.css'teki background-attachment:fixed kuralını success'te ez */
body.transfer-success-page * {
  background-attachment: scroll !important;
}

/* B) Bazı temalarda fixed bg pseudo element ile gelir */
body.transfer-success-page *::before,
body.transfer-success-page *::after {
  background-attachment: scroll !important;
}

/* C) animate / owl / theme transform layerları scroll'da titreme yapabiliyor */
body.transfer-success-page .animated,
body.transfer-success-page [class*="animate"],
body.transfer-success-page .owl-carousel *,
body.transfer-success-page [style*="translate3d"],
body.transfer-success-page [style*="translate("],
body.transfer-success-page [style*="transform"] {
  transform: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

/* D) Fixed header + scroll repaint titreme yapıyorsa success'te sticky/fixed kapat */
body.transfer-success-page header,
body.transfer-success-page .navbar,
body.transfer-success-page .header,
body.transfer-success-page .top-bar {
  position: relative !important;
  top: auto !important;
}

/* === STOP JITTER: style.css .btc_tittle_main_wrapper background-attachment:fixed === */

/* Success sayfasında title bg fixed olmasın */
body.transfer-success-page .btc_tittle_main_wrapper{
  background-attachment: scroll !important;
  background-position: center top !important;
}

/* Eğer body class tutmuyorsa (bazı locale route'larda), en azından success sayfası wrapper'ından yakala */
.transfer-success-page .btc_tittle_main_wrapper,
.transfer-reservation-success .btc_tittle_main_wrapper{
  background-attachment: scroll !important;
  background-position: center top !important;
}

/* ===============================
   TRANSFER SUCCESS PAGE – HARD LOCK
   =============================== */

/* 1) Parallax / fixed background KAPAT */
body.transfer-success-page .btc_tittle_main_wrapper{
  background-attachment: scroll !important;
  background-position: center top !important;
}

/* 2) Tüm animasyonları KAPAT */
body.transfer-success-page *,
body.transfer-success-page *::before,
body.transfer-success-page *::after{
  animation: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

/* 3) Scroll stabilizasyonu */
body.transfer-success-page{
  overflow-x: hidden;
}

/* =========================================================
   RTL FIX (ar, fa) — Service + Post FULL CONTENT
   NOTE: local HTML outputs dir=" rtl " (spaces), so we match:
   - html[dir*="rtl"]  (contains)
   - html[dir~="rtl"]  (space-separated token)
   Scope: only .rtl-content to avoid breaking layout/grid.
   ========================================================= */

html[dir*="rtl"] .rtl-content,
html[dir~="rtl"] .rtl-content{
  direction: rtl !important;
  text-align: right !important;
}

/* Force common text blocks */
html[dir*="rtl"] .rtl-content p,
html[dir*="rtl"] .rtl-content h1,
html[dir*="rtl"] .rtl-content h2,
html[dir*="rtl"] .rtl-content h3,
html[dir*="rtl"] .rtl-content h4,
html[dir*="rtl"] .rtl-content h5,
html[dir*="rtl"] .rtl-content h6,
html[dir*="rtl"] .rtl-content li,
html[dir*="rtl"] .rtl-content blockquote,
html[dir*="rtl"] .rtl-content .sub-content,
html[dir*="rtl"] .rtl-content .service-content,
html[dir*="rtl"] .rtl-content .post-content,
html[dir*="rtl"] .rtl-content .blog_single_social_icon,
html[dir*="rtl"] .rtl-content .blog_single_comment_wrapper,
html[dir~="rtl"] .rtl-content p,
html[dir~="rtl"] .rtl-content h1,
html[dir~="rtl"] .rtl-content h2,
html[dir~="rtl"] .rtl-content h3,
html[dir~="rtl"] .rtl-content h4,
html[dir~="rtl"] .rtl-content h5,
html[dir~="rtl"] .rtl-content h6,
html[dir~="rtl"] .rtl-content li,
html[dir~="rtl"] .rtl-content blockquote,
html[dir~="rtl"] .rtl-content .sub-content,
html[dir~="rtl"] .rtl-content .service-content,
html[dir~="rtl"] .rtl-content .post-content,
html[dir~="rtl"] .rtl-content .blog_single_social_icon,
html[dir~="rtl"] .rtl-content .blog_single_comment_wrapper{
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: plaintext;
}

/* Lists */
html[dir*="rtl"] .rtl-content ul,
html[dir*="rtl"] .rtl-content ol,
html[dir~="rtl"] .rtl-content ul,
html[dir~="rtl"] .rtl-content ol{
  direction: rtl !important;
  text-align: right !important;
  padding-right: 1.2rem !important;
  padding-left: 0 !important;
}

/* Override injected inline ltr/left coming from translated HTML */
html[dir*="rtl"] .rtl-content [dir="ltr"],
html[dir*="rtl"] .rtl-content [style*="text-align:left"],
html[dir*="rtl"] .rtl-content [style*="text-align: left"],
html[dir*="rtl"] .rtl-content [style*="direction:ltr"],
html[dir*="rtl"] .rtl-content [style*="direction: ltr"],
html[dir~="rtl"] .rtl-content [dir="ltr"],
html[dir~="rtl"] .rtl-content [style*="text-align:left"],
html[dir~="rtl"] .rtl-content [style*="text-align: left"],
html[dir~="rtl"] .rtl-content [style*="direction:ltr"],
html[dir~="rtl"] .rtl-content [style*="direction: ltr"]{
  direction: rtl !important;
  text-align: right !important;
}

/* ============================================================
   OUR CARS – image containment fix
   ============================================================ */

/* ============================================================
   OUR CARS + RESULTS: image containment
   ============================================================ */
.our-cars-image {
    width: 100%;
    max-width: 320px;   /* kart sol kolonunu geçmesin */
    height: 180px;      /* sabit kutu: taşma olmaz */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.our-cars-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* ============================================================
   Summary car image: never overflow, never break layout
   ============================================================ */
.hrh-summary-car-img {
    max-width: 220px;
    max-height: 140px;
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Mobilde daha küçük */
@media (max-width: 576px) {
    .hrh-summary-car-img {
        max-width: 180px;
        max-height: 120px;
    }
}

/* ===== Page image ratio (Görsel Oranı) – Portrait = Reels 9:16 ===== */
.x_about_seg_img_wrapper.page-image-portrait {
    aspect-ratio: 9 / 16;
    overflow: hidden;
    display: block;
}
.x_about_seg_img_wrapper.page-image-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.x_about_seg_img_wrapper.page-image-landscape {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: block;
}
.x_about_seg_img_wrapper.page-image-landscape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.x_about_seg_img_wrapper.page-image-square {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: block;
}
.x_about_seg_img_wrapper.page-image-square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}