/* ZLN_EXHIBITION_DIRECTORY_V1 */

.zed-directory {
  padding-top:clamp(45px,6vw,90px);
}

.zed-exhibition {
  margin-top:32px;
  border-top:1px solid #555;
}

.zed-exhibition-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:24px 4px;
  cursor:pointer;
  list-style:none;
}

.zed-exhibition-head::-webkit-details-marker {
  display:none;
}

.zed-heading {
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}

.zed-kicker,
.zed-subtitle {
  color:#D6FF00;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}

.zed-subtitle {
  color:#AAA;
}

.zed-heading strong {
  font-size:clamp(25px,3vw,44px);
  line-height:1.05;
  letter-spacing:-.04em;
}

.zed-toggle {
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid #D6FF00;
  color:#D6FF00;
  font-size:30px;
  flex-shrink:0;
  transform:rotate(180deg);
  transition:transform .2s ease;
}

.zed-exhibition:not([open]) .zed-toggle {
  transform:rotate(0deg);
}

.zed-exhibition-head:focus-visible {
  outline:2px solid #D6FF00;
  outline-offset:4px;
}

.zed-notice {
  color:#AAA;
  font-size:13px;
  max-width:75ch;
  margin:4px 0 18px;
}

.zed-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:2px;
  background:#080808;
}

.zed-card {
  min-width:0;
  background:#181A17;
}

.zed-preview {
  aspect-ratio:4/5;
  background:#20221D;
  border:1px solid #353A2D;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(9px,1.2vw,18px);
  overflow:hidden;
}

.zed-card:nth-child(5n+2) .zed-preview {
  background:#171D19;
}

.zed-card:nth-child(5n+3) .zed-preview {
  background:#222022;
}

.zed-card:nth-child(5n+4) .zed-preview {
  background:#1B1B21;
}

.zed-card-top,
.zed-card-bottom {
  color:#D6FF00;
  font-size:clamp(8px,.7vw,11px);
  font-weight:700;
  letter-spacing:.08em;
}

.zed-card-bottom {
  color:#B8B8B3;
}

.zed-number {
  align-self:center;
  color:#D6FF00;
  font-size:clamp(34px,5.3vw,90px);
  font-weight:800;
  letter-spacing:-.07em;
}

.zed-caption {
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:12px 6px 20px;
}

.zed-caption strong {
  color:#F5F5EE;
  font-size:12px;
}

.zed-caption span {
  color:#999;
  font-size:10px;
}

@media(max-width:1100px) {
  .zed-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:650px) {
  .zed-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .zed-number {
    font-size:clamp(43px,13vw,80px);
  }
}

@media(max-width:380px) {
  .zed-grid {
    grid-template-columns:1fr;
  }
}

/* ZLN_MINIMAL_CHEVRON_V1 */
.zed-toggle {
  width:20px;
  height:20px;
  border:0;
  background:transparent;
  font-size:0;
  position:relative;
  transform:none;
  transition:none;
}

.zed-toggle::after {
  content:"";
  width:11px;
  height:11px;
  border-right:2px solid #D6FF00;
  border-bottom:2px solid #D6FF00;
  position:absolute;
  left:3px;
  top:5px;
  transform:rotate(225deg);
  transition:transform .2s ease;
}

.zed-exhibition:not([open]) .zed-toggle {
  transform:none;
}

.zed-exhibition:not([open]) .zed-toggle::after {
  transform:rotate(45deg);
}

.zed-exhibition-head:hover .zed-toggle::after {
  border-color:#FFFFFF;
}


/* ZLN_ARTIST_CARD_HOVER_V1 */

/* A teljes kattintható művészkártya */
a.zed-card {
  display: block;
  color: inherit;
  text-decoration: none !important;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;

  position: relative;
  z-index: 1;

  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

/* A teljes kártya emelkedik */
a.zed-card:hover {
  transform: translateY(-8px);
  border-color: #D6FF00;
  box-shadow: 0 16px 35px rgba(0,0,0,0.35);
  z-index: 3;
}

/* Billentyűzettel is jól használható */
a.zed-card:focus-visible {
  outline: 2px solid #D6FF00;
  outline-offset: 4px;
}

/* A szöveg ne kapjon külön hover effektet */
a.zed-card:hover * {
  text-decoration: none !important;
}

/* Mobilon ne ugráljon */
@media (hover: none) {
  a.zed-card:hover {
    transform: none;
    box-shadow: none;
  }
}

/* Kevesebb animációt kérő felhasználóknak */
@media (prefers-reduced-motion: reduce) {
  a.zed-card {
    transition: none;
  }
}