/* MFTA Home Slider - front-end styles. Everything is scoped under .mfta-hs.
   Typography and spacing follow the homepage CBUAE section it replaces. */

.mfta-hs{position:relative;overflow:hidden;background:#f6eee6;font-family:var(--sans,"Inter",system-ui,sans-serif);}
.mfta-hs *,.mfta-hs *::before,.mfta-hs *::after{box-sizing:border-box;}

/* all slides sit in one grid cell, so the section is as tall as the tallest slide */
.mfta-hs-stage{display:grid;touch-action:pan-y;}
.mfta-hs-slide{
  grid-area:1/1;display:flex;align-items:center;min-width:0;
  padding:120px 0;
  background-color:#f6eee6;background-size:cover;background-position:center;background-repeat:no-repeat;
  opacity:0;visibility:hidden;
  transition:opacity .7s ease,visibility 0s linear .7s;
}
.mfta-hs-slide.is-active{opacity:1;visibility:visible;z-index:1;transition-delay:0s;}

.mfta-hs-inner{
  width:100%;max-width:1400px;margin:0 auto;padding:0 72px;
  display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center;
}
.mfta-hs-inner.no-img{grid-template-columns:1fr;}
.mfta-hs-inner.no-img .mfta-hs-text{max-width:760px;}
.mfta-hs-text,.mfta-hs-img{min-width:0;transform:translateY(18px);transition:transform .9s cubic-bezier(.16,1,.3,1) .1s;}
.mfta-hs-slide.is-active .mfta-hs-text,.mfta-hs-slide.is-active .mfta-hs-img{transform:none;}

.mfta-hs-logo{display:block;width:auto;max-width:180px;max-height:56px;object-fit:contain;margin:0 0 32px;}

.mfta-hs-title{
  font-family:var(--serif,"Montserrat",sans-serif);
  font-size:clamp(36px,4.5vw,68px);font-weight:400;line-height:.97;letter-spacing:-.025em;
  color:var(--dk-txt,#040D22);margin:0 0 22px;padding:0;
}
.mfta-hs-title:last-child{margin-bottom:0;}
.mfta-hs-desc{max-width:480px;margin:0 0 36px;}
.mfta-hs-desc p{font-size:16px;font-weight:300;line-height:1.85;color:#000;margin:0 0 1em;padding:0;}
.mfta-hs-desc p:last-child{margin-bottom:0;}
.mfta-hs-desc a{color:inherit;text-decoration:underline;}
.mfta-hs-title + .mfta-hs-btn{margin-top:14px;}

.mfta-hs-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:#C4992E;color:#000810;padding:16px 36px;
  font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;
  transition:background .38s,transform .2s;cursor:pointer;
}
.mfta-hs-btn:hover{background:#E2C45A;transform:translateY(-2px);}

.mfta-hs-img{display:flex;align-items:center;}
.mfta-hs-img img{display:block;width:100%;height:auto;}

/* light text variant, for dark backgrounds */
.mfta-hs-slide.is-light .mfta-hs-title{color:#fff;}
.mfta-hs-slide.is-light .mfta-hs-desc p{color:rgba(255,255,255,.88);}

/* controls */
.mfta-hs.is-multi .mfta-hs-slide{padding-bottom:160px;}
.mfta-hs-nav{
  position:absolute;left:0;right:0;bottom:40px;z-index:5;
  display:flex;align-items:center;justify-content:center;gap:14px;
  color:var(--dk-txt,#040D22);pointer-events:none;transition:color .4s;
}
.mfta-hs-nav[hidden]{display:none;}
.mfta-hs-nav > *{pointer-events:auto;}
.mfta-hs[data-theme="light"] .mfta-hs-nav{color:#fff;}

.mfta-hs-arrow,.mfta-hs-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;padding:0;border-radius:50%;
  border:1px solid currentColor;background:transparent;color:inherit;
  cursor:pointer;opacity:.8;transition:background .3s,color .3s,border-color .3s,opacity .3s;
}
.mfta-hs-toggle[hidden]{display:none;}
.mfta-hs-toggle{width:34px;height:34px;margin-left:6px;opacity:.65;}
.mfta-hs-arrow:hover,.mfta-hs-toggle:hover{background:#C4992E;border-color:#C4992E;color:#000810;opacity:1;}
.mfta-hs-ic-pause,.mfta-hs-ic-play{display:inline-flex;}
.mfta-hs-ic-play{display:none;}
.mfta-hs.is-paused .mfta-hs-ic-pause{display:none;}
.mfta-hs.is-paused .mfta-hs-ic-play{display:inline-flex;}

.mfta-hs-dots{display:flex;align-items:center;gap:10px;}
.mfta-hs-dot{
  position:relative;width:8px;height:8px;padding:0;border:0;border-radius:999px;
  background:currentColor;opacity:.3;cursor:pointer;
  transition:width .35s,opacity .35s,background .35s;
}
.mfta-hs-dot::after{content:"";position:absolute;inset:-14px -5px;}
.mfta-hs-dot.is-active{width:28px;background:#C4992E;opacity:1;}

.mfta-hs-arrow:focus-visible,.mfta-hs-toggle:focus-visible,.mfta-hs-dot:focus-visible,.mfta-hs-btn:focus-visible{
  outline:2px solid #C4992E;outline-offset:3px;
}

@media(max-width:1100px){
  .mfta-hs-slide{padding:90px 0;}
  .mfta-hs.is-multi .mfta-hs-slide{padding-bottom:130px;}
  .mfta-hs-inner{padding:0 40px;gap:56px;}
  .mfta-hs-nav{bottom:28px;}
}
@media(max-width:900px){
  .mfta-hs-inner{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:600px){
  .mfta-hs-slide{padding:64px 0;}
  .mfta-hs.is-multi .mfta-hs-slide{padding-bottom:104px;}
  .mfta-hs-inner{padding:0 20px;gap:32px;}
  .mfta-hs-title{font-size:clamp(26px,7.5vw,32px);}
  .mfta-hs-logo{max-width:140px;max-height:44px;margin-bottom:24px;}
  .mfta-hs-nav{bottom:18px;gap:10px;}
  .mfta-hs-arrow{width:38px;height:38px;}
}
@media(prefers-reduced-motion:reduce){
  .mfta-hs-slide,.mfta-hs-text,.mfta-hs-img,.mfta-hs-nav,.mfta-hs-dot{transition:none;}
  .mfta-hs-text,.mfta-hs-img{transform:none;}
}