/* The medical-guide templates use the original title banner. Give the banner
   and header their own opaque stacking surfaces so the footer cannot bleed
   through them when the Ambons parallax background is active. */
/* Medical guide: block footer bleed-through at the actual layout layer.
   The theme uses a parallax footer: on these self-contained pages it must
   remain in document flow, below main content, never behind the header. */
html body:has(.mcd) .boxed_wrapper{isolation:isolate!important}
html body:has(.mcd) .boxed_wrapper .bottom-parallax,
html body:has(.mcd).parallax-visible .boxed_wrapper .bottom-parallax,
html body:has(.mcd).mc-footer-safe-reveal .boxed_wrapper .bottom-parallax{
 position:static!important;inset:auto!important;
 display:block!important;transform:none!important;
 height:auto!important;min-height:0!important;
 z-index:auto!important;
}
html body:has(.mcd) .boxed_wrapper .bottom-parallax footer.footer-area,
html body:has(.mcd).parallax-visible .boxed_wrapper .bottom-parallax footer.footer-area,
html body:has(.mcd).mc-footer-safe-reveal .boxed_wrapper .bottom-parallax footer.footer-area{
 position:relative!important;inset:auto!important;
 transform:none!important;clip-path:none!important;
 -webkit-clip-path:none!important;
 height:auto!important;min-height:0!important;
 max-height:none!important;z-index:auto!important;
}
/* Match the established 'Лечение в Турция' header exactly:
   original light menu background and muted sage title (#528479). */
html body:has(.mcd) .main-header .header-top{
 background:#fff!important;
}
html body:has(.mcd) .main-header > .header{
 background:#eef3f2!important;
}
html body:has(.mcd) .breadcrumb-area{
 position:relative!important;
 isolation:isolate!important;
 z-index:2!important;
 background:#528479!important;
 height:auto!important;
 max-height:none!important;
 min-height:0!important;
 overflow:visible!important;
}
@media(min-width:768px){
 /* These medical guide pages start their breadcrumb underneath the desktop
    menu. Offset the section itself rather than moving the title inside it. */
 html body:has(.mcd) .breadcrumb-area{
  margin-top:65px!important;
 }
}
@media(min-width:768px){
 html body:has(.mcd) .breadcrumb-area .container,
 html body:has(.mcd) .breadcrumb-area .row,
 html body:has(.mcd) .breadcrumb-area .col-xl-12{
  height:auto!important;max-height:none!important;
  min-height:0!important;overflow:visible!important;
 }
}
html body:has(.mcd) .breadcrumb-area .breadcrumb-area-bg{
 background-image:none!important;
 background-color:#528479!important;
 opacity:1!important;
}
/* Ambons overlays every banner with its dark primary-color ::before layer.
   That layer caused the specialty pages to look much darker than the
   /lechenie-v-turcia/ reference despite the correct base color.
   Use the same exact sage background on the overlay on all breakpoints. */
html body:has(.mcd) .breadcrumb-area .breadcrumb-area-bg::before{
 background:#528479!important;
 background-color:#528479!important;
 opacity:1!important;
}
/* Turkey specialties: identical header layout to Treatment in Turkey.
   This stylesheet loads after the theme CSS, so it owns these specific rules. */
@media(min-width:768px){
 html body:has(.mcd) .breadcrumb-area .inner-content{
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;top:auto!important;bottom:auto!important;
  transform:none!important;margin:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;
  padding:34px 0 57px!important;
  text-align:center!important;
 }
 html body:has(.mcd) .breadcrumb-area .title{
  display:block!important;position:relative!important;
  width:100%!important;height:auto!important;max-height:none!important;
  overflow:visible!important;opacity:1!important;visibility:visible!important;
  margin:0 auto 0!important;transform:none!important;
 }
 html body:has(.mcd) .breadcrumb-area .title h2,
 html body:has(.mcd) .breadcrumb-area .title h1{
  display:block!important;position:static!important;
  opacity:1!important;visibility:visible!important;
  color:#fff!important;font-weight:700!important;
  font-size:clamp(30px,3.2vw,48px)!important;
  line-height:1.18!important;text-align:center!important;
  text-transform:none!important;margin:0!important;
  height:auto!important;max-height:none!important;
 }
 html body:has(.mcd) .breadcrumb-area .breadcrumb-menu{
  position:absolute!important;bottom:-25px!important;left:0!important;right:0!important;
 }
}
/* Transparent theme decoration must never allow underlying footer text
   to show through header or breadcrumb on desktop and mobile. */
html body:has(.mcd) .main-header .header:before,
html body:has(.mcd) .main-header .header:after{
 opacity:0!important;pointer-events:none!important;
}
html body:has(.mcd) .main-header{
 position:relative;
 z-index:10!important;
}
html body:has(.mcd) .header-upper,
html body:has(.mcd) .header-lower,
html body:has(.mcd) .header-menu,
html body:has(.mcd) .header-style-one .header-lower{
 background-color:#fff!important;
}
html body:has(.mcd) .boxed_wrapper .bottom-parallax{
 z-index:0!important;
}
html body:has(.mcd) .boxed_wrapper .bottom-parallax footer.footer-area{
 z-index:0!important;
}
/* Mobile medical-guide breadcrumb: keep the full gold label inside its white pill. */
@media(max-width:767px){
 html body:has(.mcd) .breadcrumb-area .inner-content{
  height:auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;gap:16px!important;
  padding:32px 0 24px!important;
 }
 html body:has(.mcd) .breadcrumb-area .title{
  width:100%!important;height:auto!important;overflow:visible!important;
 }
 html body:has(.mcd) .breadcrumb-area .title h1,
 html body:has(.mcd) .breadcrumb-area .title h2{
  font-size:clamp(27px,7vw,36px)!important;line-height:1.2!important;
  margin:0!important;overflow-wrap:break-word!important;
 }
 html body:has(.mcd) .breadcrumb-area .breadcrumb-menu{
  position:relative!important;inset:auto!important;left:auto!important;
  right:auto!important;bottom:auto!important;transform:none!important;
  width:100%!important;max-width:100%!important;height:auto!important;
  margin:0!important;display:block!important;
 }
 html body:has(.mcd) .breadcrumb-area .breadcrumb-menu ul{
  box-sizing:border-box!important;display:flex!important;
  flex-direction:column!important;align-items:center!important;
  width:100%!important;max-width:100%!important;height:auto!important;
  margin:0!important;padding:12px 16px!important;
  border-radius:20px!important;overflow:visible!important;
 }
 html body:has(.mcd) .breadcrumb-area .breadcrumb-menu ul li{
  float:none!important;width:100%!important;min-width:0!important;
  padding:0!important;margin:0!important;
  text-align:center!important;white-space:normal!important;
  overflow-wrap:break-word!important;word-break:normal!important;
  line-height:1.4!important;font-size:12px!important;
 }
 html body:has(.mcd) .breadcrumb-area .breadcrumb-menu ul li:before,
 html body:has(.mcd) .breadcrumb-area .breadcrumb-menu ul li:after{
  display:none!important;
 }
}
/* Retain the theme's original heading/breadcrumb until a complete header redesign is verified. */
html body:has(.mcd) .blog-page-three{
 padding-top:22px!important;padding-bottom:0!important;
 margin-bottom:0!important;min-height:0!important;
}
html body:has(.mcd) .blog-page-three .row,
html body:has(.mcd) .blog-page-three .blog-content-box,
html body:has(.mcd) .blog-page-three .thm-unit-test,
html body:has(.mcd) .blog-page-three .elementor{
 margin-bottom:0!important;padding-bottom:0!important;min-height:0!important;
}
html body:has(.mcd) .boxed_wrapper .bottom-parallax{
 display:block!important;position:relative!important;
 padding-top:28px!important;margin-top:0!important;
 background:#f9faf8!important;height:auto!important;min-height:0!important;
}
html body:has(.mcd) .boxed_wrapper .bottom-parallax footer.footer-area{
 position:relative!important;inset:auto!important;clip-path:none!important;
 -webkit-clip-path:none!important;height:auto!important;max-height:none!important;
}
/* Final content-to-footer transition for medical-guide pages:
   keep breathing room inside the last section, not an empty external block. */
html body:has(.mcd) .mcd > section:last-child{
 padding-bottom:22px!important;
 margin-bottom:0!important;
}
html body:has(.mcd) .blog-page-three{
 padding-bottom:0!important;
}
html body:has(.mcd) .blog-page-three > .container,
html body:has(.mcd) .blog-page-three > .container > .row{
 padding-bottom:0!important;margin-bottom:0!important;
}
html body:has(.mcd) .blog-page-three .content-side,
html body:has(.mcd) .blog-page-three .elementor-widget-container{
 padding-bottom:0!important;margin-bottom:0!important;
}
html body:has(.mcd) .boxed_wrapper .bottom-parallax{
 padding-top:12px!important;margin-top:0!important;
}
/* Services directory: no redundant large Elementor bottom spacer. */
html body.page-id-32.mc-services-layout-v3 .mc-directory{
 padding-bottom:0!important;
}
html body.page-id-32.mc-services-layout-v3 .elementor-32>.elementor-section:last-child{
 padding-bottom:0!important;margin-bottom:0!important;
}
html body.page-id-32.mc-services-layout-v3 .boxed_wrapper .bottom-parallax{
 padding-top:20px!important;margin-top:0!important;
}


/* MEDICALL — mobile menu above seven Turkey medical guide pages.
   Preserve Ambons' original RIGHT-side drawer position, dimensions,
   translate/slide animation, close control and nested navigation.
   Only correct layering so content can never cover the open drawer. */
@media (max-width:991px) {
  html body:has(.mcd) .mobile-menu {
    z-index:2147483000!important;
  }
  html body:has(.mcd) .mobile-menu .menu-backdrop {
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
  }
  html body:has(.mcd) .mobile-menu .menu-box {
    z-index:2!important;
    height:100vh!important;
    height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
  }
  html body:has(.mcd) .mobile-menu .close-btn {
    z-index:10!important;
  }
  html body:has(.mcd) .breadcrumb-area,
  html body:has(.mcd) .blog-page-three,
  html body:has(.mcd) .mcd {
    z-index:auto!important;
  }
  html body:has(.mcd).mobile-menu-visible {
    overflow:hidden!important;
  }
}

/* MediCall responsive spacing + navigation containment, 2026-10-25.
   Medical-guide and service page footers retain their own separate background. */
@media (min-width:992px){
  html body:has(.mcd) .blog-page-three{
    padding-bottom:0!important;margin-bottom:0!important;min-height:0!important;
  }
  html body:has(.mcd) .blog-page-three .blog-content-box,
  html body:has(.mcd) .blog-page-three .thm-unit-test,
  html body:has(.mcd) .blog-page-three .elementor,
  html body:has(.mcd) .blog-page-three .elementor-widget-html,
  html body:has(.mcd) .blog-page-three .elementor-widget-container{
    padding-bottom:0!important;margin-bottom:0!important;min-height:0!important;
  }
  html body:has(.mcd) .boxed_wrapper .bottom-parallax{
    padding-top:28px!important;margin-top:0!important;min-height:0!important;
  }
  html body.mc-services-layout-v3 .boxed_wrapper .bottom-parallax{
    padding-top:28px!important;
  }
}
/* Explicit separate footer boundary, with no sticky overlap on affected pages. */
html body.mc-services-layout-v3 .boxed_wrapper .bottom-parallax footer.footer-area,
html body:has(.mcd) .boxed_wrapper .bottom-parallax footer.footer-area{
  position:relative!important;inset:auto!important;height:auto!important;
  max-height:none!important;clip-path:none!important;-webkit-clip-path:none!important;
}

@media (max-width:991px){
  html body .mobile-menu .menu-box{
    box-sizing:border-box!important;
    width:min(94vw,430px)!important;
    max-width:calc(100vw - 8px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  html body .mobile-menu .menu-outer,
  html body .mobile-menu .navigation,
  html body .mobile-menu .navigation li,
  html body .mobile-menu .navigation li ul.submenu{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html body .mobile-menu .navigation li a{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    white-space:normal!important;
    text-overflow:clip!important;
    height:auto!important;
    min-height:48px!important;
  }
  html body .mobile-menu .navigation li.menu-item-165 ul.submenu li a{
    padding:12px 20px 12px 25px!important;
    font-size:15px!important;
    line-height:1.45!important;
  }
  /* The medical guide pages use the theme blog template: prevent
     stacked template spacing underneath their self-contained article. */
  html body:has(.mcd) .blog-page-three{
    padding-bottom:0!important;
    margin-bottom:0!important;
    min-height:0!important;
  }
  html body:has(.mcd) .blog-page-three .blog-content-box,
  html body:has(.mcd) .blog-page-three .thm-unit-test,
  html body:has(.mcd) .blog-page-three .content-side,
  html body:has(.mcd) .blog-page-three .elementor{
    padding-bottom:0!important;
    margin-bottom:0!important;
    min-height:0!important;
  }
  html body:has(.mcd) .blog-page-three .elementor-widget-html,
  html body:has(.mcd) .blog-page-three .elementor-widget-html .elementor-widget-container{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body:has(.mcd) .boxed_wrapper .bottom-parallax{
    margin-top:0!important;
    padding-top:22px!important;
    min-height:0!important;
  }
  /* Services: remove stacking of the Elementor section and directory spacers. */
  html body.page-id-32.mc-services-layout-v3 .mc-directory{
    padding-bottom:18px!important;
  }
  html body.page-id-32.mc-services-layout-v3 .elementor-32>.elementor-section:last-child{
    padding-bottom:16px!important;
    margin-bottom:0!important;
  }
  html body.page-id-32.mc-services-layout-v3 .boxed_wrapper .bottom-parallax{
    padding-top:22px!important;
  }
}