/**********************************************
 * Globaler Schriftstil & Scaling
 **********************************************/

/**********************************************
 * Karten-Layout (Eventliste)
 **********************************************/

.pretix-widget-event-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
    margin-top: 35px;
}

.pretix-widget-wrapper {
  margin-top: 24px;
}

.pretix-widget-event-list-entry {
    display: flex !important;
    flex-direction: column;
    padding: 28px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #cfdde3;
    transition: all 0.25s ease;
}

.pretix-widget-event-list-entry:hover {
    transform: translateY(-5px);
    border-color: #007F8B;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* Textgrößen */
.pretix-widget-event-list-entry-name {
    font-size: 24px !important;
    font-weight: 700;
    color: #0c2a4a;
}

.pretix-widget-event-list-entry-date,
.pretix-widget-event-list-entry-location {
    font-size: 18px !important;
    color: #4a6275;
}

/**********************************************
 * Button / Availability-Styling
 **********************************************/
.pretix-widget-event-list-entry-availability {
  margin-top: 24px;
}

.pretix-widget-event-list-entry-availability span {
    background: #007F8B !important;
    color: #fff !important;
    padding: 12px 18px !important;
    border-radius: 999px !important; /* komplett rund */
    font-weight: 600 !important;
    transition: background 0.25s ease;
    font-size: 16px !important;
}

.pretix-widget-event-list-entry:hover 
.pretix-widget-event-list-entry-availability span {
    background: #005f66 !important;
}

/**********************************************
 * Event-Detailseite (wenn popup NICHT genutzt)
 **********************************************/

.pretix-widget-event-header strong {
    font-size: 24px !important;
    font-weight: 700 !important;
}

.pretix-widget-event-details,
.pretix-widget-event-location p {
    color: #324a5e !important;
    font-weight: bold;
    font-size: 14px;
}
.pretix-widget-event-description p {
  font-size: 18px;
  color: black;
}
/**********************************************
 * Counter Buttons ( + / - )
 **********************************************/

.pretix-widget-item-count-inc,
.pretix-widget-item-count-dec {
    background: #007F8B !important;
    color: white !important;
    border-radius: 999px !important;
    width: 42px !important;
    height: 42px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem !important;
    border: none !important;
    transition: background 0.25s;
}

.pretix-widget-item-count-inc:hover,
.pretix-widget-item-count-dec:hover {
    background: #005f66 !important;
}

/**********************************************
 * Quantity Input
 **********************************************/

.pretix-widget-item-count-multiple {
    border-radius: 999px !important;
    border: 1px solid #cfdde3 !important;
    padding: 8px 14px !important;
    font-size: 1.2rem !important;
    width: 80px !important;
    text-align: center;
}

/**********************************************
 * Anmelden / Submit Button
 **********************************************/

.pretix-widget-action button, .pretix-widget-resume-button {
    background: #007F8B !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 14px 26px !important;
    border-radius: 999px !important;
    border: none;
    font-weight: 700 !important;
    cursor: pointer;
    transition: background 0.25s ease;
    margin-top: 24px;
}

.pretix-widget-action button:hover, .pretix-widget-resume-button:hover {
    background: #005f66 !important;
}

/**********************************************
 * Back-Link
 **********************************************/

.pretix-widget-event-list-back a {
    font-size: 16px !important;
    color: #007F8B !important;
}

.pretix-widget-event-list-back a:hover {
    text-decoration: underline;
}

/**********************************************
 * Attribution
 **********************************************/

.pretix-widget-attribution a {
    display: none !important;
}

.pretix-widget-item-count-group {
  display: flex;
}