/* =======================================================
   DB Livestream — layer streaming / dark
   ======================================================= */

/* Sfondo pieno anche sotto il fold */
html, body {
  background: var(--starter-bg);
}

/* Selezione testo coerente col brand */
::selection {
  background: var(--starter-primary);
  color: #fff;
}

/* Scrollbar scura (WebKit) */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: var(--starter-secondary); }
::-webkit-scrollbar-thumb {
  background: var(--starter-border);
  border-radius: 999px;
  border: 3px solid var(--starter-secondary);
}
::-webkit-scrollbar-thumb:hover { background: var(--starter-primary); }

/* =======================================================
   Pagina Evento
   ======================================================= */
.dbls-event {
  padding-top: calc(var(--starter-header-height) + 2.5rem);
  padding-bottom: 4rem;
}

.dbls-event__header {
  text-align: center;
  margin-bottom: 2rem;
}

.dbls-event__title {
  font-size: clamp(1.9rem, 5vw, 3.25rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 0.5rem;
}

.dbls-event__tagline {
  font-size: clamp(1rem, 2.2vw, 1.35rem);
  color: var(--starter-text-muted);
  margin: 0;
}

/* Volantino grande in cima */
.dbls-event__flyer {
  margin: 0 auto 2.5rem;
  max-width: 760px;
  border-radius: var(--starter-radius);
  overflow: hidden;
  box-shadow: var(--starter-shadow);
  border: 1px solid var(--starter-border);
}

.dbls-event__flyer img {
  display: block;
  width: 100%;
  height: auto;
}

/* Player a tutta larghezza (sotto il volantino) */
.dbls-event__player {
  max-width: 1100px;
  margin: 0 auto 2.5rem;
}

/* Wrapper responsivo 16:9 per qualunque iframe/video/embed
   inserito dallo shortcode del plugin */
.dbls-event__player iframe,
.dbls-event__player video,
.dbls-event__player .wp-video,
.dbls-event__player mux-player,
.dbls-event__player > *:only-child {
  width: 100%;
}

.dbls-event__player iframe,
.dbls-event__player video {
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  border: 0;
  border-radius: var(--starter-radius);
  box-shadow: var(--starter-shadow);
  background: #000;
}

.dbls-event__content {
  max-width: 760px;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.7;
}

.dbls-event__content :is(h2, h3, h4) {
  margin-top: 2rem;
}

/* =======================================================
   Ritocchi dark su elementi comuni
   ======================================================= */

/* Contenuto pagine/post standard */
.content {
  color: var(--starter-text);
}

.content a {
  color: var(--starter-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.content blockquote {
  border-left: 3px solid var(--starter-primary);
  padding-left: 1rem;
  color: var(--starter-text-muted);
  margin: 1.5rem 0;
}

.content :is(code, pre) {
  background: var(--starter-secondary);
  color: #e7e7f0;
  border: 1px solid var(--starter-border);
  border-radius: 6px;
}

.content pre {
  padding: 1rem;
  overflow-x: auto;
}

.content code {
  padding: 0.15em 0.4em;
}

/* Tabelle */
.content table {
  width: 100%;
  border-collapse: collapse;
}

.content :is(th, td) {
  border: 1px solid var(--starter-border);
  padding: 0.6rem 0.8rem;
}

.content th {
  background: var(--starter-bg-alt);
}

/* Form Bootstrap su sfondo scuro */
.form-control,
.form-select {
  background-color: var(--starter-bg-alt);
  border-color: var(--starter-border);
  color: var(--starter-text);
}

.form-control:focus,
.form-select:focus {
  background-color: var(--starter-bg-alt);
  border-color: var(--starter-primary);
  color: var(--starter-text);
  box-shadow: 0 0 0 0.2rem rgba(168, 85, 247, 0.25);
}

.form-control::placeholder {
  color: var(--starter-text-muted);
}

/* Paginazione */
.page-numbers {
  display: inline-block;
  padding: 0.5rem 0.85rem;
  margin: 0 0.15rem;
  border-radius: 8px;
  background: var(--starter-bg-alt);
  border: 1px solid var(--starter-border);
  color: var(--starter-text);
}

.page-numbers.current,
.page-numbers:hover {
  background: var(--starter-primary);
  color: #fff;
  border-color: var(--starter-primary);
}

/* Hero: glow brand dietro al titolo per look "streaming" */
.starter-hero {
  background: radial-gradient(circle at 50% 0%, #1a1030 0%, var(--starter-secondary) 55%, var(--starter-bg) 100%);
}

/* Bottoni primari: gradient brand */
.btn-starter-primary {
  background: linear-gradient(135deg, var(--starter-primary), #7c3aed);
  border: none;
}

.btn-starter-primary:hover {
  filter: brightness(1.1);
  box-shadow: 0 4px 18px rgba(168, 85, 247, 0.45);
}

/* Eventi in evidenza: placeholder volantino mancante */
.dbls-event-card__placeholder {
  width: 100%;
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, var(--starter-secondary), #1a1030);
}