/* ==========================================================================
   Archijeunes FSE – Decorations
   Décors de page (éléments visuels décoratifs)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Structure de base
   -------------------------------------------------------------------------- */

/* Ancre pour les absolutes */
.page-decor-wrap {
  position: relative;
}

/* Le contenu au-dessus */
.page-decor-wrap main {
  position: relative;
  z-index: 2;
}

/* Couche décor sous le main */
.page-decor-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
}

/* --------------------------------------------------------------------------
   Base décor
   -------------------------------------------------------------------------- */

.page-decor-layer .decor {
  position: absolute;
  top: 0;
  width: 340px;
  height: 340px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
}

@media (max-width: 1200px) {
  .page-decor-layer .decor {
    display: none;
  }
}

/* --------------------------------------------------------------------------
   Décors spécifiques
   -------------------------------------------------------------------------- */

/* Décor gauche */
.page-decor-layer .decor-left {
  left: 0;
  top: 180vh;
  transform: translateX(5%) scale(0.8);
  background-image: url("../../images/svg/decor-2.svg");
}

/* Décor droit */
.page-decor-layer .decor-right {
  right: 0;
  top: 70vh;
  transform: translateX(-5%) scale(0.8);
  background-image: url("../../images/decor-1.png");
}

/* Décor droit centré */
.page-decor-layer .decor-right-center {
  right: 0;
  top: 350vh;
  transform: translateX(5%) scale(0.9);
  background-image: url("../../images/decor-3.png");
}