/* =========================================================
   SITE ANAÏS TALLET — VERSION MOBILE / TABLETTE
   ---------------------------------------------------------
   Chargé uniquement jusqu'à 900px.
   Ce fichier surcharge style.css.
   ========================================================= */

/* 1) TABLETTE / MOBILE */
.hero-contenu{transform:none}
.desktop-spacer{display:none}

/* SPÉCIALITÉS MOBILE : cartes individuelles */
.specialites{
  grid-template-columns:1fr;
  gap:24px;

  /* Annule le décalage négatif de la version ordinateur */
  margin-top:0;

  /* Espace autour des cartes */
  padding:30px 18px 50px;
}
.specialite{
  padding:28px 20px 30px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(13,68,125,.12);
  border-radius:20px;
  text-align:center;
}
/* Plus de trait entre les cartes sur mobile */
.specialite+.specialite{
  border-left:0;
  border-top:0;
  padding-top:28px;
}
/* Sur mobile, les titres n'ont pas besoin d'une hauteur identique */
.specialite h2{
  min-height:0;
}
.presentation{
  grid-template-columns:1fr;
  gap:35px;
}
.ouverture{grid-template-columns:72px 1fr}
.ouverture > div:nth-child(2){padding-left:0;max-width:520px;width:100%;margin:0 auto;}
.ouverture p{text-align:center;max-width:500px;margin:8px auto 0;}
.bouton-indisponible{grid-column:1/-1}
.informations{grid-template-columns:1fr}
.information+.information{
  border-left:0;
  border-top:1px solid rgba(30,50,70,.15);
}

/* 2) TÉLÉPHONES */
@media (max-width:600px){
  .hero{
    height:auto;
    min-height:430px;
    padding:60px 20px 50px;
    overflow:visible;
  }

  .hero h1{font-size:3.7rem}

  .profession{
    margin-top:18px;
    letter-spacing:.16em;
    font-size:1.05rem;
  }

  .separateur{
    width:210px;
    max-width:75vw;
    margin-top:14px;
    gap:10px;
  }

  .separateur span{
    width:9px;
    height:9px;
    flex:0 0 9px;
  }

  .citation-yalom{
    margin-top:14px;
    padding:0 8px;
  }

  .citation-yalom p{
    font-size:1rem;
    line-height:1.5;
  }

  .citation-yalom .citation-auteur{
    margin-top:6px;
    white-space:normal;
    font-size:.9rem;
  }

  .citation-yalom p br{display:none}

  .logo-tete{
    width:72px;
    top:18px;
    left:50%;
    transform:translateX(-50%);
  }

  .botanique-droite{display:none}
  .decor-top{width:330px;height:360px}
  .decor-left{width:260px;height:470px;bottom:-150px}

  .ouverture{
    grid-template-columns:1fr;
    text-align:center;
    padding:22px;
  }

  .icone-cercle.grande{margin:auto}

  footer{
    flex-direction:column;
    align-items:center;
    gap:6px;
  }

  footer span{display:none}
}