/* --------------------------------------------------
   GENERAL LAYOUT
-------------------------------------------------- */
.container {
    width: 90%;
}

#event_filters {
    display: none;
}

/* Hide unwanted elements globally */
.wpem-registration-event-button,
.registration_details,
.wpem-reg-spots-left,
.wpem-single-event-right-content,
.wpem-event-ticket-type,
.wpem-viewed-event,
.woocommerce-order p.woocommerce-thankyou-order-received,
.et-cart-info,
#top-menu,
.slick-dots,
#tawk-support-center-container,
#tawk-support-center-bar,
#tawk-support-center {
    display: none !important;
}

/* --------------------------------------------------
   SINGLE EVENT PAGE
-------------------------------------------------- */
.single-event_listing #sidebar,
.single-event_listing .et_right_sidebar {
    display: none !important;
}

.single-event_listing #left-area {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 5px !important;
    box-sizing: border-box;
}

.single-event_listing #main-content .container:before {
    display: none !important;
}

.single-event_listing #main-content .container {
    max-width: 1200px !important;
    width: 100% !important;
    border: none !important;
    padding: 0 10px !important;
    margin: 0 auto !important;
}

.single-event_listing #main-content {
    background: #fff !important;
    padding: 40px 0 !important;
}

.wpem-single-event-left-content {
    flex: 100%;
    max-width: 100%;
}

.wpem-countdown-heading-text {
    font-style: italic;
}

.wpem-ticket-info-wrap:hover {
    border-color: #c4161c !important;
}

.event_listing-template-default .entry-title {
    display: none;
}

/* --------------------------------------------------
   CHECKOUT LAYOUT
-------------------------------------------------- */
.woocommerce-error li a {
    color: white !important;
}

#order_now {
    visibility: hidden;
}

/* Reorder registration (col2) before billing (col1) */
.woocommerce-checkout .col2-set {
    display: flex !important;
    flex-direction: row;
}

.woocommerce-checkout .col2-set .col-2 {
    order: 1;
}

.woocommerce-checkout .col2-set .col-1 {
    order: 2;
}

/* Mobile layout adjustments */
@media (max-width: 768px) {
    .woocommerce-checkout .col2-set {
        flex-direction: column !important;
    }

    .woocommerce-checkout .col2-set .col-2,
    .woocommerce-checkout .col2-set .col-1 {
        width: 100%;
    }

    .woocommerce-checkout .col2-set .col-2 {
        order: 1 !important;
    }

    .woocommerce-checkout .col2-set .col-1 {
        order: 2 !important;
    }
}

.free-event-container .checkout .col-1 {
    display: none !important;
}

#place_order {
    margin-top: 10px;
}

/* --------------------------------------------------
   CHECKOUT FORM FIELDS UI
-------------------------------------------------- */
.woocommerce-billing-fields h4,
.woocommerce-additional-fields h4 {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 2px solid #ddd;
}

.woocommerce-billing-fields h4:first-of-type,
.woocommerce-additional-fields h4:first-of-type {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.woocommerce-billing-fields .form-row,
.woocommerce-additional-fields .form-row {
    margin-bottom: 10px;
}

.woocommerce-billing-fields,
.woocommerce-additional-fields {
    padding: 10px;
    background: #fafafa;
    border-radius: 10px;
}

/* Hide account creation section */
.woocommerce-account-fields {
    display: none;
}

/* Input descriptions */
.woocommerce form .form-row .woocommerce-input-wrapper .description {
    color: #333 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
    display: none !important;
}

/* --------------------------------------------------
   ORDER DETAILS PAGE
-------------------------------------------------- */
.woocommerce-order-details__title {
    padding-top: 10px;
}

/* Collapse spacing and restore font inside container */
.woocommerce-order-details {
    font-size: 0 !important;
}

.woocommerce-order-details > * {
    font-size: initial !important;
}