body.cd-ce-soir-page .entry-content {
display: flex;
flex-direction: column;
}
body.cd-ce-soir-page .cd-ce-soir {
order: -30;
margin: 0 0 1rem;
padding: 0 0 0.25rem;
}
body.cd-ce-soir-page .mec-wrap {
order: -20;
} body.cd-ce-soir-page .entry-content > .wp-block-columns:has(.n2-ss-slider),
body.cd-ce-soir-page .entry-content > .wp-block-columns:has(.cin-wrap),
body.cd-ce-soir-page .entry-content > .cin-wrap {
order: 40;
}
body.cd-ce-soir-page .entry-content > .wp-block-group,
body.cd-ce-soir-page .entry-content > .cdq-rotator,
body.cd-ce-soir-page .entry-content > .cd-card,
body.cd-ce-soir-page .entry-content > .wp-block-paragraph,
body.cd-ce-soir-page .entry-content > .cdp-partner-slot {
order: 50;
} body.cd-ce-soir-page .entry-header,
body.cd-ce-soir-page h1.entry-title,
body.cd-ce-soir-page .ast-single-post .entry-header {
display: none !important;
} body.cd-ce-soir-page.csn-has-site-notice .csn-site-notice,
body.cd-ce-soir-page.csn-has-news-feed .csn-news-feed {
font-size: 12px;
line-height: 1.3;
padding: 6px 36px 6px 10px;
max-height: 44px;
overflow: hidden;
} body.cd-ce-soir-page.cd-ce-soir-show-mec .mec-wrap {
display: block !important;
order: -15;
margin-top: 0.5rem;
} @media (max-width: 921px) {
body.cd-ce-soir-page .mec-calendar-d-table {
display: none !important;
}
} .cd-ce-soir__header {
margin-bottom: 0.45rem;
}
.cd-ce-soir__eyebrow {
margin: 0;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #64748b;
}
.cd-ce-soir__title {
margin: 0.1rem 0 0.15rem;
font-size: 1.35rem;
line-height: 1.15;
font-weight: 800;
color: #0f172a;
}
.cd-ce-soir__meta {
margin: 0;
font-size: 0.9rem;
color: #475569;
}
.cd-ce-soir__sep {
margin: 0 0.35rem;
}
.cd-ce-soir__group {
margin: 0 0 0.75rem;
}
.cd-ce-soir__group-title {
margin: 0 0 0.4rem;
font-size: 0.8rem;
font-weight: 700;
color: #334155;
}
.cd-ce-soir__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.55rem;
}
.cd-ce-soir__card {
display: flex;
flex-direction: column;
gap: 0.2rem;
min-height: 64px;
padding: 0.7rem 0.85rem;
border: 1px solid #e2e8f0;
border-radius: 12px;
background: #fff;
color: inherit;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
position: relative;
} .cd-ce-soir .cd-compare-btn-wrap,
.cd-ce-soir .cd-compare-btn,
.cd-ce-soir .cd-ec-btn,
.cd-ce-soir .cd-event-compare {
display: none !important;
}
.cd-ce-soir__card:hover,
.cd-ce-soir__card:focus-visible {
border-color: #94a3b8;
outline: 2px solid #6a3fb5;
outline-offset: 2px;
}
.cd-ce-soir__card-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
.cd-ce-soir__status {
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 0.2rem 0.45rem;
border-radius: 6px;
background: #e2e8f0;
color: #334155;
}
.cd-ce-soir__status--ongoing {
background: #dcfce7;
color: #166534;
}
.cd-ce-soir__status--soon {
background: #ede9fe;
color: #5b21b6;
}
.cd-ce-soir__status--ended {
background: #f1f5f9;
color: #64748b;
}
.cd-ce-soir__time {
font-size: 0.85rem;
font-weight: 600;
color: #0f172a;
white-space: nowrap;
}
.cd-ce-soir__card-title {
font-size: 1.05rem;
font-weight: 750;
line-height: 1.3;
color: #0f172a;
}
.cd-ce-soir__place,
.cd-ce-soir__styles {
font-size: 0.85rem;
color: #64748b;
}
.cd-ce-soir__state {
padding: 1rem;
border-radius: 12px;
background: #f8fafc;
border: 1px solid #e2e8f0;
margin-bottom: 0.75rem;
}
.cd-ce-soir__state--error {
background: #fff7ed;
border-color: #fed7aa;
}
.cd-ce-soir__retry {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 0.9rem;
border-radius: 999px;
background: #6a3fb5;
color: #fff !important;
font-weight: 700;
text-decoration: none;
}
.cd-ce-soir__more {
margin: 0.5rem 0 1rem;
padding: 0;
}
.cd-ce-soir__more-link {
display: flex;
align-items: center;
min-height: 44px;
padding: 0.65rem 0.85rem;
border: 1px dashed #cbd5e1;
border-radius: 10px;
background: #f8fafc;
color: #334155 !important;
font-weight: 700;
font-size: 0.95rem;
text-decoration: none;
} body.cd-ce-soir-page .cd-ce-soir,
body.cd-ce-soir-page .entry-content {
padding-bottom: calc(36px + var(--cd-tempo-h, 64px) + var(--csn-bottom-h, 72px) + env(safe-area-inset-bottom, 0px));
}
@media (min-width: 922px) {
body.cd-ce-soir-page .cd-ce-soir__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.cd-ce-soir-page .entry-content {
padding-bottom: 2rem;
}
}