/* =========================================
   MetaSlider Hero — Bright Text Mobile Fix
   ========================================= */

/* Caption center force */
.metaslider .slides li .caption,
.metaslider .caption-wrap,
.metaslider .flex-caption {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 94%;
  max-width: 760px;
  text-align: center;

  background: transparent !important;
  padding: 0 !important;
  z-index: 10 !important;
}

/* Overlay box — lighter but readable */
.hero-text {
  background: rgba(0,0,0,0.45);
  color: #ffffff !important;
  padding: 28px 30px;
  border-radius: 14px;
}

/* Heading — strong white */
.hero-text h2 {
  font-size: clamp(30px, 4.5vw, 54px);
  line-height: 1.15;
  margin: 0 0 12px;

  color: #ffffff !important;
  font-weight: 900;

  text-shadow:
    0 2px 8px rgba(0,0,0,0.7),
    0 0 2px rgba(0,0,0,0.6);
}

/* Subtitle — brighter */
.hero-text p {
  font-size: clamp(16px, 2.4vw, 22px);
  margin: 0 0 14px;

  color: #ffffff !important;
  opacity: 1 !important;

  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

/* Price badge */
.hero-price {
  display: inline-block;
  font-size: clamp(17px, 2.2vw, 22px);
  font-weight: 800;

  color: #ffffff;
  background: #e63946;

  padding: 9px 16px;
  border-radius: 10px;
}

/* ---------- MOBILE FIX ---------- */

@media (max-width: 768px) {

  .hero-text {
    padding: 18px 16px;
    border-radius: 12px;
  }

  .hero-text h2 {
    font-size: 26px;
  }

  .hero-text p {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .hero-price {
    font-size: 15px;
    padding: 7px 12px;
  }
}

/* =========================================
   Mobile header title alignment + size
   ========================================= */

@media (max-width: 768px) {

  /* move title slightly down */
  .navbar-brand {
    margin-top: 6px !important;
  }

  /* make title bigger */
  .site-title,
  .navbar-brand,
  .site-name {
    font-size: 28px !important;
    font-weight: 666;
    line-height: 1.1;
  }
}

/* =========================================
   Site Title — white + bold + soft shadow
   ========================================= */

.navbar-brand,
.navbar-brand a,
.site-title a {
  color: #ffffff !important;
  font-weight: 666;

  /* soft shadow */
  text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

/* hover */
.navbar-brand a:hover,
.site-title a:hover {
  color: #ffffff !important;
  opacity: 0.95;
}

/* remove scroll to top button */
.scroll-to-top {
  display: none !important;
}


@media (max-width: 768px) {

  /* Disable mobile menu interaction */
  .navbar-toggle,
  .menu-toggle,
  .mobile-menu-toggle,
  .ast-mobile-menu-trigger,
  .mobile-menu,
  .mobile-navigation,
  .ast-mobile-nav-menu,
  .navbar-collapse {
    pointer-events: none !important;
  }

  /* Disable logo click */
  .navbar-brand a,
  .site-title a,
  .custom-logo-link {
    pointer-events: none !important;
    cursor: default !important;
  }
}