/* ---- Fond ---- */
body { background: #eef1f4 !important; }
.ui.dimmer.modals.page.full-page {
    background: transparent !important;
}

/* ---- Modal centré ---- */
.ui.modal.buy-ticket-modal {
    position: fixed !important;
    top: 3vh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    margin-left: 0 !important;
    width: 94vw !important;
    max-width: 1100px !important;
    height: auto !important;
    max-height: 94vh !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .5) !important;
}

.ui.modal.buy-ticket-modal .tkt-scrollable-content {
    max-height: calc(94vh - 150px) !important;
    overflow-y: auto !important;
}

/* ---- Bandeau #1D4E70 ---- */
.buy-ticket-modal > .header,
.buy-ticket-modal .details-modal-header {
    background-color: #1D4E70 !important;
    position: relative !important;
}

/* ---- Masquer la date ---- */
.buy-ticket-modal .venue .row.middle-aligned.text-small:has(.calendar-icon),
.buy-ticket-modal .venue .row.middle-aligned.text-small:first-child {
    display: none !important;
}

/* ---- Masquer le ⊗ natif redondant ---- */
.ui.modal.buy-ticket-modal > .close,
.ui.modal.buy-ticket-modal > .header > .close {
    display: none !important;
}

/* ---- Le vrai bouton X : background-color uniquement ---- */
.buy-ticket-modal > .header .uls-button.cancel {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 44px !important;
    height: 44px !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    z-index: 20 !important;
    overflow: visible !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3) !important;
    transition: transform .15s ease !important;
}
.buy-ticket-modal > .header .uls-button.cancel:hover {
    transform: scale(1.1) !important;
}

/* ---- Étiquette "Fermer" ---- */
.buy-ticket-modal > .header .uls-button.cancel::after {
    content: "Fermer";
    position: absolute;
    right: 54px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    pointer-events: none;
}

/* ---- Mobile ---- */
@media (max-width: 768px) {
    .ui.modal.buy-ticket-modal {
        top: 0 !important;
        width: 100vw !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
    }
    .buy-ticket-modal > .header .uls-button.cancel::after { display: none; }
}

.buy-ticket-modal .header .close,
.buy-ticket-modal .header i[class*="close"],
.buy-ticket-modal .header i[class*="cancel"],
.buy-ticket-modal > .close {
    display: none !important;
}

.buy-ticket-modal .header .uls-button.cancel {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    z-index: 20 !important;
    overflow: hidden !important;          /* <-- au lieu de visible */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.3) !important;
}

/* l'icône elle-même, recentrée et recolorée */
.buy-ticket-modal .header .uls-button.cancel::before {
    position: static !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    color: #1D4E70 !important;
    filter: brightness(0) saturate(100%) invert(22%) sepia(40%) saturate(900%) hue-rotate(170deg) !important;
}

/* masquer l'icône blanche d'origine */
.buy-ticket-modal .header .uls-button.cancel::before {
    display: none !important;
}

/* dessiner un X bleu foncé */
.buy-ticket-modal .header .uls-button.cancel::after {
    content: "✕";
    color: #1D4E70 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    position: static !important;
    transform: none !important;
}

[data-field-id="77066000041698143"] .text-tiny.mgt2 {
  visibility: hidden;
}

.des-content.markdown-contain p,
.ticket-description .markdown-contain p {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

section[data-section-id="77066000041706602"] .background-layer {
  background-color: #f5f8fd;
}

section[data-section-id="77066000041706602"] .bs-divider {
  display: none;
}