/* ==========================================================================
   Gyalogolj.hu — egy program oldala
   ========================================================================== */

.program-reszlet { display: grid; grid-template-columns: 1fr 370px; gap: clamp(32px, 5vw, 68px); align-items: start; }

.program-doboz {
  position: sticky; top: 110px;
  background: var(--white); border: 1px solid var(--line);
  border-radius: 20px; padding: 30px 28px; box-shadow: var(--shadow-s);
}
.program-ar {
  font-family: 'Fraunces', serif; font-size: 38px; font-weight: 600;
  color: var(--moss); line-height: 1; margin-bottom: 6px;
}
.program-ar small { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; color: var(--muted); font-weight: 500; margin-left: 4px; }
.program-doboz-cim { margin: 22px 0 14px; padding-top: 20px; border-top: 1px solid var(--line); }

.program-idopontok { list-style: none; display: grid; gap: 8px; }
.program-idopontok a {
  display: grid; gap: 2px;
  padding: 13px 16px; border-radius: 12px;
  background: var(--bone); border: 1px solid transparent;
  transition: .25s var(--ease);
}
.program-idopontok a:hover { border-color: var(--lime); background: var(--lime-pale); }
.program-idopontok b { font-size: 16.5px; color: var(--ink); }
.program-idopontok span { font-size: 14.5px; color: var(--muted); }
.program-idopontok em {
  font-style: normal; font-family: 'Space Grotesk', monospace;
  font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--clay); font-weight: 600;
}
.program-nincs { color: var(--muted); font-size: 16px; }
.program-gomb { width: 100%; justify-content: center; margin-top: 24px; }

/* GY.I.K. akkordeon (programoldalon és a kérdések oldalon is) */
.acc { display: grid; gap: 12px; }
.acc-item { background: var(--white); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.acc-q {
  width: 100%; text-align: left; background: none; border: none; cursor: pointer;
  padding: 22px 56px 22px 26px; font-size: 18px; font-weight: 700; position: relative;
  font-family: 'Plus Jakarta Sans', sans-serif;
}
.acc-q::after {
  content: ''; position: absolute; right: 26px; top: 50%; width: 12px; height: 12px;
  border-right: 2.5px solid var(--moss); border-bottom: 2.5px solid var(--moss);
  transform: translateY(-70%) rotate(45deg); transition: transform .35s var(--ease);
}
.acc-item.open .acc-q::after { transform: translateY(-30%) rotate(-135deg); }
.acc-a { max-height: 0; overflow: hidden; transition: max-height .45s var(--ease); }
.acc-item.open .acc-a { max-height: 900px; }
.acc-a > div { padding: 0 26px 24px; color: #3D4238; }

@media (max-width: 980px) {
  .program-reszlet { grid-template-columns: 1fr; }
  .program-doboz { position: static; }
}