/* Boutons d'action : même comportement partout sur mobile
   (pleine largeur, même hauteur, même taille de texte) ; les boutons de bannière restent côte à côte. */
@media(max-width:760px){
  
  body main .button,
  body main .btn,
  body main .btn-hero-outline{
    display:flex;align-items:center;justify-content:center;gap:12px;
    box-sizing:border-box;width:100%!important;min-height:52px!important;padding:14px 22px!important;
    font-size:15px!important;line-height:1.25;white-space:normal!important;text-align:center;
  }
  body main .button svg,body main .btn svg{flex-shrink:0}

  /* Bandeau d'appel à l'action : deuxième lien présenté comme un bouton */
  body .cta{flex-direction:column;align-items:stretch;gap:12px}
  body .cta>div{flex-basis:auto}
  body .cta>a:last-child{
    display:flex;align-items:center;justify-content:center;box-sizing:border-box;
    min-height:52px;padding:14px 22px;border:1px solid rgba(255,255,255,.75);border-radius:40px;
    color:#fff;font-size:15px;font-weight:700;text-align:center;
  }
  body .school-cta .btn{margin-top:20px}

  /* Boutons des bannières : côte à côte, comme avant */
  body .actions,
  body .school-hero-actions{width:auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px}
  body main .actions .button,
  body main .school-hero-actions .btn,
  body main .directory-hero .btn{
    width:auto!important;flex:0 1 auto;min-height:48px!important;padding:12px 18px!important;
    font-size:clamp(12px,3.4vw,14px)!important;gap:8px;white-space:nowrap!important;
  }
}
@media(max-width:380px){
  body .actions,body .school-hero-actions{gap:8px}
  body main .actions .button,
  body main .school-hero-actions .btn,
  body main .directory-hero .btn{padding:12px 12px!important;gap:6px;font-size:12px!important}
  body main .actions .button svg,body main .school-hero-actions .btn svg{width:15px;height:15px}
}
@media(max-width:340px){
  body main .actions .button,
  body main .school-hero-actions .btn{padding:12px 9px!important;font-size:11px!important}
}

/* Bannière de l'accueil : texte descendu, plus d'espace sous le header */
@media(max-width:760px){
  body.page-home .hero-copy{padding-top:68px}
  body.page-home .home-hero{height:auto;min-height:515px;padding-bottom:96px}
}

/* Boutons des bannières, toutes langues : toujours côte à côte et jamais coupés. Les deux boutons se partagent la largeur à parts
   égales et leur texte, plus long en espagnol ou en portugais, passe à la ligne DANS le bouton au lieu de déborder de l'écran. */
@media(max-width:560px){
  body .actions,body .school-hero-actions{flex-wrap:nowrap;width:100%;max-width:100%}
  body main .actions .button,
  body main .school-hero-actions .btn,
  body main .directory-hero .btn{
    flex:1 1 0!important;min-width:0!important;max-width:100%;white-space:normal!important;line-height:1.2;text-align:center;
    justify-content:center;padding:10px 12px!important;overflow-wrap:anywhere;
  }
  body main .actions .button svg,body main .school-hero-actions .btn svg{flex:none}
}
@media(max-width:400px){
  body main .actions .button svg,body main .school-hero-actions .btn svg{display:none}
}

/* Bannière des écoles : un seul bouton « Se connecter », petit et aligné à gauche (jamais pleine largeur). */
@media(max-width:560px){
  body main .school-hero-actions{display:flex;justify-content:flex-start}
  body main .school-hero-actions .btn.school-login{
    flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:44px!important;
    padding:10px 20px!important;font-size:13px!important;white-space:nowrap!important;gap:10px;
  }
}