/* By Night V221 — cartes Agenda et Reportages enrichies et légèrement agrandies. */

.home-event-context-date,
.home-event-venue-name,
.home-report-context-date,
.home-report-venue-name {
  position:absolute;
  z-index:7;
  left:50%;
  display:block;
  box-sizing:border-box;
  max-width:calc(100% - 12px);
  overflow:hidden;
  transform:translateX(-50%);
  color:#fff;
  font-family:"DM Sans",Arial,sans-serif;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 2px 7px rgba(0,0,0,.96);
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
}

.home-event-context-date,
.home-report-context-date {
  top:6px;
  min-height:24px;
  padding:6px 10px 5px;
  border:1px solid rgba(255,255,255,.19);
  border-radius:999px;
  background:rgba(7,5,10,.79);
  box-shadow:0 5px 15px rgba(0,0,0,.27);
  font-size:clamp(.6rem,.68vw,.72rem);
  letter-spacing:.025em;
  text-transform:uppercase;
}

.home-event-venue-name,
.home-report-venue-name {
  bottom:0;
  width:100%;
  max-width:100%;
  min-height:30px;
  padding:9px 8px 8px;
  border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,rgba(7,5,10,.66),rgba(7,5,10,.94));
  font-size:clamp(.62rem,.7vw,.76rem);
  letter-spacing:.01em;
}

.home-event-context-date[hidden] { display:none!important; }

body:has(.home-screen-events) .home-event-poster-card {
  flex-basis:clamp(176px,27vh,266px)!important;
  height:clamp(176px,27vh,266px)!important;
}

body:has(.home-screen-editorial) .home-report-poster-card {
  flex-basis:clamp(152px,24vh,232px)!important;
  height:clamp(152px,24vh,232px)!important;
}

@media (max-width:700px) {
  body:has(.home-screen-events) .home-event-poster-card {
    flex-basis:clamp(152px,24vh,208px)!important;
    height:clamp(152px,24vh,208px)!important;
  }

  body:has(.home-screen-editorial) .home-report-poster-card {
    flex-basis:clamp(134px,22vh,184px)!important;
    height:clamp(134px,22vh,184px)!important;
  }

  .home-event-context-date,
  .home-report-context-date {
    top:5px;
    min-height:21px;
    padding:5px 7px 4px;
    font-size:clamp(.5rem,2.35vw,.61rem);
  }

  .home-event-venue-name,
  .home-report-venue-name {
    min-height:27px;
    padding:7px 6px 6px;
    font-size:clamp(.52rem,2.45vw,.64rem);
  }
}