/* responsive.css — HerCall
   Global responsive improvements (low-risk overrides)

   IMPORTANT :
   - Ce fichier ne gère PLUS le gabarit 90% des onglets.
   - Le gabarit est centralisé dans public/css/tab_shell.css pour éviter les conflits.
*/

:root{
  /* Consistent capped fluid width for shells (header/footer + common containers) */
  --hc-shell: min(1200px, 92vw);
}

/* Prevent accidental horizontal scroll on tablet (e.g., negative margins) */
html{ overflow-x: clip; }
@supports not (overflow-x: clip){
  html{ overflow-x: hidden; }
}

/* Header/Footer containers: 75% is too narrow on tablet; use a capped fluid width. */
.site-header .container.nav-row,
.site-footer .container.nav-row{
  max-width: var(--hc-shell);
}

/* Allow the top nav row to wrap gracefully on tablet widths */
@media (max-width: 980px){
  .container.nav-row{ flex-wrap: wrap; row-gap: 10px; }
  .nav{ flex-wrap: wrap; justify-content: flex-end; }
  .lang-switch{ margin-left: 0; }
}

/* Slightly tighter padding on medium screens */
@media (max-width: 900px){
  .site-header .container.nav-row,
  .site-footer .container.nav-row{
    padding-left: 14px;
    padding-right: 14px;
  }
}