/**
 * Event Tickets — Brigade 2506 Museum theme overrides.
 *
 * Brand: navy #0C2340 background (site-wide), gold #F7D42D accent,
 *        off-white #EFF0EF text, Montserrat. Panels use translucent
 *        white overlays so they blend with the navy brand background.
 *
 * Uses body.single-b2506_event prefix for specificity over ET defaults.
 * Matches the design language of the event metadata sidebar (rgba
 * white-on-navy panel, gold-tinted borders, pill CTAs with hover lift).
 *
 * ─── STAFF CUSTOMIZATION ───
 * Override these CSS variables in Elementor > Page Settings > Custom CSS
 * or in the Elementor section/widget Advanced > Custom CSS panel:
 *
 *   selector {
 *     --b2506-et-panel:        rgba(255, 255, 255, 0.04); (panel bg)
 *     --b2506-et-panel-alt:    rgba(255, 255, 255, 0.07); (item bg)
 *     --b2506-et-text:         #EFF0EF;
 *     --b2506-et-text-muted:   rgba(239, 240, 239, 0.7);
 *     --b2506-et-accent:       #F7D42D;
 *     --b2506-et-accent-soft:  rgba(247, 212, 45, 0.15);
 *     --b2506-et-border:       rgba(255, 255, 255, 0.1);
 *     --b2506-et-border-hover: rgba(247, 212, 45, 0.4);
 *     --b2506-et-radius:       12px;
 *     --b2506-et-radius-pill:  30px;
 *     --b2506-et-font:         'Montserrat', sans-serif;
 *     --b2506-et-btn-text:     #0C2340; (navy — brand secondary)
 *   }
 */

/* ── CSS Custom Properties (defaults) ── */
:root {
    --b2506-et-panel:        rgba(255, 255, 255, 0.04);
    --b2506-et-panel-alt:    rgba(255, 255, 255, 0.07);
    --b2506-et-text:         #EFF0EF;
    --b2506-et-text-muted:   rgba(239, 240, 239, 0.7);
    --b2506-et-accent:       #F7D42D;
    --b2506-et-accent-soft:  rgba(247, 212, 45, 0.15);
    --b2506-et-border:       rgba(255, 255, 255, 0.1);
    --b2506-et-border-hover: rgba(247, 212, 45, 0.4);
    --b2506-et-radius:       12px;
    --b2506-et-radius-pill:  30px;
    --b2506-et-font:         'Montserrat', sans-serif;
    --b2506-et-btn-text:     #0C2340;
    --b2506-et-error-bg:     rgba(220, 53, 69, 0.12);
    --b2506-et-error-border: rgba(220, 53, 69, 0.5);
}

/* ── Main ticket wrapper ── */
body.single-b2506_event .tribe-tickets__tickets-wrapper {
    background: var(--b2506-et-panel) !important;
    color: var(--b2506-et-text);
    font-family: var(--b2506-et-font);
    border: 1px solid var(--b2506-et-border);
    border-radius: var(--b2506-et-radius);
    padding: 30px;
    margin-top: 24px;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

body.single-b2506_event .tribe-tickets__tickets-form,
body.single-b2506_event .tribe-tickets__form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.single-b2506_event .tribe-tickets__tickets-item,
body.single-b2506_event .tribe-tickets__tickets-footer {
    max-width: 100% !important;
    width: 100% !important;
}

/* ── Tickets title ("Tickets") ── */
body.single-b2506_event .tribe-tickets__tickets-title {
    color: var(--b2506-et-accent) !important;
    font-family: var(--b2506-et-font);
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(247, 212, 45, 0.3);
    padding-bottom: 12px;
}

/* ── Individual ticket item (card-on-panel) ── */
body.single-b2506_event .tribe-tickets__tickets-item {
    background: var(--b2506-et-panel-alt) !important;
    color: var(--b2506-et-text);
    padding: 20px 24px;
    border-radius: 10px;
    margin-bottom: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: border-color 0.2s ease, background 0.2s ease;
}

body.single-b2506_event .tribe-tickets__tickets-item:hover {
    border-color: var(--b2506-et-border-hover);
    background: rgba(255, 255, 255, 0.09) !important;
}

body.single-b2506_event .tribe-tickets__tickets-item:last-child {
    margin-bottom: 0;
}

/* ── Ticket name ── */
body.single-b2506_event .tribe-tickets__tickets-item-content-title {
    color: var(--b2506-et-text) !important;
    font-family: var(--b2506-et-font);
    font-weight: 600;
    font-size: 18px;
}

/* ── Ticket description ── */
body.single-b2506_event .tribe-tickets__tickets-item-details-content {
    color: var(--b2506-et-text-muted) !important;
    font-family: var(--b2506-et-font);
    font-size: 14px;
}

/* ── Price display ── */
body.single-b2506_event .tribe-tickets__tickets-item-extra-price,
body.single-b2506_event .tribe-tickets__tickets-sale-price,
body.single-b2506_event .tribe-amount,
body.single-b2506_event .tribe-currency-symbol {
    color: var(--b2506-et-text) !important;
    font-family: var(--b2506-et-font);
    font-weight: 600;
    font-size: 18px;
}

/* ── Available count ── */
body.single-b2506_event .tribe-tickets__tickets-item-extra-available,
body.single-b2506_event .tribe-tickets__tickets-item-extra-available-quantity {
    color: var(--b2506-et-text-muted) !important;
    font-family: var(--b2506-et-font);
    font-size: 13px;
}

/* ── Quantity controls ── */
body.single-b2506_event .tribe-tickets__tickets-item-quantity {
    color: var(--b2506-et-text);
}

body.single-b2506_event .tribe-tickets__tickets-item-quantity-remove,
body.single-b2506_event .tribe-tickets__tickets-item-quantity-add {
    color: var(--b2506-et-accent) !important;
    font-weight: 700;
    font-size: 18px;
    background: transparent !important;
    border: 1px solid rgba(247, 212, 45, 0.4);
    border-radius: 8px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}

body.single-b2506_event .tribe-tickets__tickets-item-quantity-remove:hover,
body.single-b2506_event .tribe-tickets__tickets-item-quantity-add:hover {
    background: rgba(247, 212, 45, 0.15) !important;
    border-color: var(--b2506-et-accent);
}

body.single-b2506_event .tribe-tickets__tickets-item-quantity-remove:active,
body.single-b2506_event .tribe-tickets__tickets-item-quantity-add:active {
    transform: scale(0.95);
}

body.single-b2506_event .tribe-tickets__tickets-item-quantity-number-input {
    color: var(--b2506-et-text) !important;
    background: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid var(--b2506-et-border);
    border-radius: 8px;
    font-family: var(--b2506-et-font);
    font-weight: 600;
    min-width: 48px;
    text-align: center;
}

/* ── Footer (total / quantity summary) ── */
body.single-b2506_event .tribe-tickets__tickets-footer {
    color: var(--b2506-et-text);
    border-top: 1px solid var(--b2506-et-border);
    padding-top: 16px;
    margin-top: 16px;
}

body.single-b2506_event .tribe-tickets__tickets-footer-quantity,
body.single-b2506_event .tribe-tickets__tickets-footer-quantity-label,
body.single-b2506_event .tribe-tickets__tickets-footer-quantity-number,
body.single-b2506_event .tribe-tickets__tickets-footer-total,
body.single-b2506_event .tribe-tickets__tickets-footer-total-label,
body.single-b2506_event .tribe-tickets__tickets-footer-total-wrap {
    color: var(--b2506-et-text) !important;
    font-family: var(--b2506-et-font);
    font-weight: 600;
}

/* ── CTA / Buy button (matches brand pill style) ── */
body.single-b2506_event .tribe-tickets__tickets-buy,
body.single-b2506_event .tribe-common-c-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--b2506-et-accent) !important;
    color: var(--b2506-et-btn-text) !important;
    font-family: var(--b2506-et-font);
    font-weight: 700;
    font-size: 15px;
    border-radius: var(--b2506-et-radius-pill) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 2px solid var(--b2506-et-accent) !important;
    padding: 14px 32px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    text-decoration: none !important;
}

body.single-b2506_event .tribe-tickets__tickets-buy:hover,
body.single-b2506_event .tribe-common-c-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(247, 212, 45, 0.3);
    background: var(--b2506-et-accent) !important;
    color: var(--b2506-et-btn-text) !important;
}

/* ── Notice / barred info ── */
body.single-b2506_event .tribe-tickets__notice {
    background: var(--b2506-et-panel-alt) !important;
    color: var(--b2506-et-text) !important;
    border: 1px solid var(--b2506-et-border);
    border-radius: 10px;
    font-family: var(--b2506-et-font);
}

body.single-b2506_event .tribe-tickets-notice__content {
    color: var(--b2506-et-text) !important;
}

/* ── Tribe Common base overrides ── */
body.single-b2506_event .tribe-common {
    --tec-color-background: transparent;
    --tec-color-text-primary: #EFF0EF;
    --tec-color-text-secondary: rgba(239, 240, 239, 0.7);
    --tec-color-accent-primary: #F7D42D;
    --tec-color-border-default: rgba(255, 255, 255, 0.12);
    --tec-color-background-secondary: rgba(255, 255, 255, 0.06);
    --tec-color-icon-active: #F7D42D;
}

body.single-b2506_event .tribe-common a {
    color: var(--b2506-et-accent);
}

body.single-b2506_event .tribe-common a:hover {
    color: #f5e066;
}

/* ── RSVP form ── */
body.single-b2506_event .tribe-tickets-rsvp,
body.single-b2506_event .tribe-tickets__rsvp {
    background: var(--b2506-et-panel) !important;
    color: var(--b2506-et-text);
    font-family: var(--b2506-et-font);
    border: 1px solid var(--b2506-et-border);
    border-radius: var(--b2506-et-radius);
    padding: 30px;
}

/* ── Form inputs (checkout, RSVP forms) ── */
body.single-b2506_event .tribe-common-form-control-text__input,
body.single-b2506_event input[type="text"],
body.single-b2506_event input[type="email"],
body.single-b2506_event input[type="tel"] {
    background: rgba(0, 0, 0, 0.25);
    color: var(--b2506-et-text);
    border: 1px solid var(--b2506-et-border);
    border-radius: 8px;
    font-family: var(--b2506-et-font);
    padding: 12px 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.single-b2506_event input:focus {
    border-color: var(--b2506-et-accent);
    outline: none;
    box-shadow: 0 0 0 2px rgba(247, 212, 45, 0.2);
}

/* ──────────────────────────────────────────────
 * Breakout wrapper for checkout + order-completed pages
 * Escapes Hello Biz's narrow content column to use full-width navy.
 * ────────────────────────────────────────────── */
.b2506-tickets-wrap {
    position: relative;
    background: transparent !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: auto;
    padding: 0 !important;
    overflow: hidden;
}

.b2506-tickets-wrap__inner {
    max-width: 1000px;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box;
}

/* ── Hero block (matches single-event layout spacing) ── */
.b2506-tickets-hero {
    padding: 120px 0 24px !important;
    margin: 0 !important;
    font-family: var(--b2506-et-font) !important;
    text-align: left;
    background: transparent !important;
}

.b2506-tickets-hero .b2506-tickets-hero__title,
.b2506-tickets-hero__title {
    color: var(--b2506-et-accent) !important;
    font-family: var(--b2506-et-font) !important;
    font-size: 44px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 12px !important;
    padding: 0 0 12px !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid rgba(247, 212, 45, 0.3) !important;
}

.b2506-tickets-hero__title a,
.b2506-tickets-hero__title a:visited,
.b2506-tickets-hero__title a:hover {
    color: var(--b2506-et-accent) !important;
    text-decoration: none !important;
}

.b2506-tickets-hero .b2506-tickets-hero__subtitle,
.b2506-tickets-hero__subtitle {
    color: var(--b2506-et-text) !important;
    opacity: 0.85;
    font-family: var(--b2506-et-font) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin: 16px 0 24px !important;
    padding: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
}

@media (max-width: 768px) {
    .b2506-tickets-hero {
        padding: 60px 0 16px !important;
    }
    .b2506-tickets-hero__title {
        font-size: 32px !important;
    }
    .b2506-tickets-hero__subtitle {
        font-size: 16px !important;
    }
    .b2506-tickets-wrap__inner {
        padding: 0 16px !important;
    }
}

/* ──────────────────────────────────────────────
 * Checkout page (/tickets-checkout)
 * ────────────────────────────────────────────── */

.tribe-tickets__commerce-checkout {
    background: var(--b2506-et-panel) !important;
    color: var(--b2506-et-text) !important;
    font-family: var(--b2506-et-font);
    border: 1px solid var(--b2506-et-border);
    border-radius: var(--b2506-et-radius);
    padding: 32px;
    margin: 0 auto 40px !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

.tribe-tickets__commerce-checkout,
.tribe-tickets__commerce-checkout * {
    font-family: var(--b2506-et-font);
}

.tribe-tickets__commerce-checkout-header,
.tribe-tickets__commerce-checkout-header-title {
    color: var(--b2506-et-text) !important;
}

.tribe-tickets__commerce-checkout-header-links a,
.tribe-tickets__commerce-checkout-header-link-back-to-event {
    color: var(--b2506-et-accent) !important;
    font-weight: 600;
    text-decoration: none;
}

.tribe-tickets__commerce-checkout-header-links a:hover,
.tribe-tickets__commerce-checkout-header-link-back-to-event:hover {
    color: #f5e066 !important;
    text-decoration: underline;
}

/* ── Cart ── */
.tribe-tickets__commerce-checkout-cart {
    background: transparent !important;
    color: var(--b2506-et-text) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
}

.tribe-tickets__commerce-checkout-cart-header {
    border-bottom: 1px solid rgba(247, 212, 45, 0.3) !important;
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.tribe-tickets__commerce-checkout-cart-header-title,
.tribe-tickets__commerce-checkout-cart-header h4 {
    color: var(--b2506-et-accent) !important;
    font-weight: 700;
    font-size: 22px;
    margin: 0;
}

.tribe-tickets__commerce-checkout-cart-items {
    background: transparent !important;
}

.tribe-tickets__commerce-checkout-cart-item {
    background: var(--b2506-et-panel-alt) !important;
    color: var(--b2506-et-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px;
    padding: 16px 20px !important;
    margin-bottom: 10px !important;
    transition: border-color 0.2s ease;
}

.tribe-tickets__commerce-checkout-cart-item:hover {
    border-color: var(--b2506-et-border-hover) !important;
}

.tribe-tickets__commerce-checkout-cart-item-details-title,
.tribe-tickets__commerce-checkout-cart-item-details-description {
    color: var(--b2506-et-text) !important;
}

.tribe-tickets__commerce-checkout-cart-item-details-toggle,
.tribe-tickets__commerce-checkout-cart-item-details-button-text {
    color: var(--b2506-et-accent) !important;
}

.tribe-tickets__commerce-checkout-cart-item-price,
.tribe-tickets__commerce-checkout-cart-item-quantity,
.tribe-tickets__commerce-checkout-cart-item-subtotal {
    color: var(--b2506-et-text) !important;
    font-weight: 600;
}

/* ── Coupon / order modifier row ── */
.tribe-tickets__commerce-order-modifier-coupons,
.tribe-tickets__commerce-order-modifier-coupons * {
    color: var(--b2506-et-text) !important;
}

.tribe-tickets__commerce-order-modifier-coupons a,
.tribe-tickets__commerce-checkout-cart-footer-order-modifier-fees a {
    color: var(--b2506-et-accent) !important;
}

/* ── Cart footer / totals ── */
.tribe-tickets__commerce-checkout-cart-footer {
    color: var(--b2506-et-text) !important;
    border-top: 1px solid var(--b2506-et-border) !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
}

.tribe-tickets__commerce-checkout-cart-footer-quantity,
.tribe-tickets__commerce-checkout-cart-footer-quantity-label,
.tribe-tickets__commerce-checkout-cart-footer-quantity-number,
.tribe-tickets__commerce-checkout-cart-footer-total,
.tribe-tickets__commerce-checkout-cart-footer-total-label,
.tribe-tickets__commerce-checkout-cart-footer-total-wrap {
    color: var(--b2506-et-text) !important;
    font-weight: 600;
}

.tribe-tickets__commerce-checkout-cart-footer-total,
.tribe-tickets__commerce-checkout-cart-footer-total-wrap {
    font-size: 22px;
    color: var(--b2506-et-accent) !important;
}

/* ── Purchaser info form ── */
.tribe-tickets__commerce-checkout-purchaser-info-wrapper {
    background: var(--b2506-et-panel-alt) !important;
    color: var(--b2506-et-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px;
    padding: 24px !important;
    margin-bottom: 20px !important;
}

.tribe-tickets__commerce-checkout-purchaser-info-title {
    color: var(--b2506-et-accent) !important;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 16px;
}

.tribe-tickets__commerce-checkout input[type="text"],
.tribe-tickets__commerce-checkout input[type="email"],
.tribe-tickets__commerce-checkout input[type="tel"],
.tribe-tickets__commerce-checkout input[type="number"],
.tribe-tickets__commerce-checkout select,
.tribe-tickets__commerce-checkout .tribe-common-form-control-text__input {
    background: rgba(0, 0, 0, 0.25) !important;
    color: var(--b2506-et-text) !important;
    border: 1px solid var(--b2506-et-border) !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-family: var(--b2506-et-font) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tribe-tickets__commerce-checkout input:focus,
.tribe-tickets__commerce-checkout select:focus {
    border-color: var(--b2506-et-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(247, 212, 45, 0.2) !important;
}

.tribe-tickets__commerce-checkout label,
.tribe-tickets__commerce-checkout .tribe-common-form-control-text__label {
    color: var(--b2506-et-text-muted) !important;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ── Gateway section (Square card) ── */
.tribe-tickets__commerce-checkout-gateways {
    background: transparent !important;
    margin-top: 8px;
}

.tribe-tickets__commerce-checkout-gateway,
.tribe-tickets__commerce-checkout-square-form {
    background: var(--b2506-et-panel-alt) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 24px !important;
}

.tribe-tickets__commerce-checkout-square-card-wrapper,
.tribe-tickets__commerce-checkout-square-card-container {
    background: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid var(--b2506-et-border) !important;
    border-radius: 8px !important;
    padding: 14px !important;
}

/* Square iframe ships with white card field — keep but match radius. */
.tribe-tickets__commerce-checkout-square-card-container iframe {
    background: #ffffff !important;
    border-radius: 6px;
}

/* ── Primary CTA: Pay Now (full-width brand pill) ── */
.tribe-tickets__commerce-checkout .tribe-common-c-btn,
.tribe-tickets__commerce-checkout-form-submit-button,
.tribe-tickets__commerce-checkout button[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--b2506-et-accent) !important;
    color: var(--b2506-et-btn-text) !important;
    border: 2px solid var(--b2506-et-accent) !important;
    border-radius: var(--b2506-et-radius-pill) !important;
    font-family: var(--b2506-et-font) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 16px 32px !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
    margin-top: 16px;
}

.tribe-tickets__commerce-checkout .tribe-common-c-btn:hover,
.tribe-tickets__commerce-checkout-form-submit-button:hover,
.tribe-tickets__commerce-checkout button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(247, 212, 45, 0.3);
    background: var(--b2506-et-accent) !important;
    color: var(--b2506-et-btn-text) !important;
}

/* ── Notice (error / info) ── */
.tribe-tickets__commerce-checkout-notice {
    background: var(--b2506-et-error-bg) !important;
    color: var(--b2506-et-text) !important;
    border: 1px solid var(--b2506-et-error-border) !important;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.tribe-tickets__commerce-checkout-notice-content {
    color: var(--b2506-et-text) !important;
}

/* ── Empty cart state ── */
.tribe-tickets__commerce-checkout-cart-empty {
    color: var(--b2506-et-text) !important;
    text-align: center;
    padding: 32px 0;
}

.tribe-tickets__commerce-checkout-cart-empty-title {
    color: var(--b2506-et-accent) !important;
}

.tribe-tickets__commerce-checkout-cart-empty-description-link {
    color: var(--b2506-et-accent) !important;
}

/* ──────────────────────────────────────────────
 * Order success page (/order-completed, /tickets-success)
 * ────────────────────────────────────────────── */

.tribe-tickets__commerce-order {
    background: var(--b2506-et-panel) !important;
    color: var(--b2506-et-text) !important;
    font-family: var(--b2506-et-font) !important;
    border: 1px solid var(--b2506-et-border) !important;
    border-radius: var(--b2506-et-radius) !important;
    padding: 40px !important;
    margin: 0 auto 40px !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

.tribe-tickets__commerce-order,
.tribe-tickets__commerce-order * {
    font-family: var(--b2506-et-font) !important;
}

/* ── Header ── */
.tribe-tickets__commerce-order-header {
    border-bottom: 1px solid rgba(247, 212, 45, 0.3) !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
}

.tribe-tickets__commerce-order-header-title {
    color: var(--b2506-et-accent) !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    margin: 0 !important;
}

/* ── Intro description ── */
.tribe-tickets__commerce-order-description {
    color: var(--b2506-et-text) !important;
    opacity: 0.9;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 24px !important;
}

.tribe-tickets__commerce-order-description a {
    color: var(--b2506-et-accent) !important;
    text-decoration: underline;
}

/* ── Details table ── */
.tribe-tickets__commerce-order-details {
    background: var(--b2506-et-panel-alt) !important;
    color: var(--b2506-et-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
}

.tribe-tickets__commerce-order-details-row {
    display: flex;
    gap: 16px;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.tribe-tickets__commerce-order-details-row:last-child {
    border-bottom: none;
}

.tribe-tickets__commerce-order-details-col1 {
    color: var(--b2506-et-accent) !important;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    min-width: 140px;
    flex: 0 0 140px;
}

.tribe-tickets__commerce-order-details-col2 {
    color: var(--b2506-et-text) !important;
    font-weight: 500;
    flex: 1 1 auto;
    word-break: break-word;
}

/* ── Attendee / "Your Tickets" list ── */
.tribe-tickets__commerce-order .tribe-common-h4,
.tribe-tickets__commerce-order h4 {
    color: var(--b2506-et-accent) !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(247, 212, 45, 0.25) !important;
}

.tec-tickets__attendees-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
}

.tec-tickets__attendees-list-item {
    background: var(--b2506-et-panel-alt) !important;
    color: var(--b2506-et-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
}

.tec-tickets__attendees-list-item-attendee-details {
    color: var(--b2506-et-text) !important;
}

.tec-tickets__attendees-list-item-attendee-details-name {
    color: var(--b2506-et-text) !important;
    font-weight: 600 !important;
    display: block;
}

.tec-tickets__attendees-list-item-attendee-details-ticket {
    color: var(--b2506-et-text-muted) !important;
    font-weight: 400 !important;
    display: block;
    margin-top: 2px;
}

/* ── Footer (back home / browse events links) ── */
.tribe-tickets__commerce-order-footer {
    border-top: 1px solid var(--b2506-et-border) !important;
    padding-top: 24px !important;
    margin-top: 24px !important;
}

.tribe-tickets__commerce-order-footer-links {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.tribe-tickets__commerce-order-footer-link,
.tribe-tickets__commerce-order-footer-link--back-home,
.tribe-tickets__commerce-order-footer-link--browse-events {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    color: var(--b2506-et-accent) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 2px solid rgba(247, 212, 45, 0.4) !important;
    border-radius: var(--b2506-et-radius-pill) !important;
    padding: 10px 24px !important;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.tribe-tickets__commerce-order-footer-link:hover,
.tribe-tickets__commerce-order-footer-link--back-home:hover,
.tribe-tickets__commerce-order-footer-link--browse-events:hover {
    background: var(--b2506-et-accent) !important;
    color: var(--b2506-et-btn-text) !important;
    border-color: var(--b2506-et-accent) !important;
    transform: translateY(-2px);
}

/* ── Fallback for the legacy success wrapper ── */
.tribe-tickets__commerce-success {
    background: var(--b2506-et-panel) !important;
    color: var(--b2506-et-text) !important;
    font-family: var(--b2506-et-font) !important;
}

.tribe-tickets__commerce-success h2 {
    color: var(--b2506-et-accent) !important;
}

/* ── Loader dots ── */
body.single-b2506_event .tribe-common-c-loader__dot {
    fill: var(--b2506-et-accent);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    body.single-b2506_event .tribe-tickets__tickets-wrapper {
        padding: 20px 16px;
        border-radius: 10px;
    }

    body.single-b2506_event .tribe-tickets__tickets-title {
        font-size: 20px;
    }

    body.single-b2506_event .tribe-tickets__tickets-item {
        padding: 16px;
    }

    body.single-b2506_event .tribe-tickets__tickets-item-content-title {
        font-size: 16px;
    }

    body.single-b2506_event .tribe-tickets__tickets-buy,
    body.single-b2506_event .tribe-common-c-btn {
        font-size: 14px;
        padding: 12px 20px;
        width: 100%;
        text-align: center;
    }

    body.single-b2506_event .tribe-tickets-rsvp,
    body.single-b2506_event .tribe-tickets__rsvp {
        padding: 20px 16px;
        border-radius: 10px;
    }

    .tribe-tickets__commerce-checkout,
    .tribe-tickets__commerce-order {
        padding: 24px 16px;
        margin: 16px;
        border-radius: 10px;
    }

    .tribe-tickets__commerce-checkout-cart-header-title {
        font-size: 18px;
    }

    .tribe-tickets__commerce-checkout-cart-footer-total,
    .tribe-tickets__commerce-checkout-cart-footer-total-wrap {
        font-size: 18px;
    }

    .tribe-tickets__commerce-order-footer-links {
        flex-direction: column;
    }

    .tribe-tickets__commerce-order-footer-link,
    .tribe-tickets__commerce-order-footer-link--back-home,
    .tribe-tickets__commerce-order-footer-link--browse-events {
        width: 100%;
        justify-content: center;
    }
}


/* ─────────────────────────────────────────────────────────────
   Checkout cart refinements (2026-04-28)
   ───────────────────────────────────────────────────────────── */

/* Hide the event-name subtitle link in the cart header.
   The pseudo-event ("Museum General Admission" / legacy "TEST Tickets")
   is a backend container — surfacing its title leaks the abstraction
   on what is presented as a generic "Purchase Tickets" cart. */
.tribe-tickets__commerce-checkout-cart-header-title a {
    display: none !important;
}

/* Hide "Add coupon code" — no coupons are issued for the museum. */
.tec-tickets-commerce-checkout-cart__coupons,
.tec-tickets-commerce-checkout-cart__coupons-add-link {
    display: none !important;
}

/* More breathing room on cart item rows so text does not crowd
   the lighter translucent panel border. */
.tribe-tickets__commerce-checkout-cart-item {
    padding: 28px 36px !important;
}

/* Inner sections — header, footer, items wrapper, back link box —
   need horizontal padding so "Purchase Tickets" / "back" / "Total"
   don't kiss the navy panel edge. The cart item keeps its own
   internal padding. */
.tribe-tickets__commerce-checkout-cart-header,
.tribe-tickets__commerce-checkout-cart-footer,
.tribe-tickets__commerce-checkout-header-links,
.tribe-tickets__commerce-checkout-cart-items {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

/* Gap between the yellow divider under the header and the first
   ticket card so the panel doesn't kiss the line. */
.tribe-tickets__commerce-checkout-cart-items {
    margin-top: 16px !important;
}

/* Capitalize the "back" link so it doesn't read as lowercase noise
   next to the bold "Purchase Tickets" title. */
.tribe-tickets__commerce-checkout-header-link-back-to-event,
.tribe-tickets__commerce-checkout-cart-header-link-back-to-event {
    text-transform: capitalize !important;
}

/* Hero heading on checkout/order pages was line-height: 70px on a
   font-size: 85px → letters from "Complete Your" overlapped "Purchase".
   Force a sane ratio. PHP template source updated separately so future
   re-seeds get this value baked in. */
body.page-id-1538 .elementor-widget-heading h1.elementor-heading-title,
body.page-id-1542 .elementor-widget-heading h1.elementor-heading-title,
.tribe-tickets__commerce-checkout-page .elementor-widget-heading h1.elementor-heading-title,
.elementor-page .elementor-widget-heading h1.elementor-heading-title[style*="font-size"] {
    line-height: 1.1 !important;
}