/* =====================================================================
   Antra — Supplementary custom styles
   Swiper.js override styling (used by the Hero Slider and Testimonial
   Slider custom widgets) plus a few small utility classes that don't
   belong in the core design system file.
   ===================================================================== */

/* Swiper navigation arrows */
.swiper-button-prev, .swiper-button-next{
  width:44px !important; height:44px !important;
  background:#fff; border-radius:50%;
  box-shadow:var(--shadow-card);
  color:var(--color-espresso) !important;
}
.swiper-button-prev::after, .swiper-button-next::after{ font-size:16px !important; font-weight:700; }
.swiper-button-prev:hover, .swiper-button-next:hover{ background:var(--color-gold); color:var(--color-espresso) !important; }

/* Swiper pagination dots */
.swiper-pagination-bullet{ background:var(--color-border) !important; opacity:1 !important; width:8px; height:8px; }
.swiper-pagination-bullet-active{ background:var(--color-gold) !important; width:22px !important; border-radius:4px; }

/* Testimonial slider container */
.testimonial-swiper .swiper-slide{ height:auto; }

/* Utility spacers */
.u-mt-0{ margin-top:0 !important; }
.u-text-center{ text-align:center !important; }

/* Screen-reader only */
.screen-reader-text{
  position:absolute !important;
  width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Skip link */
.skip-link{
  position:absolute; left:-9999px; top:0; z-index:100000;
  background:#fff; color:var(--color-espresso); padding:12px 20px; border-radius:0 0 8px 0;
}
.skip-link:focus{ left:0; }
