.cdp-event-boost-spot-auto {
max-width: 100%;
box-sizing: border-box;
}
.cdp-event-boost-spot-auto--home {
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}
.cdp-event-boost-spot-auto--fes-list {
margin: 1.25rem 0;
}
.cdp-event-boost-spot-auto--placement {
margin: 1.25rem 0;
}
.cdp-event-boost-spot-auto--placement + .cdp-event-boost-spot-auto--placement {
margin-top: 0.5rem;
} .cdp-event-boost-spot-auto--mec-public-list-head {
margin: 0 0 1rem;
}
.cdp-event-boost-spot-auto-footer {
max-width: 100%;
box-sizing: border-box;
margin: 1.5rem auto 0;
padding: 0 1rem;
}
.cd-event-boost-spot {
max-width: 100%;
box-sizing: border-box;
} .cd-event-boost-spot--standard {
margin: 1.25rem 0;
padding: 1rem 0 1rem 1rem;
}
.cd-event-boost-spot--standard .cd-event-boost-spot__title {
margin: 0 0 0.85rem;
padding-right: 1rem;
font-size: 1.15rem;
font-weight: 600;
line-height: 1.3;
color: #0f172a;
}
.cd-event-boost-spot--standard .cd-event-boost-spot__scroll {
display: flex;
gap: 16px;
overflow-x: auto;
padding-bottom: 10px;
padding-right: 1rem;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
scrollbar-gutter: stable;
}
.cd-event-boost-spot--standard .cd-event-boost-spot__scroll::-webkit-scrollbar {
height: 8px;
}
.cd-event-boost-spot--standard .cd-event-boost-spot__scroll::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 4px;
}
.cd-event-boost-spot--standard .cd-event-boost-card {
flex: 0 0 auto;
min-width: 220px;
max-width: 240px;
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
scroll-snap-align: start;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cd-event-boost-spot--standard .cd-event-boost-card:hover,
.cd-event-boost-spot--standard .cd-event-boost-card:focus-within {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.cd-event-boost-spot--standard .cd-event-boost-card__link {
display: block;
}
.cd-event-boost-spot--standard .cd-event-boost-card__image {
margin: 0;
background: #e8eef5;
line-height: 0;
}
.cd-event-boost-spot--standard .cd-event-boost-card__image img {
display: block;
width: 100%;
height: 280px;
object-fit: cover;
}
.cd-event-boost-spot--standard .cd-event-boost-card__content {
padding: 10px;
}
.cd-event-boost-spot--standard .cd-event-boost-card__title {
font-size: 0.95rem;
font-weight: 600;
line-height: 1.35;
color: #0f172a;
}
.cd-event-boost-spot--standard .cd-event-boost-card__meta {
margin-top: 0.35rem;
font-size: 0.82rem;
line-height: 1.4;
color: #64748b;
} .cd-event-boost-spot--compact {
margin: 1rem 0;
padding: 0.65rem 0 0.65rem 0.75rem;
}
.cd-event-boost-spot--compact .cd-event-boost-spot__title {
margin: 0 0 0.55rem;
padding-right: 0.75rem;
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
color: #0f172a;
}
.cd-event-boost-spot--compact .cd-event-boost-spot__scroll {
display: flex;
flex-direction: column;
gap: 10px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 4px;
padding-right: 0.75rem;
scroll-snap-type: none;
}
.cd-event-boost-spot--compact .cd-event-boost-card {
flex: 0 0 auto;
width: 100%;
min-width: 0;
max-width: none;
border-radius: 10px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cd-event-boost-spot--compact .cd-event-boost-card:hover,
.cd-event-boost-spot--compact .cd-event-boost-card:focus-within {
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.cd-event-boost-spot--compact .cd-event-boost-card__link {
display: flex;
flex-direction: row;
align-items: stretch;
min-height: 76px;
text-align: left;
}
.cd-event-boost-spot--compact .cd-event-boost-card__image {
flex: 0 0 80px;
width: 80px;
min-width: 80px;
margin: 0;
background: #e8eef5;
line-height: 0;
align-self: stretch;
}
.cd-event-boost-spot--compact .cd-event-boost-card__image img {
display: block;
width: 100%;
height: 100%;
min-height: 76px;
object-fit: cover;
}
.cd-event-boost-spot--compact .cd-event-boost-card__content {
flex: 1 1 auto;
min-width: 0;
padding: 8px 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.cd-event-boost-spot--compact .cd-event-boost-card__title {
font-size: 0.88rem;
font-weight: 600;
line-height: 1.3;
color: #0f172a;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.cd-event-boost-spot--compact .cd-event-boost-card__meta {
margin-top: 0.25rem;
font-size: 0.75rem;
line-height: 1.35;
color: #64748b;
} .cd-event-boost-card__link {
text-decoration: none;
color: inherit;
outline-offset: 2px;
}
.cd-event-boost-card__link:focus-visible {
outline: 2px solid #2563eb;
} .cd-event-boost-spot--empty-admin {
max-width: 42rem;
margin: 1.25rem 0;
padding: 1rem 1.15rem;
border: 1px solid #fcd34d;
border-radius: 6px;
background: #fffbeb;
}
.cd-event-boost-spot--empty-admin .cd-event-boost-spot__title {
padding-right: 0;
}
.cd-event-boost-spot__empty {
margin: 0;
font-size: 0.9rem;
color: #92400e;
}
@media (max-width: 480px) {
.cd-event-boost-spot--standard {
padding-left: 0.75rem;
}
.cd-event-boost-spot--standard .cd-event-boost-spot__scroll {
padding-right: 0.75rem;
gap: 12px;
}
.cd-event-boost-spot--standard .cd-event-boost-card {
min-width: 200px;
max-width: 220px;
}
.cd-event-boost-spot--standard .cd-event-boost-card__image img {
height: 240px;
}
.cd-event-boost-spot--compact {
padding-left: 0.5rem;
}
.cd-event-boost-spot--compact .cd-event-boost-spot__scroll {
padding-right: 0.5rem;
}
.cd-event-boost-spot--compact .cd-event-boost-card__image {
flex-basis: 72px;
width: 72px;
min-width: 72px;
}
.cd-event-boost-spot--compact .cd-event-boost-card__link {
min-height: 72px;
}
.cd-event-boost-spot--compact .cd-event-boost-card__image img {
min-height: 72px;
}
}