/* IMMIMAX - l'en-tete s'efface pendant la lecture.
   Sur la page du chat il mangeait 58 px en permanence et posait une barre
   claire au-dessus d'un outil sombre. Il passe en surimpression, adopte le
   monde sombre de l'outil, et se retire des qu'on descend dans le fil. */

body.immimax-plein{ --immimax-decalage: var(--immimax-entete); }
body.immimax-plein.immimax-entete-cachee{ --immimax-decalage: 0px; }

body.immimax-plein header.wp-block-template-part{
  position:fixed; top:0; left:0; right:0; z-index:60;
  background:#1b1b1c; border-bottom:1px solid #2f2f30;
  transform:translateY(0);
  transition:transform .26s cubic-bezier(.22,1,.36,1);
}
body.admin-bar.immimax-plein header.wp-block-template-part{ top:32px; }
body.immimax-plein.immimax-entete-cachee header.wp-block-template-part{ transform:translateY(-101%); }

/* Le fond blanc est porte par le groupe interne (has-base-background-color),
   pas par l'en-tete : c'est lui qu'il faut retourner. */
body.immimax-plein header.wp-block-template-part .wp-block-group.has-background,
body.immimax-plein header.wp-block-template-part > .wp-block-group{
  background-color:transparent!important;
}

body.immimax-plein header.wp-block-template-part,
body.immimax-plein header.wp-block-template-part p,
body.immimax-plein header.wp-block-template-part a{ color:#e8e8ef!important; }
body.immimax-plein header.wp-block-template-part .wp-block-site-title a{ color:#fff!important; text-decoration:none!important; }
body.immimax-plein header.wp-block-template-part a:hover{ color:#fff!important; }

/* Plein ecran pour de bon : plus de soustraction de l'en-tete. */
body.immimax-plein .mwai-chatbot-container,
body.immimax-plein .immimax-espace{
  height:100dvh!important; max-height:100dvh!important;
}
body.admin-bar.immimax-plein .mwai-chatbot-container,
body.admin-bar.immimax-plein .immimax-espace{
  height:calc(100dvh - 32px)!important; max-height:calc(100dvh - 32px)!important;
}

/* Le fil passe sous l'en-tete : la reserve est constante, donc aucun
   soubresaut quand la barre se retire. */
body.immimax-plein .immimax-espace .mwai-conversation,
body.immimax-plein .mwai-conversation{
  padding-top:calc(var(--immimax-entete) + 10px)!important;
}

/* Ce qui flotte suit l'en-tete. */
body.immimax-plein .immimax-colonne{ top:var(--immimax-decalage); }
body.admin-bar.immimax-plein .immimax-colonne{ top:calc(var(--immimax-decalage) + 32px); }

/* Sur ordinateur la colonne est dans le flux : l'en-tete etant passe en
   surimpression, elle demarrait dessous et sa barre de recherche disparaissait
   derriere. Elle se decale donc de la meme hauteur, et remonte avec l'en-tete. */
@media (min-width:901px){
  body.immimax-plein .immimax-colonne{
    padding-top:var(--immimax-decalage);
    transition:padding-top .26s cubic-bezier(.22,1,.36,1);
  }
}

@media (min-width:901px){
  body.immimax-liste-repliee .immimax-deplier{
    top:calc(var(--immimax-decalage) + 12px);
    transition:top .26s cubic-bezier(.22,1,.36,1);
  }
  body.admin-bar.immimax-liste-repliee .immimax-deplier{ top:calc(var(--immimax-decalage) + 44px); }
}

@media (max-width:900px){
  .immimax-bouton-liste{
    top:calc(var(--immimax-decalage) + 10px);
    transition:top .26s cubic-bezier(.22,1,.36,1);
  }
  body.admin-bar .immimax-bouton-liste{ top:calc(var(--immimax-decalage) + 42px); }
  body.immimax-plein .immimax-espace .mwai-conversation{
    padding-top:calc(var(--immimax-entete) + 48px)!important;
  }
}

/* Pendant la lecture, tout l'habillage se retire ensemble : une pastille
   blanche laissee seule au-dessus du texte le rend illisible. Un geste vers
   le haut ramene l'en-tete et ses boutons d'un seul coup. */
body.immimax-plein.immimax-entete-cachee .immimax-bouton-liste,
body.immimax-plein.immimax-entete-cachee .immimax-deplier{
  opacity:0; pointer-events:none;
  transform:translateY(-8px);
  transition:opacity .18s ease, transform .26s cubic-bezier(.22,1,.36,1);
}
body.immimax-plein .immimax-bouton-liste,
body.immimax-plein .immimax-deplier{
  opacity:1; transform:translateY(0);
  transition:opacity .18s ease, transform .26s cubic-bezier(.22,1,.36,1), top .26s cubic-bezier(.22,1,.36,1);
}

/* La pastille mobile appartient au monde sombre du chat : en blanc elle
   claquait au milieu de la conversation. */
@media (max-width:900px){
  body.immimax-plein .immimax-bouton-liste{
    background:#2b2b2c!important;
    color:#e8e8ef!important;
    border:1px solid #3a3a3c!important;
    box-shadow:0 2px 10px rgba(0,0,0,.35)!important;
  }
  body.immimax-plein .immimax-bouton-liste:hover{ background:#3a3a3c!important; color:#fff!important; }
}

@media (prefers-reduced-motion:reduce){
  body.immimax-plein header.wp-block-template-part,
  .immimax-bouton-liste,
  body.immimax-liste-repliee .immimax-deplier{ transition:none!important; }
}