/*
 * popup_globale — styles
 * Valeurs converties depuis les fonctions SCSS du thème :
 *   ptvd(x) = x / 1440 * 100vw   (desktop)
 *   ptvm(x) = x / 375  * 100vw   (mobile, max-width: 760px)
 */


/* ============================================================
   Mini popup — bandeau latéral gauche (.pg_popup.pg_mini)
   ============================================================ */

.pg_popup.pg_mini {
  position: fixed;
  left: 0;
  top: calc(86 / 1440 * 100vw);        /* ptvd(86) */
  padding: calc(12 / 1440 * 100vw) calc(16 / 1440 * 100vw); /* ptvd(12) ptvd(16) */
  z-index: 100;
  transform: translateX(-110%);
  transition: transform 0.5s ease-out;
  max-width: calc(280 / 1440 * 100vw); /* ptvd(280) */
}

.pg_popup.pg_mini.pg_mini--visible {
  transform: translateX(0);
}

.pg_popup.pg_mini .pg_close {
  position: absolute;
  top: calc(6 / 1440 * 100vw);        /* ptvd(6) */
  right: calc(8 / 1440 * 100vw);      /* ptvd(8) */
  background: transparent;
  border: none;
  font-size: calc(18 / 1440 * 100vw); /* ptvd(18) */
  line-height: 1;
  cursor: pointer;
  color: inherit;
  opacity: 0.7;
}

.pg_popup.pg_mini .pg_close:hover {
  opacity: 1;
}

.pg_popup.pg_mini .pg_mini_inner {
  display: flex;
  flex-direction: column;
  gap: calc(6 / 1440 * 100vw);        /* ptvd(6) */
}

.pg_popup.pg_mini p.pg_mini_titre {
  font-family: "Cormorant";
  font-size: calc(18 / 1440 * 100vw); /* ptvd(18) */
  font-style: italic;
  font-weight: 600;
  line-height: 110%;
}

.pg_popup.pg_mini p.pg_mini_desc {
  font-family: "Raleway";
  font-size: calc(12 / 1440 * 100vw); /* ptvd(12) */
  font-weight: 300;
  line-height: 130%;
}

.pg_popup.pg_mini .pg_cta_btn {
  display: inline-block;
  margin-top: calc(8 / 1440 * 100vw);       /* ptvd(8) */
  padding: calc(6 / 1440 * 100vw) calc(12 / 1440 * 100vw); /* ptvd(6) ptvd(12) */
  font-family: "Raleway";
  font-size: calc(12 / 1440 * 100vw); /* ptvd(12) */
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  transition: opacity 0.2s;
}

.pg_popup.pg_mini .pg_cta_btn:hover {
  opacity: 0.8;
}

@media (max-width: 760px) {
  .pg_popup.pg_mini {
    top: calc(82 / 375 * 100vw);           /* ptvm(82) */
    padding: calc(10 / 375 * 100vw) calc(12 / 375 * 100vw); /* ptvm(10) ptvm(12) */
    max-width: calc(240 / 375 * 100vw);    /* ptvm(240) */
  }

  .pg_popup.pg_mini .pg_close {
    top: calc(6 / 375 * 100vw);            /* ptvm(6) */
    right: calc(8 / 375 * 100vw);          /* ptvm(8) */
    font-size: calc(16 / 375 * 100vw);     /* ptvm(16) */
  }

  .pg_popup.pg_mini .pg_mini_inner {
    gap: calc(6 / 375 * 100vw);            /* ptvm(6) */
  }

  .pg_popup.pg_mini p.pg_mini_titre {
    font-size: calc(18 / 375 * 100vw);     /* ptvm(18) */
  }

  .pg_popup.pg_mini p.pg_mini_desc {
    font-size: calc(12 / 375 * 100vw);     /* ptvm(12) */
  }

  .pg_popup.pg_mini .pg_cta_btn {
    margin-top: calc(8 / 375 * 100vw);     /* ptvm(8) */
    padding: calc(6 / 375 * 100vw) calc(12 / 375 * 100vw); /* ptvm(6) ptvm(12) */
    font-size: calc(12 / 375 * 100vw);     /* ptvm(12) */
  }
}


/* ============================================================
   Grande popup — overlay centré (.pg_overlay)
   ============================================================ */

.pg_overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.80);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

/* jQuery fadeIn() passe à display:block — on force le flex quand visible */
.pg_overlay[style*="display: block"],
.pg_overlay[style*="display:block"] {
  display: flex !important;
}

.pg_overlay .pg_grande_content {
  position: relative;
  width: 90%;
  max-width: calc(960 / 1440 * 100vw); /* ptvd(960) */
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 0 calc(30 / 1440 * 100vw) rgba(0, 0, 0, 0.5); /* ptvd(30) */
}

.pg_overlay .pg_close {
  position: absolute;
  top: calc(10 / 1440 * 100vw);        /* ptvd(10) */
  right: calc(14 / 1440 * 100vw);      /* ptvd(14) */
  background: transparent;
  border: none;
  font-size: calc(28 / 1440 * 100vw);  /* ptvd(28) */
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  opacity: 0.8;
}

.pg_overlay .pg_close:hover {
  opacity: 1;
}

.pg_overlay .pg_grande_image {
  width: 100%;
  height: calc(400 / 1440 * 100vw);    /* ptvd(400) */
  overflow: hidden;
}

.pg_overlay .pg_grande_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pg_overlay .pg_grande_desc {
  padding: calc(28 / 1440 * 100vw) calc(32 / 1440 * 100vw); /* ptvd(28) ptvd(32) */
  font-family: "Raleway";
  font-size: calc(18 / 1440 * 100vw);  /* ptvd(18) */
  line-height: 150%;
  text-align: center;
}

.pg_overlay .pg_grande_cta {
  display: flex;
  justify-content: center;
  padding-bottom: calc(28 / 1440 * 100vw); /* ptvd(28) */
}

.pg_overlay .pg_cta_btn {
  display: inline-block;
  padding: calc(12 / 1440 * 100vw) calc(32 / 1440 * 100vw); /* ptvd(12) ptvd(32) */
  font-family: "Raleway";
  font-size: calc(14 / 1440 * 100vw);  /* ptvd(14) */
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  transition: opacity 0.2s;
}

.pg_overlay .pg_cta_btn:hover {
  opacity: 0.8;
}

@media (max-width: 760px) {
  .pg_overlay .pg_grande_content {
    max-width: 100%;
    box-shadow: 0 0 calc(20 / 375 * 100vw) rgba(0, 0, 0, 0.5); /* ptvm(20) */
  }

  .pg_overlay .pg_close {
    top: calc(8 / 375 * 100vw);          /* ptvm(8) */
    right: calc(12 / 375 * 100vw);       /* ptvm(12) */
    font-size: calc(22 / 375 * 100vw);   /* ptvm(22) */
  }

  .pg_overlay .pg_grande_image {
    height: calc(220 / 375 * 100vw);     /* ptvm(220) */
  }

  .pg_overlay .pg_grande_desc {
    padding: calc(20 / 375 * 100vw) calc(16 / 375 * 100vw); /* ptvm(20) ptvm(16) */
    font-size: calc(15 / 375 * 100vw);   /* ptvm(15) */
  }

  .pg_overlay .pg_grande_cta {
    padding-bottom: calc(20 / 375 * 100vw); /* ptvm(20) */
  }

  .pg_overlay .pg_cta_btn {
    padding: calc(10 / 375 * 100vw) calc(24 / 375 * 100vw); /* ptvm(10) ptvm(24) */
    font-size: calc(13 / 375 * 100vw);   /* ptvm(13) */
  }
}