/* Highnose Kultur – automatisk evenemangssida 1.2
   Finjustering av eventsidan. Tickster-integrationen är orörd. */

.main-nav a[aria-current="page"]{color:var(--gold-light)}

.events-page{
  max-width:var(--max);
  margin:0 auto;
  padding:150px clamp(22px,4vw,52px) 80px;
}

.events-hero{
  max-width:850px;
  padding:34px 0 46px;
}

.events-hero h1{
  margin:0 0 18px;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:clamp(3rem,5.5vw,5.25rem);
  line-height:.92;
  letter-spacing:-.02em;
  text-transform:none;
}

.events-lead{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:clamp(1.02rem,1.45vw,1.18rem);
  line-height:1.65;
}

.events-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}

.auto-event{
  min-width:0;
  overflow:hidden;
  background:linear-gradient(180deg,var(--panel) 0%,#111 100%);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
}

.auto-event-image{
  overflow:hidden;
  aspect-ratio:16/9;
  background:#0d0d0d;
}

.auto-event-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

.auto-event:hover .auto-event-image img{transform:scale(1.012)}

.auto-event-body{
  padding:28px 30px 30px;
}

.auto-event-meta{
  margin:0 0 10px;
  color:var(--gold-light);
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.auto-event h2{
  margin:0 0 10px;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:clamp(1.8rem,2.7vw,2.55rem);
  line-height:1.03;
  letter-spacing:-.005em;
}

.auto-event-place{
  margin:0 0 18px;
  color:#d4d0c8;
  font-size:.92rem;
}

.auto-event-desc{
  margin:0;
  color:var(--muted);
  line-height:1.68;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
  overflow:hidden;
}

.auto-event-actions{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:24px;
}

.auto-event-actions .button{
  min-width:0;
  padding:12px 20px;
}

.auto-event-status{
  color:var(--gold-light);
  font-size:.8rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.events-empty{
  padding:48px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
}

.events-empty h2{
  margin:.15em 0;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:clamp(2.3rem,5vw,4rem);
}

.events-bottom{
  margin-top:64px;
  padding:38px 0 0;
  border-top:1px solid var(--line);
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
}

.events-bottom h2{
  margin:0;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:clamp(2.5rem,5vw,4.5rem);
  line-height:1;
}

@media(max-width:820px){
  .events-page{padding-top:120px}
  .events-hero{padding-top:26px;padding-bottom:38px}
  .events-grid{grid-template-columns:1fr}
  .events-bottom{align-items:flex-start;flex-direction:column}
}

@media(max-width:520px){
  .events-page{padding-left:18px;padding-right:18px}
  .events-hero h1{font-size:3.25rem}
  .auto-event-body{padding:24px}
}