/* get-ticket.css - Custom styles for Get Ticket page only */

.get-ticket-container {
  /* Use only Bootstrap's .container for width and padding */
}

.get-ticket-wide {
  max-width: 1320px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  /* background: rgba(255, 200, 0, 0.08); TEMP debug, now removed */
}

.main-content {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row.get-ticket-row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.ticket-btn-row .btn-outline-primary {
  border: 2px solid #1B49C9;
  color: #1B49C9;
  background: #fff;
  font-weight: 600;
  transition: background 0.2s, color 0.2s;
}
.ticket-btn-row .btn-outline-primary:hover,
.ticket-btn-row .btn-outline-primary:focus {
  background: #1B49C9;
  color: #fff;
  border-color: #1B49C9;
}

.ticket-left-col {
  background: #F8F9FF;
  border-radius: 2rem;
  box-shadow: 0 2px 16px rgba(27,73,201,0.04);
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ticket-headline {
  font-family: 'europa', 'Europa', Arial, sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  color: #1B49C9;
  margin-bottom: 0.7rem;
  letter-spacing: -0.5px;
}

.ticket-date-row {
  gap: 0.5rem;
  margin-bottom: 0.7rem;
}
.ticket-date-icon {
  color: #1B49C9;
  font-size: 1.3rem;
}
.ticket-date-text {
  font-weight: 600;
  color: #031A6B;
  font-size: 1.08rem;
}

.ticket-desc {
  font-size: 1.08rem;
  color: #444;
  margin-bottom: 1.2rem;
}

.ticket-btn-row {
  gap: 1rem;
  margin-bottom: 1.2rem;
}

.ticket-btn-row .btn {
  min-width: 180px;
  font-size: 1.08rem;
}

.ticket-checklist {
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding-left: 0;
}
.ticket-checklist li {
  font-size: 0.98rem;
  color: #1B49C9;
  margin-bottom: 0.8rem;
  line-height: 1.35;
  padding-bottom: 0.1rem;
}
.ticket-checklist li:last-child {
  margin-bottom: 0;
}
.ticket-check-icon {
  color: #38A200;
  font-size: 1.1rem;
  margin-top: 2px;
}

@media (max-width: 991.98px) {
  .get-ticket-container {
    /* Use only Bootstrap's .container for width and padding */
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ticket-headline {
    font-size: 2rem;
  }
  .ticket-btn-row .btn {
    min-width: 140px;
    font-size: 1rem;
  }
  .get-ticket-wide {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 767.98px) {
  .get-ticket-container {
    /* Use only Bootstrap's .container for width and padding */
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
  .ticket-left-col {
    border-radius: 1.2rem;
    padding: 1.2rem 0.7rem;
  }
  .ticket-btn-row {
    flex-direction: column;
    gap: 0.7rem;
  }
  .ticket-headline {
    font-size: 1.35rem;
  }
  .ticket-checklist li {
    font-size: 0.93rem;
  }
  .get-ticket-wide {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}