/* v136.31 — nav 5 onglets parfaitement égaux + Notifications overlay. */

/* La cloche du header est supprimée du HTML ; ceci protège aussi les vieux caches. */
#notification-open { display:none !important; }

.ca-bottom-nav,
html.is-ios .ca-bottom-nav,
html.is-macos .ca-bottom-nav {
  display:flex !important;
  flex-direction:row !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  gap:0 !important;
  padding-left:max(4px, calc(var(--safe-left) + 4px)) !important;
  padding-right:max(4px, calc(var(--safe-right) + 4px)) !important;
  transform:translateY(5px) !important;
}

.ca-bottom-nav > .ca-bottom-link,
.ca-bottom-nav > .ca-bottom-button,
html.is-ios .ca-bottom-nav > .ca-bottom-link,
html.is-ios .ca-bottom-nav > .ca-bottom-button,
html.is-macos .ca-bottom-nav > .ca-bottom-link,
html.is-macos .ca-bottom-nav > .ca-bottom-button {
  flex:1 1 0 !important;
  width:20% !important;
  min-width:0 !important;
  max-width:20% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
}

/* Neutralise les anciens placements grid explicites iOS. */
html.is-ios .ca-bottom-nav > :nth-child(1),
html.is-ios .ca-bottom-nav > :nth-child(2),
html.is-ios .ca-bottom-nav > :nth-child(3),
html.is-ios .ca-bottom-nav > :nth-child(4),
html.is-ios .ca-bottom-nav > :nth-child(5) {
  grid-column:auto !important;
  grid-row:auto !important;
}

.ca-bottom-nav .ca-bottom-icon-frame,
.ca-bottom-nav .ca-bottom-icon {
  flex:0 0 auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.ca-bottom-nav > .ca-bottom-link > span:last-child,
.ca-bottom-nav > .ca-bottom-button > span:last-child {
  width:100% !important;
  min-width:0 !important;
  text-align:center !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}

#ca-bottom-notifications > span:last-child {
  font-size:8.5px !important;
}

body[data-active-nav="notifications"] .ca-bottom-link[data-ca-target="notifications"] {
  color:var(--ca-accent) !important;
  font-weight:750 !important;
}
body[data-active-nav="notifications"] .ca-bottom-link[data-ca-target="notifications"] .ca-bottom-icon {
  transform:translateY(-1px) !important;
  stroke-width:2.25 !important;
}

/* Notifications est un panneau au-dessus de la page, mais la nav reste visible. */
body.notification-sheet-open .ca-bottom-nav {
  z-index:90 !important;
  display:flex !important;
}
body.notification-sheet-open #notification-sheet {
  z-index:72 !important;
}
body.notification-sheet-open #notification-sheet .notification-panel {
  padding-bottom:calc(var(--safe-bottom) + 78px) !important;
}