#main-header,
#top-header,
.et-l--header,
.et_pb_menu {
    display: none !important;
}



/* ============FORMAT PAGE TOTALE============ */

/* Forcer toute la hauteur du navigateur */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Footer collé en bas sur la page d'accès */
body.page-id-2645 #main-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
/* Footer collé en bas sur la page live */
body.page-id-2138 #main-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
body.page-id-1532 #main-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}


/* On ajoute de la marge en bas pour que le contenu ne passe pas sous le footer */
body.page-id-2645 #page-container {
  padding-bottom: 70px; /* ajuste si ton footer est plus haut */
}

/* Cache le logo dans tous les états du header sur la page d'accès */
body.page-id-2645 #main-header .logo_container,
body.page-id-2645 #main-header #logo,
body.page-id-2645 .et-fixed-header .logo_container,
body.page-id-2645 .et-fixed-header #logo {
  display: none !important;
}
/* Cache le logo dans tous les états du header sur la page d'accès */
body.page-id-2138 #main-header .logo_container,
body.page-id-2138 #main-header #logo,
body.page-id-2138 .et-fixed-header .logo_container,
body.page-id-2138 .et-fixed-header #logo {
  display: none !important;
}


/* === Formulaire d'accès intheskAI === */
.ithk-access-form {
  max-width: 420px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: left;
}
/* Label */
.ithk-label {
  font-size: 15px;
  font-weight: 600;
  padding-left: 4px;
  margin-bottom: 6px;
}
/* Wrapper pour icône + input */
.ithk-pill-wrap {
  position: relative;
  width: 100%;
}
/* Icône dans l’input */
.ithk-pill-icon {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  font-size: 17px;
  opacity: 0.55;
  pointer-events: none;
}
/* Input pilule + curseur décalé APRÈS l’icône */
.ithk-access-form .ithk-input-pill {
  width: 100%;
  height: 42px;
  padding-left: 70px !important;  /* <<< clef : le curseur commence APRES l’icône */
  padding-right: 16px;
  border-radius: 20px;
  border: 1px solid #D3D3D3;      /* ton gris clair, pas #d0d fluo :) */
  font-size: 16px;
  outline: none;
  box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}

/* ============FORMAT BOUTONS============ */
/* Bouton intheskAI */
.ithk-btn {
  all: unset;
  display: inline-flex;            /* le <a> devient un vrai bouton */
  align-items: center;
  justify-content: center;
  margin-top : 24px;
  padding: 10px 26px;              /* taille “pilule” élégante */
  max-width: 420px; 
  min-width: 300px;                /* largeur fixe mais raisonnable */
  height: 28px;
  border-radius: 40px;
  background: #000;
  color: #fff;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  font-weight: 600;

  text-decoration: none;           /* pour les <a> */
  border: none;                    /* pour les <button> */
  cursor: pointer;

  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  transition: opacity .2s;
}

/* Forcer Divi à respecter le style intheskAI pour les boutons ithk-btn */
.et_pb_button.ithk-btn,
.et_pb_button.ithk-btn:hover,
.et_pb_button.ithk-btn:focus {
  background: #000 !important;
  opacity: 1;
  color: #fff !important;
  border-radius: 40px !important;
  padding: 10px 26px !important;
  min-width: 200px !important;
  height: 30px !important;
  margin-top: 24px !important;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
  text-decoration: none !important;
}

.ithk-btn--wide {
  width: 100%;
  max-width: 300px;      /* à ajuster selon ce que tu veux visuellement */
}

/* Conteneur pour centrer dans la page */
.ithk-actions-center {
  text-align: center;
  margin-top: 14px;
}


/* ============FORMAT MESSAGES============ */
/* Bloc message sous le formulaire */
/* Réserve un espace fixe pour le message pour éviter de bouger le layout */
/* Conteneur toujours présent → évite tout mouvement */
#ithk-msg-container {
  min-height: 22px;     /* espace réservé pour 1 ligne de message */
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Le message lui-même */
.ithk-message {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
  font-size: 14px;
  text-align: center;
}

/* Fade-out */
.ithk-message.fade-out {
  opacity: 0;
}

.ithk-message--error {
  color: #c62828;
}

/* ============FORMAT SPECIFIC LIVE ============ */

/* ============================================
   LIVE — BLOC PRINCIPAL
   ============================================ */

.ithk-live-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(0,0,0,.06);
  padding: 20px 20px 16px;
  max-width: 760px;
  margin: 0 auto 12px;
}


/* ============================================
   HEADER LIVE (Code + Avancement)
   ============================================ */
/* Barre de progression */
.ithk200-progress-track {
  width: 100%;
  max-width: 400px;
  height: 12px;
  background: #e3e6ea;
  border-radius: 999px;
  margin: 0 auto 8px auto;
  overflow: hidden;
}

/* Partie remplie */
.ithk200-progress-fill {
  height: 100%;
  width: 0%;
  background: #0b1220; /* ton noir-bleu */
  border-radius: 999px;
  position: relative;
  transition: width 0.35s ease;
}

/* Pourcentage dans la barre */
.ithk200-percent-text {
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  color: #0b1220;
  font-size: 14px;
  font-weight: 600;
}

/* Texte sous la barre */
.ithk200-progress-info {
  text-align: center;
  font-size: 13px;
  color: #6b7280;
  margin-top: 4px;
}


/* ============================================
   ZONE DE CHAT
   ============================================ */

.ithk200-card{
    background:transparent;
    border:none;
    box-shadow:none;
    padding:0px;
    margin:0 auto 24px;
}
  
 .ithk200-chat{display:flex;flex-direction:column;gap:10px;min-height:160px;}
  .ithk200-b{max-width:85%;padding:10px 14px;border-radius:18px;line-height:1.35;word-break:break-word;color:#fff;margin-bottom: 8px;}
  .ithk200-q{align-self:flex-start;background:#000000;border-top-left-radius:6px;}
  .ithk200-a{align-self:flex-end;background:#8b0010;border-top-right-radius:6px;}
  .ithk200-input{margin-top:16px;}
  .ithk200-input textarea{width:100%;height:50px;resize:none;padding:10px;border-radius:12px;border:1px solid #eaecef;}
  .ithk200-sendbar{margin-top:10px;display:flex;justify-content:flex-end;align-items:center;}
  .ithk200-meta{font-size:.9em;margin-bottom:12px;text-align:center;}
  .ithk200-meta-line{margin-top:4px;}
  .ithk200-meta .ithk-label,
  .ithk200-code,
  [data-progress],
  [data-words]{display:none;}
  .ithk200-meta [data-percent]{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;border:6px solid #D1D5DB;font-size:22px;font-weight:800;}



/* ============================================
   ZONE DE SAISIE
   ============================================ */

.ithk-live-input {
  margin-top: 12px;
}

.ithk-live-input textarea {
  width: 100%;
  min-height: 40px;
  resize: none;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #eaecef;
  font-size: 12px;
}

/* Barre Envoyer */
.ithk-live-sendbar {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* ============================================
   STATUT (texte sous le chat)
   ============================================ */

.ithk-live-status {
  margin-top: 6px;
  font-size: 12px;
  color: #777;
}


/* ============================================
   BOUTON DE RETOUR (hors carte)
   ============================================ */

.ithk-live-back-wrap {
  text-align: center;
  margin-top: 10px;
}

/* ============================================
   CONTENU BIOGRAPHIE = STYLE LIVRE
   ============================================ */

.ithk-bio-wrap {
  max-width: 760px;
  margin: 20px auto 60px;
  line-height: 1.7;
  font-size: 18px;
  font-family: "Georgia", "Times New Roman", serif;
  color: #333;
}

/* Titres */
.ithk-bio-wrap h1 {
  font-size: 40px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  margin: 60px 0 30px;
  text-align: center;
}

.ithk-bio-wrap h2 {
  font-size: 28px;
  font-family: "Playfair Display", serif;
  font-weight: 600;
  margin: 50px 0 20px;
  color: #000;
}

.ithk-bio-wrap h3 {
  font-size: 22px;
  font-weight: 600;
  margin: 40px 0 15px;
  color: #444;
}

/* Paragraphes */
.ithk-bio-wrap p {
  margin-bottom: 20px;
  text-align: justify;
}

/* Première lettre "manuscrit" */
.ithk-bio-wrap p:first-of-type::first-letter {
  font-size: 46px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  float: left;
  line-height: 1;
  margin: 4px 8px 0 0;
}
.ithk-bio-wrap h2 {
  page-break-before: always;
}
/* Wrapper global de la zone Lecture */
.ithk-bio-flip-wrap {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Card autour du flipbook */
.ithk-flip-card {
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  padding: 20px;
  width: 100%;
  max-width: 900px;
}

/* Taille du flipbook */
.ithk-flip-card .real3d-flipbook {
  width: 100% !important;
  height: 70vh !important;   /* un “livre” bien visible */
  max-height: 900px;
}

.ithk-bio-flip-wrap {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.ithk-flip-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  padding: 20px;
  width: 100%;
  max-width: 900px;
}

.ithk-flip-card .real3d-flipbook {
  width: 100% !important;
  height: 70vh !important;
  max-height: 900px;
}

.ithk-bio-download-wrap {
  text-align: center;
}