/* MPB 3.17 — uniquement Prendre rendez-vous (modèle MPB — Rendez-vous).
   1. Photo du cabinet agrandie à la hauteur du panneau d'information.
   2. Pied de page remonté sans hauteur forcée.
   3. Maintenir des textes lisibles et le téléphone sous l'adresse.
   Aucun changement sur les autres pages ni les pages Potion Digitale. */

/* Début de page légèrement plus haut pour retrouver le rythme de la maquette. */
html body.mpb-site main.rdv-page {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 17px !important;
  padding-bottom: 15px !important;
}
html body.mpb-site main.rdv-page .small-underline {
  margin-top: 8px !important;
  margin-bottom: 17px !important;
}

/* Une seule ligne : la photo occupe toute la hauteur du panneau de droite.
   L'image ne détermine pas la hauteur de la grille, ce qui évite de descendre le footer. */
@media (min-width: 761px) {
  html body.mpb-site main.rdv-page .rdv-layout {
    display: grid !important;
    grid-template-columns: minmax(295px, 35%) minmax(0, 1fr) !important;
    gap: 17px !important;
    align-items: stretch !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card {
    position: relative !important;
    align-self: stretch !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card > img.cover-img,
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card > .photo-to-select {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 12px !important;
    padding: 0 !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card > img.cover-img {
    object-fit: cover !important;
    object-position: inherit !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card > .photo-to-select {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px !important;
  }
}

/* Relever le footer en retirant seulement des marges trop généreuses,
   sans réduire la taille de la police du texte informatif. */
html body.mpb-site main.rdv-page .rdv-layout > .rdv-information {
  padding: 20px 24px 19px !important;
}
html body.mpb-site main.rdv-page .rdv-choice .choice-button {
  min-height: 70px !important;
}
html body.mpb-site main.rdv-page .rdv-choice > span {
  min-height: 32px !important;
}
html body.mpb-site main.rdv-page .rdv-callout {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
html body.mpb-site main.rdv-page .rdv-information .rdv-details > div {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
html body.mpb-site main.rdv-page .rdv-information .rdv-details h2 {
  margin-bottom: 8px !important;
}

/* Ne toucher qu'au pied de page associé à « Prendre rendez-vous ». */
html body.mpb-site main.rdv-page + footer.site-footer .footer-decoration {
  height: 7px !important;
}
html body.mpb-site main.rdv-page + footer.site-footer .footer-links-wrap {
  padding-top: 5px !important;
}

@media (min-width: 761px) and (max-width: 1050px) {
  html body.mpb-site main.rdv-page .rdv-layout {
    grid-template-columns: minmax(245px, 34%) minmax(0, 1fr) !important;
    gap: 13px !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-information {
    padding: 17px 16px 17px !important;
  }
  html body.mpb-site main.rdv-page .rdv-choice .choice-button {
    min-height: 66px !important;
  }
}
@media (max-width: 760px) {
  html body.mpb-site main.rdv-page {
    padding-top: 18px !important;
    padding-bottom: 25px !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    align-items: start !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: clamp(300px, 95vw, 450px) !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card > img.cover-img,
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card > .photo-to-select {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card > img.cover-img {
    object-fit: cover !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-image-card > .photo-to-select {
    display: flex !important;
  }
  html body.mpb-site main.rdv-page .rdv-layout > .rdv-information {
    padding: 18px 16px 18px !important;
  }
  html body.mpb-site main.rdv-page .rdv-choice > span {
    min-height: 0 !important;
  }
}