/* Astra V9 — ajustements visuels ciblés demandés, sans refonte du site. */

/* En-tête — reprise complète du bandeau d’Astra V3 sur ordinateur.
   On ne touche pas aux couleurs : mêmes proportions, identité, navigation et boutons que la V3,
   avec une présence visuelle nettement plus lisible. */
@media(min-width:1051px){
  .header-inner{height:106px;gap:22px;}
  .header .brand{min-width:330px;gap:16px;}
  .header .brand-monogram{width:58px;height:58px;font-size:2rem;}
  .header .brand-rule{height:46px;}
  .header .brand-name{font-size:1.22rem;letter-spacing:.16em;line-height:1.12;}
  .header .brand-sub{font-size:.72rem;letter-spacing:.10em;line-height:1.25;margin-top:7px;}
  .header .nav{gap:28px;font-size:.98rem;}
  .header .nav a{padding:40px 0 37px;}
  .header-actions{gap:11px;}
  .header-actions .pill{font-size:.98rem;padding:13px 19px;}
}

/* Pathologies > Quand consulter : redonner plus de présence au bloc Urgences. */
@media(min-width:1051px){
  .consultation-urgency-section .content-grid{
    grid-template-columns:minmax(0,1fr) minmax(360px,420px);
    gap:56px;
  }
  .consultation-urgency-section .urgent-card{
    padding:32px 34px;
    min-height:100%;
  }
}
.consultation-urgency-section .urgent-card h3{
  font-size:1.9rem !important;
  line-height:1.18;
}

/* SOS Calculs : confort de lecture accru. */
.sos-calculs-page .sos-access{
  font-size:1.04rem;
}
.sos-calculs-page .sos-access .intro,
.sos-calculs-page .sos-access > .container > p,
.sos-calculs-page .sos-option p,
.sos-calculs-page .emergency-box p{
  font-size:1rem;
}
.sos-calculs-page .sos-route strong{
  font-size:1.24rem;
  line-height:1.35;
  font-weight:700;
  color:var(--ink);
}
.sos-calculs-page .sos-route p{
  font-size:.98rem;
  line-height:1.7;
  margin-top:9px;
}
.sos-calculs-page .route-number{
  font-size:1.65rem;
}
.sos-calculs-page .sos-option h3{
  font-size:1.7rem;
}
@media(max-width:640px){
  .header .brand-name{font-size:.86rem;line-height:1.12;}
  .header .brand-sub{font-size:10px;}
  .sos-calculs-page .sos-access{font-size:1rem;}
  .sos-calculs-page .sos-route strong{font-size:1.16rem;}
  .sos-calculs-page .sos-route p{font-size:.96rem;}
  .consultation-urgency-section .urgent-card{padding:28px 24px;}
}

/* Correction mobile V9 — comportement strictement calé sur Astra V3.
   Important : pas de viewport-fit=cover, afin que Safari conserve sa zone d’interface blanche
   et que le bandeau fixe suive naturellement le bas de la fenêtre visible lors du défilement. */
@media(max-width:1050px){
  .mobile-bar{
    position:fixed !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:90 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    height:64px !important;
    padding:0 !important;
    margin:0 !important;
    box-shadow:0 -4px 20px rgba(8,40,56,.10);
  }
  .mobile-bar a{
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:.9rem;font-weight:650;line-height:1.35;
    padding:10px;text-align:center;
  }
  .mobile-bar .msos{background:var(--red2);}
  .mobile-bar .mrdv{background:var(--navy);}
  body{padding-bottom:64px !important;}
  .footer{padding-bottom:45px;}
}

/* iOS 26 / Safari — garder le chrome inférieur blanc.
   Safari teinte son interface à partir du background des éléments fixed proches du bord.
   Le conteneur fixed reste donc transparent; les deux boutons portent seuls leurs couleurs. */
@media(max-width:1050px){
  html,body{background-color:#fff !important;}
  .mobile-bar{
    background-color:transparent !important;
    background-image:none !important;
    -webkit-backdrop-filter:saturate(100%);
    backdrop-filter:saturate(100%);
  }
  .mobile-bar .msos{background-color:var(--red2) !important;}
  .mobile-bar .mrdv{background-color:var(--navy) !important;}
}


/* Astra V10 — accueil : coupure typographique uniquement sur mobile. */
.rdv-mobile-break{display:none;}
.rdv-nowrap{white-space:nowrap;}
@media(max-width:640px){
  .rdv-mobile-break{display:inline;}
}