/* ─────────────────────────────────────────────────────────────
   Simple Events – Frontend styles (sostituisce interamente il file)
   ───────────────────────────────────────────────────────────── */

/* Wrapper elemento singolo in elenco */
.simple-event {
  padding: 0 0 0.9em 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 0 !important;
  background: transparent;
}
.simple-event:last-child { border-bottom: none; }

/* Data/orari prima riga */
.simple-event .se-date {
  font-size: 0.8em !important;
  font-weight: bold !important;
  margin-bottom: 0.13em !important;
  color: #626262 !important;
  letter-spacing: 0.01em;
  line-height: 1.18 !important;
  font-family: inherit !important;
}

/* Titolo */
.simple-event .se-title {
  margin: 0 0 0.11em 0 !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.simple-event .se-title a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Stato + link */
.simple-event .se-status {
  display: flex;
  align-items: center;
  gap: 0.55em;
  font-size: 0.7em !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.08 !important;
}


/* Stato: dimensioni e resa */
.simple-event .se-status {
  font-size: 0.95em !important;   /* elenco/archivi */
  line-height: 1.25 !important;
}

/* nel singolo evento un filo più grande */
.single-simple_event .se-status {
  font-size: 1.05em !important;
}

/* “OGGI” (o lo stato) un po’ più “badge-like” */
.se-status strong {
  display: inline-block;
  font-weight: 700;
  letter-spacing: .03em;
}

/* “N° giorno di programmazione” accanto a OGGI */
.se-status .se-day-index {
  font-size: 0.85em;
  font-weight: 500;
  color: #666;
  margin-left: .5em;
  white-space: nowrap; /* evita che vada a capo separandosi da OGGI */
}




/* più grande ovunque (lista e singolo) */
.se-status { font-size: 1.3em !important; }


.simple-event .se-divider { color: #bcb5ad !important; font-size: 1.08em !important; }
.simple-event .se-link {
  color: #ac9d87 !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  transition: color 0.17s;
}
.simple-event .se-link:hover { color: #927f64 !important; }

/* Nascondi meta del tema nei singoli eventi */
.single-simple_event .post-meta-infos,
.single-simple_event .minor-meta,
.single-simple_event .blog-meta,
.single-simple_event .post-meta { display: none !important; }

/* ─────────────────────────────────────────────────────────────
   Barra azioni (Download / Avvisami) – uniformata
   ───────────────────────────────────────────────────────────── */

/* rimuove bullet/indent che creavano il “filo” a sinistra */
.se-actions,
.se-actions ul,
.se-actions li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.se-actions li:before { content: none !important; }

/* layout: i pulsanti vanno a capo quando necessario */
.se-actions {
  display: flex;
  flex-wrap: wrap;        /* permette l'andata a capo su schermi stretti */
  align-items: center;
  gap: 12px;
  margin: .4rem 0 1rem 0;
}

/* base comune a <a> e <button> con classe .se-btn */
.se-actions .se-btn,
.se-actions a.se-btn,
.se-actions button.se-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;

  /* reset di width/height/min impostati dal tema */
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  box-sizing: border-box;

  /* tipografia coerente su entrambi */
  font-size: 1rem !important;
  line-height: 1.25 !important;
  font-weight: 600;
  font-family: inherit;

  /* estetica */
  border-radius: 8px;
  padding: .7em 1.2em !important;
  text-decoration: none !important;
  vertical-align: middle;
  cursor: pointer;
  transition: filter .15s ease-in-out, transform .02s ease-in-out;
  white-space: nowrap;                 /* larghezza determinata dal testo */
}

/* se il tema aggiunge pseudo-icone, non riservare spazio */
.se-actions .se-btn::before { content: none !important; }

/* colori di default: entrambi uguali (override inline/setting se presenti) */
.se-actions .se-btn--download,
.se-actions .se-btn--notify {
  background: #ac9d87 !important;
  color: #ffffff !important;
}

/* hover/focus/active */
.se-actions .se-btn:hover,
.se-actions .se-btn:focus { filter: brightness(0.94); }
.se-actions .se-btn:active { transform: translateY(1px); }

/* ─────────────────────────────────────────────────────────────
   Galleria evento – 4 / 2 / 1 colonne
   ───────────────────────────────────────────────────────────── */

.se-gallery { margin-top: 1.25rem; }

.se-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.se-gallery-item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  aspect-ratio: 1 / 1;
}
.se-gallery-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .22s ease-in-out;
}
.se-gallery-item:hover .se-gallery-img,
.se-gallery-item:focus .se-gallery-img { transform: scale(1.02); }

/* Tablet verticale & smartphone orizzontale */
@media (max-width: 1024px) {
  .se-gallery-grid { grid-template-columns: repeat(2, 1fr); }
}
/* Smartphone verticale */
@media (max-width: 640px) {
  .se-gallery-grid { grid-template-columns: 1fr; }
}