/* ===== FIX: Horizontal overflow on doctor detail pages ===== */
.staff-detail {
  overflow-x: hidden;
}
.staff-detail img {
  max-width: 100%;
  height: auto;
}
.staff-detail table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}
.staff-detail iframe {
  max-width: 100%;
}

/* ===== FIX: Global overflow protection ===== */
main, .container {
  overflow-x: hidden;
}

/* ===== Mobile Bottom Bar ===== */
.mobile-bottom-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 998;
  background: var(--white-1);
  border-top: 1px solid var(--white-3);
  box-shadow: 0 -2px 12px rgba(0,0,0,.08);
  padding: 0;
}
.mobile-bottom-bar__inner {
  display: flex;
  align-items: stretch;
}
.mobile-bottom-bar__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 4px;
  text-decoration: none !important;
  color: var(--gray-1);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  transition: color .2s, background .2s;
  border: none;
  background: none;
}
.mobile-bottom-bar__item:hover,
.mobile-bottom-bar__item:active {
  color: var(--main-1);
  background: var(--white-2);
  text-decoration: none !important;
}
.mobile-bottom-bar__item i,
.mobile-bottom-bar__item svg {
  font-size: 22px;
  margin-bottom: 4px;
}
.mobile-bottom-bar__item--phone {
  background: var(--main-1);
  color: #fff;
}
.mobile-bottom-bar__item--phone:hover,
.mobile-bottom-bar__item--phone:active {
  background: var(--main-2);
  color: #fff;
}
.mobile-bottom-bar__item--phone i {
  font-size: 24px;
}

/* Telegram icon color */
.mobile-bottom-bar__item--tg {
  color: #229ED9;
}
.mobile-bottom-bar__item--tg:hover {
  color: #1a8ac0;
}

/* MAX icon color */
.mobile-bottom-bar__item--max {
  color: #0077FF;
}
.mobile-bottom-bar__item--max:hover {
  color: #005ecb;
}

@media (max-width: 767px) {
  .mobile-bottom-bar {
    display: block;
  }
  /* Add padding to body so content isn't hidden behind the bar */
  body {
    padding-bottom: 64px;
  }
}

/* ===== FIX: Slider arrows (unified, no conflicts) ===== */
.swiper-nav {
  display: flex;
  gap: 8px;
  z-index: 10;
}
.staff-section,
.reviews-section,
.blog-slider-section {
  position: relative;
}
.staff-section .swiper-nav,
.reviews-section .swiper-nav,
.blog-slider-section .swiper-nav {
  position: absolute;
  top: 4px;
  right: 0;
}
.swiper-button-prev,
.swiper-button-next {
  position: static !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  background: var(--white-2);
  border-radius: 50%;
  transition: background .3s ease;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 14px !important;
  font-weight: 700;
  color: var(--gray-1);
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: var(--main-1);
}
.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
  color: #fff;
}
@media (max-width: 575px) {
  .staff-section .swiper-nav,
  .reviews-section .swiper-nav,
  .blog-slider-section .swiper-nav {
    position: static;
    justify-content: center;
    margin-top: 16px;
  }
  .staff-section h2,
  .reviews-section h2,
  .blog-slider-section h2 {
    padding-right: 0;
  }
}