/* ============================================
   Event page — node--type-event
   Single column card layout
   ============================================ */

/* Page padding */
body.node--type-event #block-weloveskam-mainpagecontent {
  padding: 2rem 0;
}

/* ============================================
   Card container
   ============================================ */

body.node--type-event .node--type-event .node__content {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: 0 auto;
  background: #0d0016;
  border: 1px solid #3b1f5e;
  border-radius: 4px;
  overflow: hidden;
}

/* Hide all field labels by default */
body.node--type-event .node__content .field__label {
  display: none;
}

/* ============================================
   Flyer — centered, natural size, padded top
   ============================================ */

body.node--type-event .field--name-field-event-flyer {
  padding: 1.5rem 1.5rem 0;
}

body.node--type-event .field--name-field-event-flyer .field__item,
body.node--type-event .field--name-field-event-flyer .contextual-region,
body.node--type-event .field--name-field-event-flyer .field--name-field-media-image,
body.node--type-event .field--name-field-event-flyer .field__item > div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  line-height: 0;
}

body.node--type-event .field--name-field-event-flyer img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 3px;
  border: 1px solid #3b1f5e;
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.6),
    0 0 12px rgba(168, 85, 247, 0.2),
    0 0 24px rgba(168, 85, 247, 0.08);
}

/* ============================================
   Event date — centered, larger
   ============================================ */

body.node--type-event .field--name-field-event-date {
  padding: 1.25rem 1.5rem 1rem;
  margin-bottom: 0;
  text-align: center;
}

body.node--type-event .field--name-field-event-date time {
  font-family: "Oswald", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #c084fc;
}

/* ============================================
   Artist button — centered
   ============================================ */

body.node--type-event .field--name-field-event-artist {
  padding: 1.5rem 1.5rem 0;
  margin-bottom: 1rem;
  text-align: center;
}

body.node--type-event .field--name-field-event-artist a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 2rem;
  background: transparent;
  border: 1px solid #a855f7;
  border-radius: 3px;
  color: #c084fc;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.2s ease;
}

body.node--type-event .field--name-field-event-artist a:hover {
  background: rgba(168, 85, 247, 0.2);
  border-color: #c084fc;
  color: #ede9fe;
  box-shadow: 0 0 16px rgba(168, 85, 247, 0.4);
}

/* ============================================
   Tickets button — centered
   ============================================ */

body.node--type-event .field--name-field-event-tickets {
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

body.node--type-event .field--name-field-event-tickets a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 2rem;
  background: transparent;
  border: 1px solid #a855f7;
  border-radius: 3px;
  color: #c084fc;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.2s ease;
}

body.node--type-event .field--name-field-event-tickets a:hover {
  background: rgba(168, 85, 247, 0.2);
  border-color: #c084fc;
  color: #ede9fe;
  box-shadow: 0 0 16px rgba(168, 85, 247, 0.4);
}

/* ============================================
   Hide description
   ============================================ */

body.node--type-event .field--name-field-event-description {
  display: none !important;
}

/* ============================================
   Guest list badge — centered
   ============================================ */

body.node--type-event .field--name-field-event-guest-list-available {
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

body.node--type-event .field--name-field-event-guest-list-available .field__item {
  display: inline-flex;
  align-items: center;
  font-size: 0;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid #7e22ce;
  border-radius: 2px;
  padding: 0.35rem 0.75rem;
}

body.node--type-event .field--name-field-event-guest-list-available .field__item::before {
  content: "✓ Guest List Available";
  font-family: "Oswald", sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #c084fc;
}

/* ============================================
   Venue block — combined name + address + phone
   ============================================ */

body.node--type-event .field--name-field-event-venue {
  padding: 0 1.5rem 1.5rem;
}

/* Venue article styled as a contained block */
body.node--type-event .field--name-field-event-venue article {
  background: rgba(168, 85, 247, 0.05);
  border: 1px solid #3b1f5e;
  border-radius: 3px;
  padding: 1rem 1.25rem;
  margin-top: 0;
}

/* Venue node title — non-clickable */
body.node--type-event .field--name-field-event-venue .node__title {
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #ede9fe;
  margin: 0 0 0.75rem;
  padding: 0;
}

body.node--type-event .field--name-field-event-venue .node__title a {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

/* Hide venue field labels */
body.node--type-event .field--name-field-event-venue .field__label {
  display: none;
}

/* Venue address */
body.node--type-event .field--name-field-venue-address {
  margin-bottom: 0.75rem;
  padding: 0.75rem 1rem 0;
}

body.node--type-event .field--name-field-venue-address .address-map-link {
  text-decoration: none;
  transition: color 0.2s ease;
}

body.node--type-event .field--name-field-venue-address p.address {
  font-family: "Oswald", sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  color: #c4b8d4;
  line-height: 1.6;
  margin: 0;
  transition: color 0.2s ease;
}

body.node--type-event .field--name-field-venue-address .address-map-link:hover p.address {
  color: #c084fc;
}

/* Venue phone number */
body.node--type-event .field--name-field-venue-phone-number {
  margin-top: 0;
  padding: 0 1rem 0.75rem;
}

body.node--type-event .field--name-field-venue-phone-number a {
  font-family: "Oswald", sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  color: #7e22ce;
  text-decoration: none;
  transition: color 0.2s ease;
}

body.node--type-event .field--name-field-venue-phone-number a:hover {
  color: #c084fc;
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width: 768px) {
  body.node--type-event .node--type-event .node__content {
    max-width: 100%;
    border-radius: 0;
    border-left: none;
    border-right: none;
  }

  body.node--type-event .field--name-field-event-date time {
    font-size: 1.2rem;
  }

  body.node--type-event .field--name-field-event-artist a,
  body.node--type-event .field--name-field-event-tickets a {
    width: 100%;
    justify-content: center;
  }
}