/**
 * Memorial Block - Styles
 *
 * Styles spécifiques pour le bloc Memorial
 *
 * @package CM98
 * @version 1.0.0
 */

/* ============================================
   SECTION MEMORIAL - BASE
   ============================================ */

.memorial-section {
  position: relative;
}

/* ============================================
   IMAGE
   ============================================ */

.memorial-image-wrapper {
  position: relative;
  overflow: hidden;
}

.memorial-image-wrapper img {
  transition: transform 0.5s ease;
}

.memorial-image-wrapper:hover img {
  transform: scale(1.03);
}

/* ============================================
   DESCRIPTION - PROSE OVERRIDE
   ============================================ */

.memorial-description p {
  margin-bottom: 1rem;
}

.memorial-description p:last-child {
  margin-bottom: 0;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 767px) {
  .memorial-content,
  .memorial-media {
    width: 100%;
  }

  .memorial-ctas {
    flex-direction: column;
  }

  .memorial-ctas a {
    width: 100%;
    text-align: center;
  }
}

/* ============================================
   REDUCED MOTION - ACCESSIBILITÉ
   ============================================ */

@media (prefers-reduced-motion: reduce) {
  .memorial-image-wrapper img {
    transition: none;
  }

  .memorial-image-wrapper:hover img {
    transform: none;
  }
}

/* ============================================
   PLACEHOLDER ÉDITEUR GUTENBERG
   ============================================ */

.memorial-section .acf-placeholder {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed #ccc;
  border-radius: 8px;
  background-color: #f9f9f9;
}