/* =========================================================
   Amarsons Packers Movers — alignment & UX fixes (site-wide)
   Loaded after style.css so these overrides win.
   ========================================================= */

/* NOTE: the chat widget is repositioned via JS in include/footer.php
   (it sets its position with JavaScript, so CSS alone cannot move it). */

/* 2) NO BLANK SECTIONS: the theme hides scroll-animation blocks until a JS
      library reveals them; if that doesn't fire, sections render blank.
      Force them visible (they still fade/slide when the animation runs). */
.wow,
.themeholy-animated,
.animate__animated{
  visibility:visible !important;
}

/* 3) HOMEPAGE HERO — cleaner alignment on phones */
@media (max-width:900px){
  /* equal-width, centered CTA buttons instead of two uneven ones */
  .amx-hero-cta{
    gap:12px !important;
    justify-content:center !important;
  }
  .amx-hero-cta .amx-btn{
    flex:1 1 0 !important;
    min-width:0 !important;
    justify-content:center !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  /* show the truck image as a clean cropped band, not a thin stretched strip */
  .amx-hero-img{
    height:230px !important;
    object-fit:cover !important;
    object-position:center !important;
  }
}

/* 4) FLOATING BUTTONS: keep the back-to-top clear of the chat widget/action bar */
.scroll-top{
  bottom:20px !important;
  right:14px !important;
}

/* 5) FOOTER LOGO: remove the white background box behind the logo */
.about-logo img,
.footer-left .about-logo img{
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
}

/* 6) TESTIMONIALS (Prime Storage look): equal-height cards in the slider,
   rounded corners, consistent avatar. Higher specificity so it wins. */
.themeholy-carousel .slick-track{display:flex !important}
.themeholy-carousel .slick-slide{height:auto !important}
.themeholy-carousel .slick-slide > div{height:100%}
.testi-block.amx-tcard{
  height:100% !important;
  min-height:270px !important;
  border-radius:20px !important;
  border:1px solid #eef0f5 !important;
  box-shadow:0 14px 40px rgba(16,32,58,.06) !important;
  margin:6px 8px !important;
}
.testi-block.amx-tcard .amx-ttext{flex:1 1 auto !important}
.testi-block.amx-tcard .amx-tavatar img{
  width:56px !important;height:56px !important;border-radius:50% !important;
  object-fit:cover !important;border:2px solid #f0e2e3 !important;background:#eef1f7;
}

/* 7) TRUST BADGES share the .amx-tcard class — keep them compact (not testimonial cards) */
.amx-trust-grid .amx-tcard,
.amx-trust-sec .amx-trust-grid .amx-tcard{
  min-height:0 !important;
  padding:20px 12px !important;
  border-radius:14px !important;
  text-align:center !important;
  align-items:center !important;
  box-shadow:0 6px 18px rgba(16,32,58,.05) !important;
}
@media(max-width:767px){.amx-trust-grid{grid-template-columns:repeat(2,1fr) !important}}

/* 8) TESTIMONIAL CARD LAYOUT — fix vertical/red stars + scattered avatar row.
   Prime look: quote on top, then a clean row of [avatar] + [gold stars, name, city]. */
.testi-block.amx-tcard{text-align:left !important;padding:26px 24px 26px !important}
.testi-block.amx-tcard .amx-ttext{text-align:left !important;margin-bottom:20px !important}
.testi-block.amx-tcard .amx-trow{
  display:flex !important;flex-direction:row !important;
  align-items:center !important;justify-content:flex-start !important;gap:14px !important;
}
.testi-block.amx-tcard .amx-tavatar{flex:0 0 auto !important;margin:0 !important}
.testi-block.amx-tcard .amx-tdetail{display:flex !important;flex-direction:column !important;align-items:flex-start !important;text-align:left !important}
.testi-block.amx-tcard .amx-tstars{
  display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  gap:2px !important;margin:0 0 3px !important;line-height:1 !important;color:#f7b500 !important;
}
.testi-block.amx-tcard .amx-tstars i{
  display:inline-block !important;float:none !important;
  font-size:14px !important;line-height:1 !important;color:#f7b500 !important;
  margin:0 !important;padding:0 !important;width:auto !important;height:auto !important;background:none !important;border:0 !important;
}
.testi-block.amx-tcard .amx-tname{font-weight:800 !important;font-size:16px !important;color:#12244a !important;line-height:1.2 !important}
.testi-block.amx-tcard .amx-tloc{font-size:13px !important;color:#7a8291 !important}

/* Hide the broken slick prev/next arrow glyphs on the testimonial slider */
.themeholy-carousel .slick-prev,
.themeholy-carousel .slick-next{display:none !important}