/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 19 2026 | 20:50:17 */
/* EM 7.x booking-form custom styling. Override pixelbones at (0,5,1) specificity. */

/* === Theme: Harlekin maroon === */
.em.pixelbones {
    --accent-color: #992427;
    --accent-color-hover: #7d1d1f;
    --button-primary-color: #ffffff;
    --button-padding: 18px 30px;
    --input-padding: 0.75em;
    --background-color-inputs: #ffffff;     /* was: #f7f7f7 — match production white-ish */
    --border-color-softer: #e6e6e6;          /* was: #dddddd — match Astra default */
    --font-size: 16px;
}

/* === Match Astra input look (production) for booking form fields ===
   Pixelbones :248 forces height:38px + border-radius:4px with !important.
   Override at (0,5,1) specificity. */
.em.pixelbones.input input.input,
.em.pixelbones.input textarea.input,
.em.pixelbones.input select.input,
.em.pixelbones .input input.input,
.em.pixelbones .input textarea.input,
.em.pixelbones .input select.input {
    height: auto !important;
    border-radius: 2px !important;
    padding: 0.75em !important;
    transition: all 0.2s linear !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    color: #666 !important;
}

/* === Hide booking-summary section === */
section.em-booking-form-section-summary {
    display: none !important;
}

/* === Custom "Anzahl Karten" layout — flush left with other fields === */
.em-form-field.input-field-user_qty {
    margin-bottom: 0;
}

.em-form-field.input-field-user_qty label {
    display: block;
    margin: 0 0 0.25rem 0;
    padding-left: 15px;       /* match other fields */
    font-weight: bold;
}

.em-qty-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: auto;
    float: none;
    margin: 0;
    padding: 0 0 0 15px;      /* match other fields */
}

.em-qty-row .em-qty-inputwrap {
    flex: 0 0 16rem;
}

.em-qty-row .qty-callout {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.3;
    flex: 1;
}

@media (max-width: 640px) {
    .em-qty-row { flex-direction: column; align-items: flex-start; }
    .em-qty-row .em-qty-inputwrap { flex: 0 0 auto; width: 100%; }
    .em-qty-row .qty-callout { max-width: 100%; }
}

/* === QTY select: override Elementor post-6522.css font-size: 20px === */
.em.pixelbones.input .em-qty-row select.em-ticket-select,
.em.pixelbones .input .em-qty-row select.em-ticket-select {
    margin-bottom: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    height: auto !important;
    padding: 0.6rem 2.5rem 0.6rem 0.75rem !important;
}

/* === Tighten tickets section padding === */
.em.pixelbones section.em-booking-form-section-tickets,
.em.pixelbones.input section.em-booking-form-section-tickets {
    padding-top: 0 !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* === Hide empty EM 7.x tickets-list container (40px of dead space) ===
   Our JS rebuilds qty into .em-form-field.input-field-user_qty, leaving
   the original .em-booking-form-tickets container empty but still 40px tall. */
.em.pixelbones section.em-booking-form-section-tickets > div.em-booking-form-tickets.em-booking-section,
section.em-booking-form-section-tickets > div.em-booking-form-tickets.em-booking-section {
    display: none !important;
}

/* === Submit button (enabled state) === */
.em.pixelbones.input input[type=submit].em-booking-submit,
.em.pixelbones .input input[type=submit].em-booking-submit {
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    padding: 18px 30px !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: normal !important;
    font-family: inherit !important;
    border-width: 0 !important;
    border-radius: 3px !important;
}

/* === Submit button (disabled state): override EM 7.x opacity:1 !important === */
.em.pixelbones.input input[type=submit].em-booking-submit:disabled,
.em.pixelbones.input input[type=submit].em-booking-submit.disabled,
.em.pixelbones .input input[type=submit].em-booking-submit:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}