/* V31 — formal numerals and configurable event cards */
:root{
  --summit-number-font:Arial,Tahoma,"Segoe UI",sans-serif;
}

/* A clean, formal, fixed-width treatment for dates, counters and codes. */
[data-days],[data-hours],[data-minutes],[data-seconds],
.event-numeric,.dock-date b,.guest-index,.section-number,
.countdown-v26 strong,.otp-inputs input,#otp-countdown,
input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],
bdi,.ticket dd,.booking-selection-summary b,.selected-seat-bar strong{
  font-family:var(--summit-number-font)!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  font-feature-settings:"tnum" 1,"lnum" 1!important;
  letter-spacing:.015em;
}

.event-colored-card{
  --event-card-color:#211e47;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(135deg,rgba(17,16,42,.26),rgba(17,16,42,.46)),var(--event-card-color)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  box-shadow:0 22px 55px rgba(4,4,18,.22)!important;
}
.event-colored-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:190px;
  height:190px;
  inset:auto auto -110px -85px;
  border-radius:50%;
  background:rgba(57,205,169,.13);
  filter:blur(8px);
}
.event-colored-card h2,.event-colored-card h3,
.event-colored-card p,.event-colored-card>span,.event-colored-card>small,
.dashboard .admin-event-card.event-colored-card h3,
.dashboard .admin-event-card.event-colored-card p,
.dashboard .admin-event-card.event-colored-card small,
.dashboard .admin-event-card.event-colored-card strong{color:#fff!important}
.event-colored-card .event-venue{color:#cfe0e5!important}

.event-speaker-thumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  direction:rtl;
  margin:18px 0;
  padding:4px 3px;
}
.event-speaker-thumbs img{
  display:block;
  width:54px;
  height:54px;
  margin-left:-10px;
  border:3px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:#1b1a3a;
  object-fit:cover;
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}
.event-speaker-thumbs img:last-child{margin-left:0}

.event-color-control,.event-images-control{
  display:grid!important;
  gap:8px;
  padding:14px;
  border:1px solid rgba(57,205,169,.22);
  border-radius:14px;
  background:rgba(57,205,169,.055);
}
.event-color-control>span,.event-images-control>span{font-weight:700}
.event-color-control input[type="color"]{
  width:100%!important;
  height:54px!important;
  margin:0!important;
  padding:5px!important;
  border-radius:11px!important;
  cursor:pointer;
}
.event-images-control input[type="file"]{
  width:100%;
  padding:12px;
  border:1px dashed rgba(57,205,169,.42)!important;
  border-radius:11px;
  background:#fff!important;
  color:#1b1a3a!important;
}
.event-color-control small,.event-images-control small{color:#aebfc7!important;line-height:1.7}

.event-edit-panel{margin-top:18px}
.event-edit-panel>summary{list-style:none;width:max-content;max-width:100%}
.event-edit-panel>summary::-webkit-details-marker{display:none}
.event-edit-panel[open]{padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(17,16,42,.2)}
.event-edit-panel[open]>summary{margin-bottom:12px}

.event-remove-images{
  grid-column:1/-1;
  margin:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px;
}
.event-remove-images legend{padding:0 8px;color:#fff!important}
.event-remove-images>div{display:flex;flex-wrap:wrap;gap:12px}
.event-remove-images label{
  position:relative;
  display:grid!important;
  place-items:center;
  gap:5px;
  margin:0!important;
  cursor:pointer;
}
.event-remove-images img{width:68px;height:68px;border:2px solid #fff;border-radius:14px;object-fit:cover}
.event-remove-images input{position:absolute;top:4px;right:4px;width:20px!important;height:20px;margin:0!important}
.event-remove-images span{font-size:12px;color:#fff}

.dashboard .admin-event-card.event-colored-card{
  background:linear-gradient(135deg,rgba(17,16,42,.22),rgba(17,16,42,.44)),var(--event-card-color)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}
.dashboard .admin-event-card.event-colored-card label,
.dashboard .admin-event-card.event-colored-card .field>span{color:#fff!important}

@media(max-width:760px){
  .event-speaker-thumbs img{width:48px;height:48px;margin-left:-8px}
  .event-edit-panel>summary{width:100%;text-align:center}
  .event-remove-images img{width:60px;height:60px}
}