/* ───────── Τίτλοι τέλους ───────── */
.credits {
  position: relative; overflow: hidden; padding: clamp(120px, 16vw, 200px) var(--gutter) clamp(120px, 12vw, 160px);
  background: radial-gradient(ellipse 60% 40% at 50% 100%, rgba(245, 179, 36, 0.14), transparent 70%), #050403;
  border-top: 1px solid var(--line); text-align: center;
}
.credits__roll { max-width: 760px; margin: 0 auto; }
.credits__eyebrow { font-size: 11px; letter-spacing: 0.32em; text-transform: uppercase; color: var(--text-faint); }
.credits__list { display: grid; gap: 26px; margin-top: 48px; }
.credits__list div { display: grid; gap: 4px; }
.credits__list dt { font-size: 11.5px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--gold); }
.credits__list dd { font-family: var(--serif); font-size: clamp(24px, 3vw, 36px); }

/* Το μεγάλο όνομα χωράει πάντα στην οθόνη και μένει στο κέντρο, ακόμα κι αν είναι πιο φαρδύ από τη στήλη. */
.credits__name {
  width: max-content; max-width: 100vw; margin: clamp(80px, 10vw, 130px) 0 0 50%; translate: -50% 0;
  font-size: clamp(34px, 11vw, 160px); line-height: 0.95; color: var(--brand);
}
.credits__tag { margin-top: 16px; font-family: var(--serif); font-size: clamp(18px, 2vw, 24px); color: var(--text-dim); }

/* ───────── Ωράριο: μέρα-μέρα, η σημερινή σε χρυσό ───────── */
.hours {
  margin: 72px auto 0; max-width: 620px; padding: clamp(24px, 4vw, 36px) clamp(22px, 4vw, 40px);
  border: 1px solid var(--line); border-radius: 24px; text-align: left;
  background: linear-gradient(180deg, rgba(243, 235, 224, 0.03), transparent), rgba(11, 9, 7, 0.6);
}
.hours__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.hours__title { font-size: clamp(26px, 3vw, 34px); }
.hours__head .status { font-size: 13.5px; font-weight: 600; color: var(--text-dim); }
.hours__list { list-style: none; margin-top: 8px; }
.hours__day { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 11px 0; font-size: 15px; }
.hours__day + .hours__day { border-top: 1px solid rgba(243, 235, 224, 0.06); }
.hours__name { display: inline-flex; align-items: baseline; gap: 10px; color: var(--text-dim); }
.hours__time { font-variant-numeric: tabular-nums; color: var(--text); }
.hours__day.is-closed .hours__time { color: var(--text-faint); }
.hours__day.is-today .hours__name, .hours__day.is-today .hours__time { color: var(--gold); font-weight: 600; }
.hours__today { font-size: 10.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-faint); }

.credits__info { margin: 40px auto 0; max-width: 620px; border-top: 1px solid var(--line); }

/* ───────── Instagram & Facebook: κομψά κουμπιά με εικονίδιο ───────── */
.credits__social { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 44px; }
.social {
  display: inline-flex; align-items: center; gap: 14px; min-width: 212px; padding: 12px 24px 12px 14px;
  border: 1px solid var(--line); border-radius: 999px; background: rgba(243, 235, 224, 0.03);
  transition: border-color 0.3s, background 0.3s, transform 0.4s var(--ease);
}
.social:hover { border-color: rgba(245, 179, 36, 0.5); background: rgba(245, 179, 36, 0.06); transform: translateY(-2px); }
.social__icon {
  flex: none; width: 40px; height: 40px; padding: 9px; border-radius: 50%; background: var(--brand);
  fill: none; stroke: var(--on-brand); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}
.social__dot { fill: var(--on-brand); stroke: none; }
.social__text { display: grid; text-align: left; line-height: 1.25; }
.social__name { font-size: 15px; font-weight: 700; }
.social__handle { font-size: 12.5px; color: var(--text-faint); }
.credits__fine { margin-top: 48px; font-size: 12px; color: var(--text-faint); }

@media (max-width: 820px) {
  .credits { padding-bottom: 130px; }
  .info__row { font-size: 14px; }
}