/**
 * Modulo: Presentation
 * File: presentation.css
 * 
 * Usa il sistema CSS esistente: h1, h2, p, .card-tag, .container, .row, .col-*
 */

/* Block principale */
.presentation {
  background: var(--gradient-dark);
  color: var(--text-primary);
  min-height: 100vh;
  width: 100%;
}

/* Contenuto */
.presentation_content {
  padding: var(--space-3xl) var(--space-md);
  max-width: 900px;
  margin: auto;
}

/* Colonne - Desktop */
.presentation__image-col {
  order: 2;
  height: 100%;
}

.presentation__text-col {
  order: 1;
}

/* Immagine a sinistra su desktop */
.presentation--image-left .presentation__image-col {
  order: 1;
}

.presentation--image-left .presentation__text-col {
  order: 2;
}

/* Immagine a destra su desktop */
.presentation--image-right .presentation__image-col {
  order: 2;
  /* height: 100%; */
}

.presentation--image-right .presentation__text-col {
  order: 1;
}

/* Wrapper immagine */
.presentation_image-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
  min-height: 11vh;
}

/* Immagine */
.presentation_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Statistiche - usa .card-tag esistente */
.presentation_stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  flex-direction: row;
}

/* Responsive - Mobile */
@media (max-width: 768px) {
  /* Su mobile: SEMPRE immagine prima, testo dopo */
  .presentation__image-col {
    order: 1;
  }
  .row--align-center{
    min-height: 100px!important;
  }
  
  .presentation__text-col {
    order: 2!important;
  }
  
  .presentation_image-wrapper {
    height: 50vh;
    min-height: 300px;
  }
  
  .presentation_stats {
    gap: var(--space-xs);
  }
  
  .presentation_content {
    padding: var(--space-xl) var(--space-md);
  }
}