/* KenhoWeb Cadre Application GSP — guideeparsaparole.com.
   La barre du bas de l'application, sur les pages du ministère.
   Les valeurs visuelles sont REPRISES À L'IDENTIQUE de la barre du
   site personnel (module « KenhoWeb App Mobile » : fond bleu nuit
   rgba(11,28,51,.98), liseré doré #c9a227, icônes 21px, libellés
   10.5px/600, onglet actif doré, réserve de 72px en bas de page) —
   seule la mécanique d'affichage suit le patron des modules du
   ministère : tout est inerte sans la classe « kwapp » sur <html>
   (mode application, posée par le détecteur du module). Hors mode
   application, la barre n'existe pas visuellement et le site web ne
   change en rien. */

/* ── Hors mode application : la barre n'existe pas ── */
.kwgca-nav {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99998;
    background: rgba(11, 28, 51, .98);
    border-top: 2px solid #c9a227;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .35);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
    justify-content: space-around;
    align-items: stretch;
}

/* ── Mode application : la barre, comme sur le site personnel ── */
html.kwapp .kwgca-nav {
    display: flex;
}
html.kwapp body {
    padding-bottom: 72px;
}

/* Onglets et cloche partagent EXACTEMENT la présentation des
   onglets de la barre du site personnel. La cloche est un lien
   depuis la v1.0.2 (un bouton avant) ; la base neutre ci-dessous
   reste appliquée aux deux, puis l'habillage d'onglet. */
.kwgca-nav a,
.kwgca-nav a.kwgca-cloche {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-decoration: none;
    color: #dfe6f2;
    font-size: 10.5px;
    font-weight: 600;
    font-family: inherit;
    padding: 4px 2px;
    border: none;
    border-radius: 10px;
    background: none;
    cursor: pointer;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}
.kwgca-nav a .kwgca-ic,
.kwgca-nav a.kwgca-cloche .kwgca-ic {
    font-size: 21px;
    line-height: 1.15;
}
.kwgca-nav a.kwgca-active {
    color: #c9a227;
}

/* ── Pastille miroir de la cloche de la barre (v1.0.1) ─────────────
   Recopie visuelle de la pastille du module Notifications (même
   pilule rouge #d92b20, même format) : le script du module la tient
   en miroir de la vraie pastille (#kwgn-badge), masquée en mode
   application avec la cloche du haut (ci-dessous). Le lien devient
   le repère de positionnement. */
.kwgca-nav a.kwgca-cloche {
    position: relative;
}
.kwgca-badge {
    position: absolute;
    top: 0;
    left: calc(50% + 2px);
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    border: 2px solid #0b1c33;
    background: #d92b20;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    text-align: center;
    box-sizing: border-box;
}
.kwgca-badge[hidden] {
    display: none !important;
}

/* ── L'habit de l'application (v1.0.1) ─────────────────────────────
   En mode application SEULEMENT (classe « kwapp »), la page du
   ministère se lit comme une page de l'application — modèle du
   propriétaire : barre du bas avec SA cloche « Nouveautés », et
   SANS l'habit du site web.
   (1) L'en-tête du site (thème Astra, #masthead : logo et menu du
       site) disparaît. Le module Navigation Appli le masque déjà
       quand il est actif : la règle est reprise ici en filet, pour
       que l'habit tienne même si ce module-là est désactivé.
   (2) La cloche du HAUT du module Notifications (#kwgn-cloche —
       ancrée dans la barre du haut par son module, ou flottante en
       son absence) disparaît : en mode application, LA cloche est
       celle de la barre du bas. L'élément reste dans la page,
       simplement invisible : le bouton de la barre continue de le
       déclencher (clic programmatique) pour ouvrir le panneau avec
       tous ses effets, et sa pastille reste la source du miroir
       ci-dessus.
   La barre du haut du module Navigation Appli (#kwgna-barre : logo
   du ministère vers l'accueil de l'APPLICATION, menu de
   l'application) n'est PAS un en-tête de site : elle n'est pas
   touchée.
   Hors mode application, aucune de ces règles ne s'applique : le
   site web garde son en-tête et sa cloche, intacts. */
html.kwapp #masthead {
    display: none !important;
}
html.kwapp #kwgn-cloche {
    display: none !important;
}