/**
 * App Android uniquement (html.pc-android-app).
 * Les icônes système (heure, réseau, triangle/rond/carré) sont claires :
 * bandes bleu #034AAA derrière, pour le contraste.
 * Le site dans Chrome n’est pas modifié.
 */
html.pc-android-app {
  --pc-android-status: 48px;
  --pc-android-nav: 48px;
  --pc-android-bar: #034AAA;
  --pc-bottom-nav-height: calc(4.25rem + var(--pc-android-nav));
  --site-header-height: calc(68px + var(--pc-android-status));
}

/* Bande derrière les boutons système Retour / Accueil / Apps */
html.pc-android-app::after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--pc-android-nav);
  background: var(--pc-android-bar);
  z-index: 4000;
  pointer-events: none;
}

html.pc-android-app .navbar.fixed-top,
html.pc-android-app .navbar.site-header {
  top: 0 !important;
  padding-top: calc(0.4rem + var(--pc-android-status)) !important;
  padding-bottom: 0.4rem !important;
  min-height: 0 !important;
  background-image: none !important;
  background-color: #fff !important;
  box-sizing: border-box;
}

html.pc-android-app body {
  padding-top: var(--site-header-height) !important;
}

html.pc-android-app .flash-messages {
  margin-top: var(--site-header-height) !important;
}

html.pc-android-app .pc-bottom-nav {
  bottom: var(--pc-android-nav) !important;
  padding-top: 4px !important;
  padding-bottom: 6px !important;
  z-index: 1030;
}

html.pc-android-app .pro-topbar {
  margin-top: 0 !important;
  padding-top: 0 !important;
  height: var(--pro-topbar-h, 60px) !important;
  background-image: none !important;
  background-color: #fff !important;
}