/* Aurora Testimonials — Option A "Spotlight Cards" slider */

/* Full-bleed wrapper: when [aurora_testimonials] sits in a Divi section
   marked .aurora-testimonials-section, neutralize Divi's row/column framing
   so the slider fills the section edge-to-edge (self-contained, no mu-plugin). */
.aurora-testimonials-section{padding:0 !important}
.aurora-testimonials-section .et_pb_row{width:100% !important;max-width:100% !important;padding:0 !important;margin:0 !important}
.aurora-testimonials-section .et_pb_column,
.aurora-testimonials-section .et_pb_text,
.aurora-testimonials-section .et_pb_text_inner{padding:0 !important;margin:0 !important}

.aut-a{position:relative;background:#293b45;overflow:hidden;--aut-terra:#bf6631}
.aut-a-inner{position:relative;max-width:1140px;margin:0 auto;padding:105px 74px 105px}
/* vertical padding matches a normal section's EFFECTIVE content whitespace (section pad + row pad):
   105 / 90 / 74 (desktop / tablet / mobile) so the slider content lines up with every other section. */
@media(max-width:980px){.aut-a-inner{padding-top:90px;padding-bottom:90px}}
@media(max-width:767px){.aut-a-inner{padding-top:74px;padding-bottom:74px}}

.aut-a-head{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(28px,3.4vw,40px);line-height:1.06;color:#fff;margin:0 0 26px;text-wrap:balance}

.aut-viewport{position:relative;overflow:hidden;min-height:420px;transition:height .5s cubic-bezier(.4,0,.2,1)}
.aut-track{position:relative}
.aut-slide{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;visibility:hidden}
.aut-slide.is-active{visibility:visible}
/* card + photo animate independently, in opposite directions */
.aut-slide .aut-card,.aut-slide .aut-photo{transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .5s ease}
.aut-slide.no-anim .aut-card,.aut-slide.no-anim .aut-photo{transition:none}
.aut-slide.off-left .aut-card{transform:translateX(-70px);opacity:0}
.aut-slide.off-left .aut-photo{transform:translateX(70px);opacity:0}
.aut-slide.off-right .aut-card{transform:translateX(70px);opacity:0}
.aut-slide.off-right .aut-photo{transform:translateX(-70px);opacity:0}

.aut-card{background:rgba(17,25,31,.72);border:1px solid rgba(255,255,255,.08);border-radius:18px;
  padding:46px 124px 44px 48px;max-width:56%;position:relative;z-index:2}
.aut-q{font-family:'Cormorant Garamond',Georgia,serif;color:var(--aut-terra);font-size:56px;
  line-height:0;display:block;height:18px;margin:2px 0 2px}
.aut-quote{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:15px;line-height:1.62;
  color:#dbe2e6;margin:0 0 20px}
.aut-quote p{margin:0 0 .7em}
.aut-quote p:last-child{margin-bottom:0}
.aut-who{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.aut-name{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:23px;color:#faf7f1}
.aut-role{font-family:'Inter',Helvetica,Arial,sans-serif;font-weight:600;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--aut-terra)}

.aut-photo{width:560px;height:440px;border-radius:18px;overflow:hidden;margin-left:-90px;flex:none;
  z-index:3;box-shadow:0 18px 60px rgba(0,0,0,.28);align-self:center}
.aut-photo .aut-img{width:100%;height:100%;object-fit:cover;display:block}

.aut-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:12px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cfd7db;display:flex;
  align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:6;
  transition:background .2s,color .2s,border-color .2s}
.aut-arrow:hover{background:var(--aut-terra);border-color:var(--aut-terra);color:#fff}
.aut-arrow svg{width:16px;height:16px}
.aut-prev{left:16px}
.aut-next{right:16px}

.aut-dots{display:flex;gap:8px;justify-content:center;margin-top:28px}
.aut-dot{width:22px;height:5px;border-radius:100px;background:rgba(255,255,255,.2);border:none;padding:0;
  cursor:pointer;transition:width .2s,background .2s}
.aut-dot.on{background:var(--aut-terra);width:30px}

.aut-a.aut-single .aut-arrow,.aut-a.aut-single .aut-dots{display:none}

@media(max-width:820px){
  .aut-a-inner{padding-left:18px;padding-right:18px}
  .aut-a-head{text-align:center;max-width:none;margin-bottom:20px}
  .aut-slide{flex-direction:column !important;align-items:center}
  /* image on top ~90% width, dipping slightly over the card (image stays in front) */
  .aut-photo{order:0 !important;width:90% !important;height:230px !important;max-width:90% !important;margin:0 auto -24px !important;z-index:3 !important}
  .aut-card{order:1 !important;max-width:100% !important;width:100% !important;margin:0 !important;padding:58px 30px 36px !important;z-index:2}
  .aut-arrow{display:none}
  .aut-dots{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
  .aut-viewport{transition:none}
  .aut-slide .aut-card,.aut-slide .aut-photo{transition:opacity .3s ease}
  .aut-slide.off-left .aut-card,.aut-slide.off-left .aut-photo,
  .aut-slide.off-right .aut-card,.aut-slide.off-right .aut-photo{transform:none}
}
