/* Responsive/legibility fixes for narrow viewports (phones, tablets and
   narrow desktop windows). Desktop layout at >=1200px stays untouched
   except for a subtle text-shadow that improves contrast everywhere. */

/* Subtle shadow so light text never disappears over bright photo areas */
.text-home h1,
.text-testimonial {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

@media (max-width: 1199px) {
  /* Hero slides: dark gradient scrim under the headline */
  .mySlides-home {
    position: relative;
  }

  .mySlides-home::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(2, 20, 40, 0.2) 0%, rgba(2, 20, 40, 0.55) 100%);
    pointer-events: none;
  }

  .mySlides-home .text-home {
    z-index: 2;
  }

  /* Testimonials: scrim so the quote is readable over any photo */
  .mySlides2 {
    position: relative;
  }

  .mySlides2::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(2, 20, 40, 0.45);
    pointer-events: none;
  }

  /* both are already position:absolute in style.css; z-index lifts them over the scrim */
  .mySlides2 .text-testimonial,
  .mySlides2 .prev2,
  .mySlides2 .next2 {
    z-index: 2;
  }
}

/* Navbar quote button: the template forces span.text-dark { width: 15% } on
   narrow widths, which wrapped the label into 3-4 lines. Let it size to its
   content instead and keep it on a single compact line. */
@media (max-width: 991px) {
  .navbar span.text-dark {
    width: auto;
    max-width: none;
  }

  .navbar .archor-get {
    white-space: nowrap;
    font-size: 0.85em;
    letter-spacing: 0;
  }
}

@media (max-width: 479px) {
  .navbar .archor-get {
    font-size: 0.72em;
  }
}

/* Sidebar menu: template used #999 links on a white panel (nearly invisible).
   Brand navy for links, blue for active/hover. */
.mobile-menu ul li a {
  color: #002e6a;
}

.mobile-menu ul .active > a,
.mobile-menu ul li a:hover {
  color: #115fa0;
}

.menu .menu-footer .copy {
  color: #666666;
}

/* Tablet navbar (768-1023px): social icons wrapped into a second row that
   overlapped the section below. Compact them so the bar stays on one line. */
@media (min-width: 768px) and (max-width: 1023px) {
  .navbar-2 .social-list {
    margin-left: 1.5rem;
  }

  .social-list a {
    margin-left: 1.1rem;
  }

  .social-list img {
    width: 19px;
    height: auto;
  }
}