/* Evento Domino — griglia carte e pagina storia.
   Unica sorgente di stile: questo file. Di proposito NON esiste
   un partial SCSS equivalente. Caricato da inc/domino.php dopo main.css. */

/* Gli unici colori del tema usati qui. Se il brand cambia si toccano
   questi due valori e sass/partials/_variabile.scss. */
:root {
  --domino-primary: #eb694f;      /* $primary */
  --domino-secondary: #273455;    /* $secondary */
}

.carte-domino-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  background: var(--domino-secondary);
}

.carta-domino {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: var(--domino-secondary);
  border: 0 solid #fff;
  transition: transform .25s cubic-bezier(.79, .14, .15, .86),
              box-shadow .25s ease;
}

.carta-domino__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carta-domino:hover,
.carta-domino:focus-visible {
  transform: scale(1.3);
  border-width: 6px;
  box-shadow: 0 0 8px #888;
  z-index: 9;
}

.carta-domino:focus-visible {
  outline: 3px solid var(--domino-primary);
  outline-offset: 2px;
}

/* Cella CTA: occupa le colonne libere dell'ultima riga */
.carta-domino-cta {
  grid-column: 1 / -1;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.carta-domino-cta__text { margin-bottom: 30px; }

/* --- Pagina della storia --- */

.carta-domino-occhiello {
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--domino-primary);
  margin-bottom: 8px;
}

.carta-domino-abstract {
  font-size: 18px;
  font-style: italic;
  line-height: 1.6;
  color: #646464;
}

.carta-domino-storia { font-size: 1.05rem; }
.carta-domino-storia p { margin-bottom: 1.4em; }
.carta-domino-storia img { max-width: 100%; height: auto; }

.carta-domino-ente { background: #eeeded; padding: 40px 0; margin-top: 40px; }
.carta-domino-ente h3 {
  font-size: 24px; font-weight: 500; line-height: 30px;
  color: var(--domino-primary); text-align: left; margin-bottom: 8px;
}
.carta-domino-ente__descr,
.carta-domino-ente__descr p {
  font-size: 18px; line-height: 27px; color: #383838; text-align: left;
}
.carta-domino-ente__descr p:last-child { margin-bottom: 0; }

/* Su touch l'hover si "appiccica": lo disattiviamo */
@media (hover: none) {
  .carta-domino:hover {
    transform: none;
    border-width: 0;
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .carta-domino { transition: none; }
}

@media screen and (max-width: 991px) {
  .carte-domino-wrapper { grid-template-columns: repeat(3, 1fr); }
  .carta-domino-cta { font-size: 18px; }
}

@media screen and (max-width: 575px) {
  .carte-domino-wrapper { grid-template-columns: repeat(2, 1fr); }
}