.elementor-10352 .elementor-element.elementor-element-dc6370e{--display:flex;}.elementor-10352 .elementor-element.elementor-element-f849c20{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10352 .elementor-element.elementor-element-d9f3b1a{width:100%;max-width:100%;}.elementor-10352 .elementor-element.elementor-element-d9f3b1a img{border-radius:20px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10352 .elementor-element.elementor-element-fc7f0ec{text-align:center;}.elementor-10352 .elementor-element.elementor-element-fc7f0ec .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:35px;font-weight:800;color:var( --e-global-color-astglobalcolor2 );}.elementor-10352 .elementor-element.elementor-element-dcb7670{width:auto;max-width:auto;}.elementor-10352 .elementor-element.elementor-element-dcb7670.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-10352 .elementor-element.elementor-element-fc7f0ec .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-10352 .elementor-element.elementor-element-dc6370e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10352 .elementor-element.elementor-element-fc7f0ec .elementor-heading-title{font-size:23px;}}/* Start custom CSS for etn-event-ticket, class: .elementor-element-dcb7670 *//* ====================================================
   Modern 2-Column Eventin Ticket CSS (Mobile Optimized)
   ==================================================== */

/* Base Sizing */
.etn-purchase-ticket-root *,
.etn-purchase-ticket-root *::before,
.etn-purchase-ticket-root *::after {
    box-sizing: border-box !important;
}

/* Flex Wrapper for 2 Column Layout */
.etn-purchase-ticket-root .ant-card {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.etn-purchase-ticket-root .ant-card-body {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    padding: 0 !important;
}

/* 100% Width Elements (Title, Totals, Button) */
.etn-purchase-ticket-title,
.etn-purchase-ticket-total-row,
.etn-purchase-ticket-submit-btn {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.etn-purchase-ticket-title {
    font-family: "Inter", "Poppins", sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 8px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

/* Individual Ticket Card (2 Columns on Desktop) */
.etn-ticket-container {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 117, 191, 0.15) !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 61, 112, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
.etn-ticket-container:hover {
    border-color: #6b2ee5 !important;
    box-shadow: 0 8px 25px rgba(107, 46, 229, 0.08) !important;
    transform: translateY(-2px);
}

/* Ticket Header Section */
.etn-ticket-header { margin-bottom: 0 !important; width: 100% !important; }
.etn-ticket-header .ant-col { padding-bottom: 0 !important; width: 100% !important; }
.etn-ticket-title {
    font-family: "Inter", "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 6px !important;
}
.etn-ticket-description {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #0075bf !important;
    background: #eaf5ff !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    margin-top: 6px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.etn-remaining-seats {
    font-size: 12px !important;
    color: #ef4444 !important;
    font-weight: 600 !important;
    background: #fef2f2 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
}

/* Inner Alignment for Compact 2-Column Space */
.etn-ticket-info-row {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px dashed #cbd5e1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px 0 !important;
    width: 100% !important;
}
.etn-ticket-price-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    text-align: left !important;
}
.etn-ticket-subtotal-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    text-align: right !important;
}

/* Quantity Box Full Width Inside Card */
.etn-ticket-quantity-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    background: #f8fafc !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Typography for Labels */
.etn-ticket-price-label, 
.etn-ticket-quantity-label, 
.etn-ticket-subtotal-label {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #64748b !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}
.etn-ticket-quantity-label { margin-bottom: 0 !important; }

/* Typography for Values */
.etn-ticket-price strong,
.etn-ticket-subtotal strong {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0075bf !important;
}

/* Quantity Controls */
.etn-ticket-quantity.ant-space-compact {
    display: flex !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}
.etn-ticket-selection-btn {
    background: transparent !important;
    border: none !important;
    height: 32px !important;
    width: 32px !important;
    color: #475569 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s !important;
}
.etn-ticket-selection-btn:hover:not([disabled]) {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
.etn-ticket-quantity-input {
    border: none !important;
    width: 40px !important;
    height: 32px !important;
    background: #ffffff !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
}
.etn-ticket-quantity-input input {
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #0f172a !important;
    height: 100% !important;
    padding: 0 !important;
}

/* Totals Row */
.etn-purchase-ticket-total-row {
    background: linear-gradient(135deg, #f4fbff 0%, #ffffff 100%) !important;
    border: 1px solid rgba(0, 117, 191, 0.15) !important;
    border-radius: 12px !important;
    padding: 18px 24px !important;
    margin-top: 10px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.etn-purchase-ticket-total-text-span,
.etn-purchase-ticket-total-label-text-span {
    font-size: 14px !important;
    color: #475569 !important;
    text-transform: uppercase;
    font-weight: 800 !important;
}
.etn-purchase-ticket-total-text-span:last-child,
.etn-purchase-ticket-total-amount-text-span {
    font-size: 24px !important;
    color: #6b2ee5 !important;
    font-weight: 900 !important;
    margin-left: 8px !important;
}

/* Submit Button */
.etn-purchase-ticket-submit-btn {
    background: linear-gradient(135deg, #0075bf 0%, #6b2ee5 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    height: 56px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(107, 46, 229, 0.25) !important;
    transition: all 0.3s ease !important;
}
.etn-purchase-ticket-submit-btn:not([disabled]):hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 25px rgba(107, 46, 229, 0.35) !important;
}
.etn-purchase-ticket-submit-btn[disabled] {
    background: #e2e8f0 !important;
    box-shadow: none !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
}

/* ====================================================
   🔥 CRITICAL MOBILE RESPONSIVE FIX
   ==================================================== */
@media (max-width: 768px) {
    .etn-purchase-ticket-root .ant-card-body {
        display: flex !important;
        flex-direction: column !important; /* Force vertical stack */
        gap: 12px !important;
    }
    
    .etn-ticket-container {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important; /* Force full width */
        margin: 0 !important;
    }
    
    .etn-ticket-info-row {
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .etn-ticket-price-col, 
    .etn-ticket-subtotal-col {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: left !important;
    }
    
    .etn-ticket-price-label, 
    .etn-ticket-subtotal-label {
        margin-bottom: 0 !important;
    }
    
    .etn-ticket-quantity-col {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 12px !important;
    }
    
    .etn-ticket-quantity-label {
        margin-bottom: 8px !important;
    }
    
    .etn-ticket-quantity.ant-space-compact {
        width: 100% !important;
        justify-content: space-between !important;
    }
    
    .etn-ticket-quantity-input {
        width: 100% !important;
        flex-grow: 1 !important;
    }

    .etn-purchase-ticket-total-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
}/* End custom CSS */