/* Bandeau presse et pied de page — composants Figma « Footer » et « Footer - Mobile » */

.presse { background: var(--degrade-gris); }
.presse__contenu { display: flex; flex-direction: column; align-items: center; gap: 12px; padding-block: 42px 29px; }
.presse__titre { font: 600 32px/38.4px var(--police-titre); color: var(--titre); min-height: 50px; text-align: center; }
.presse__logos { display: flex; justify-content: space-between; align-items: center; width: min(900px, 100%); min-height: 100px; }
.presse__logo--top-sante { width: 109px; height: 69px; }
.presse__logo--doctissimo { width: 237.5px; height: 37.5px; }
.presse__logo--futura { width: 100px; height: 100px; }

.pied { background: var(--noir); color: var(--blanc); }
.pied__grille {
  display: grid;
  grid-template-columns: 290px 224px 269px 284px 1fr;
  align-items: start;
  min-height: 492px;
  padding-block: 80px 48px;
}
.pied__logo .logo { width: 165px; height: 97px; }
.pied__description { width: 188px; margin-top: 48px; font: 400 16px/24px var(--police-texte); }
.pied__colonne { padding-top: 2px; }
.pied__titre { font: 600 16px/24px var(--police-texte); }
.pied__titre button { cursor: default; display: flex; align-items: center; justify-content: space-between; width: 100%; }
.pied__titre .icone { display: none; }
.pied__liens { margin-top: 24px; font: 400 16px/24px var(--police-texte); color: rgba(255, 255, 255, .6); max-width: 203px; }
.pied__liens a:hover { color: var(--blanc); }
.pied__reseaux { display: flex; align-items: center; gap: 24px; height: 25px; margin-top: 32px; }
.pied__reseaux a { display: grid; place-items: center; }
.pied__reseaux .icone--reseau-facebook { width: 11px; height: 21px; }
.pied__reseaux .icone--reseau-instagram { width: 20px; height: 20px; }
.pied__reseaux img { width: 24px; height: 25px; }
.pied__reseaux .icone--reseau-youtube { width: 28px; height: 21px; }
.pied__copyright { display: none; }

@media (max-width: 1199px) and (min-width: 768px) {
  .pied__grille { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 40px; }
  .pied__marque { grid-column: 1 / -1; display: flex; align-items: center; gap: 48px; }
  .pied__description { margin-top: 0; width: auto; max-width: 420px; }
}

@media (max-width: 767px) {
  .presse__contenu { padding-block: 39px 47px; }
  .presse__titre { font-size: 24px; line-height: 28.8px; min-height: 50px; display: grid; align-items: center; }
  .presse__logos { min-height: 52px; }
  .presse__logo--top-sante { width: 73px; height: 46px; }
  .presse__logo--doctissimo { width: 108px; height: 17px; }
  .presse__logo--futura { width: 52px; height: 52px; }

  .pied__grille { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding-block: 32px; gap: 0; }
  .pied__marque { display: contents; }
  .pied__logo { order: 1; }
  .pied__logo .logo { width: 102px; height: 60px; }
  .pied__description { order: 2; width: auto; margin: 24px 0; font-size: 14px; line-height: 18px; color: rgba(255, 255, 255, .6); }
  .pied__colonne { order: 3; padding-top: 0; }
  .pied__colonne + .pied__colonne { margin-top: 12px; }
  .pied__titre button {
    cursor: pointer;
    min-height: 48px;
    padding-block: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .13);
    font: 600 14px/17.6px var(--police-texte);
  }
  .pied__titre .icone { display: block; width: 24px; height: 24px; transition: transform .2s ease; }
  .pied__titre button[aria-expanded="true"] .icone { transform: rotate(180deg); }
  .pied__liens { margin: 0; max-width: none; padding: 8px 0 4px; font-size: 14px; line-height: 20px; display: grid; gap: 6px; }
  .pied__liens[hidden] { display: none; }
  .pied__colonne--reseaux { display: contents; }
  .pied__colonne--reseaux .pied__titre { order: 3; margin-top: 12px; }
  .pied__reseaux { order: 4; justify-content: center; margin-top: 24px; }
  .pied__copyright { order: 5; display: block; margin-top: 16px; text-align: center; font: 400 11px/13.9px var(--police-texte); color: rgba(255, 255, 255, .4); }
}

.pied__titre button:disabled { color: inherit; opacity: 1; }