/* ---------- közös változók (a webhely meglévő színeiből) ---------- */
.aa-wrap{
  --aa-burgundy:#6C180D;          /* Elementor "Elsődleges" */
  --aa-green:#054D3B;             /* "zoldarnyék" */
  --aa-navy:#101F80;              /* "Auti" */
  --aa-ink:#0f1f16;               /* sötét szövegszín */
  --aa-cream:#FFF3E4;             /* "bézs" */
  --aa-ease:cubic-bezier(.65,0,.25,1);
  font-family:"DM Sans",system-ui,sans-serif;
  color:var(--aa-ink);
}

/* ---------- ÜDVÖZLŐ FELIRAT ---------- */
.aa-intro{text-align:center;padding:clamp(48px,8vw,110px) 16px clamp(36px,5vw,64px)}
.aa-eyebrow{
  margin:0 0 .9em;font-size:clamp(12px,1.1vw,15px);font-weight:600;
  letter-spacing:.42em;text-transform:uppercase;color:var(--aa-burgundy);
  padding-left:.42em; /* a letter-spacing miatti aszimmetria kiegyenlítése */
}
.aa-title{
  margin:0;font-family:"Playfair Display",Georgia,serif;font-weight:500;
  font-size:clamp(40px,7.2vw,104px);line-height:1;letter-spacing:-.01em;color:var(--aa-ink);
}
/* "Református" sor két oldalán vékony vonal (díszítő elválasztó) */
.aa-rule{
  display:flex;align-items:center;justify-content:center;gap:.6em;
  margin:.35em auto .5em;max-width:760px;
  font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;
  font-size:clamp(24px,3.4vw,46px);color:var(--aa-burgundy);
}
.aa-rule::before,.aa-rule::after{
  content:"";flex:1;height:1px;background:currentColor;opacity:.45;
  transform-origin:center;
}
.aa-units{
  margin:0;font-size:clamp(16px,1.9vw,24px);font-weight:500;letter-spacing:.02em;line-height:1.5;
}
.aa-units b{font-weight:600}
.aa-units .aa-dot{color:var(--aa-burgundy);margin:0 .45em;font-size:.7em;vertical-align:.15em}

/* --- belépő animáció: csak ha a felirat a képernyőre ér (JS teszi rá az .is-in osztályt) --- */
.aa-js .aa-intro > *{opacity:0;transform:translateY(24px)}
.aa-js .aa-rule::before,.aa-js .aa-rule::after{transform:scaleX(0)}
.aa-intro.is-in > *{opacity:1;transform:none;transition:opacity .9s var(--aa-ease),transform .9s var(--aa-ease)}
.aa-intro.is-in > :nth-child(2){transition-delay:.12s}
.aa-intro.is-in > :nth-child(3){transition-delay:.28s}
.aa-intro.is-in > :nth-child(4){transition-delay:.42s}
.aa-intro.is-in .aa-rule::before,.aa-intro.is-in .aa-rule::after{
  transform:scaleX(1);transition:transform 1.1s var(--aa-ease) .5s}
.aa-intro.is-in .aa-title{letter-spacing:-.01em}

/* ---------- LENYÍLÓ PANELEK ---------- */
.aa-panels{
  display:flex;gap:0;height:clamp(460px,78vh,760px);
  overflow:hidden;background:#111;
}
.aa-panel{
  position:relative;flex:1 1 0;min-width:0;overflow:hidden;
  display:flex;align-items:flex-end;justify-content:center;
  color:#fff;text-decoration:none;isolation:isolate;
  transition:flex-grow .8s var(--aa-ease);   /* ez adja a szélesedést */
}
/* a téma link-hover színe (fekete) ne írja felül a fehér feliratot */
.aa-panel,.aa-panel:hover,.aa-panel:focus,.aa-panel:visited{color:#fff!important;text-decoration:none!important}
.aa-panel *{color:inherit!important}
.aa-panel.is-active{flex-grow:2.6}
.aa-panel img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;
  transform:scale(1.06);transition:transform 1.4s var(--aa-ease);
}
.aa-panel.is-active img{transform:scale(1)}
/* sötétítés: alul erősebb, hogy a felirat mindig olvasható legyen */
.aa-panel::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,.1) 100%);
}
/* színes tónus az aktív panelen (egységenként más szín) */
.aa-panel::after{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--tint);
  opacity:0;mix-blend-mode:multiply;transition:opacity .8s var(--aa-ease);
}
.aa-panel.is-active::after{opacity:.55}
.aa-panel--ovoda{--tint:var(--aa-green)}
.aa-panel--iskola{--tint:var(--aa-burgundy)}
.aa-panel--szak{--tint:var(--aa-navy)}

.aa-panel__body{
  width:100%;max-width:560px;padding:0 clamp(20px,3vw,48px) clamp(32px,6vh,64px);
  text-align:center;
}
.aa-panel__title{
  display:block;font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.05;
  font-size:clamp(26px,2.6vw,40px);transition:font-size .8s var(--aa-ease);
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}
.aa-panel.is-active .aa-panel__title{font-size:clamp(34px,4.4vw,68px)}
/* leírás + gomb: csak az aktív panelen látszik, rövid késleltetéssel úszik be */
.aa-panel__more{
  display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(12px);
  transition:grid-template-rows .6s var(--aa-ease),opacity .35s,transform .5s var(--aa-ease);
}
.aa-panel__more > span{overflow:hidden}
.aa-panel.is-active .aa-panel__more{
  grid-template-rows:1fr;opacity:1;transform:none;transition-delay:.25s,.35s,.35s;
}
.aa-panel__text{display:block;margin:.9em 0 1.4em;font-size:clamp(15px,1.15vw,18px);line-height:1.55}
.aa-panel__cta{
  display:inline-flex;align-items:center;gap:.6em;padding-bottom:.4em;
  border-bottom:1px solid rgba(255,255,255,.7);
  font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
}
.aa-panel__cta i{font-style:normal;transition:transform .3s}
.aa-panel:hover .aa-panel__cta i,.aa-panel:focus-visible .aa-panel__cta i{transform:translateX(5px)}
.aa-panel:focus-visible{outline:3px solid #fff;outline-offset:-6px}

/* ---------- MOBIL: egymás alatt, mind nyitva (nincs egér, nincs rejtett tartalom) ---------- */
@media (max-width:767px){
  .aa-panels{flex-direction:column;height:auto}
  .aa-panel{min-height:300px;flex:none}
  .aa-panel::after{opacity:.45}
  .aa-panel img{transform:none}
  .aa-panel__title,.aa-panel.is-active .aa-panel__title{font-size:34px}
  .aa-panel__more{grid-template-rows:1fr;opacity:1;transform:none}
}

/* ---------- akinek a rendszere kéri, annak nincs mozgás ---------- */
@media (prefers-reduced-motion:reduce){
  .aa-wrap *,.aa-wrap *::before,.aa-wrap *::after{transition:none!important;animation:none!important}
  .aa-js .aa-intro > *{opacity:1;transform:none}
  .aa-js .aa-rule::before,.aa-js .aa-rule::after{transform:none}
}