/* Fix flexslider prev/next arrows showing broken text */
.flex-prev,
.flex-next {
  font-family: "flexslider-icon" !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(0, 0, 0, 0.45) !important;
  color: #fff !important;
  border-radius: 50% !important;
  text-align: center !important;
  line-height: 40px !important;
  z-index: 9999 !important;
  overflow: visible !important;
  white-space: normal !important;
  text-indent: 0 !important;
}
.flex-prev { left: 10px !important; }
.flex-next { right: 10px !important; }

/* Ensure arrows visible on room gallery */
.mphb-room-type .mphb-room-type-images .flex-direction-nav {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.mphb-room-type .mphb-room-type-images .flexslider .flex-direction-nav a {
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(0, 0, 0, 0.55) !important;
  color: #fff !important;
  border-radius: 50% !important;
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  z-index: 20 !important;
}
.mphb-room-type .mphb-room-type-images .flexslider:hover .flex-direction-nav a {
  opacity: 1 !important;
  visibility: visible !important;
}
.mphb-room-type .mphb-room-type-images .flex-direction-nav a.flex-prev { left: 10px !important; }
.mphb-room-type .mphb-room-type-images .flex-direction-nav a.flex-next { right: 10px !important; }
.mphb-room-type .mphb-room-type-images .flex-direction-nav a.flex-prev:before,
.mphb-room-type .mphb-room-type-images .flex-direction-nav a.flex-next:before {
  text-indent: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  color: #fff !important;
  line-height: 1 !important;
}

/* === FORCE ALL ELEMENTOR SVG ICONS VISIBLE === */

/* Elementor eicon chevron arrows (elementor-swiper-button) */
.elementor-swiper-button-prev,
.elementor-swiper-button-next,
.elementor-swiper-button {
  color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.elementor-swiper-button-prev svg,
.elementor-swiper-button-next svg,
.elementor-swiper-button svg,
.elementor-swiper-button .e-font-icon-svg,
.elementor-swiper-button .e-font-icon-svg path,
.e-eicon-chevron-left,
.e-eicon-chevron-left path,
.e-eicon-chevron-right,
.e-eicon-chevron-right path {
  fill: #ffffff !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Force background + shape for all swiper buttons so they're never transparent */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
  background: rgba(0, 0, 0, 0.35) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 9999 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  overflow: visible !important;
}

/* Social icons footer */
.elementor-social-icon,
a[aria-label="Facebook-f"],
a[aria-label="Youtube"],
a[aria-label="Tiktok"] {
  color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: rgba(0, 0, 0, 0.55) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* === IMAGE CAROUSEL OVERLAY ICON FIX === */
/* Elementor image carousel zoom/expand overlay icon */
.elementor-image-carousel .elementor-image-carousel__overlay,
.elementor-image-carousel .elementor-custom-embed-play,
.elementor-image-carousel .elementor-cover-overlay,
.elementor-image-carousel .elementor-icon,
.elementor-image-carousel .elementor-icon i,
.elementor-image-carousel .eicon-zoom-in,
.elementor-image-carousel .eicon-zoom-out,
.elementor-image-carousel .eicon-play,
.elementor-image-carousel .eicon-expand,
.elementor-image-carousel .elementor-view,
a[data-elementor-open-lightbox="yes"] .elementor-icon,
a[data-elementor-open-lightbox="yes"] i,
a[data-elementor-open-lightbox="yes"] span[class*="eicon-"],
.swiper-slide a .elementor-icon,
.swiper-slide a i[class*="eicon-"] {
  color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 24px !important;
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Prevent anything from hiding these via parent overflow */
.slick-slider,
.swiper-slide,
.elementor-widget-slides,
.elementor-element,
.elementor-section,
.elementor-column,
.elementor-container {
  overflow: visible !important;
}

/* Pagination bullets icon fix */
a[aria-label="Slide 1"], a[aria-label="Slide 2"], a[aria-label="Slide 3"],
a[aria-label="Slide 4"], a[aria-label="Slide 5"], a[aria-label="Slide 6"],
a[aria-label="Slide 7"],
a[aria-label*="slide"],
a[aria-label*="Slide"] {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  overflow: visible !important;
}