/* ================================
   Paracha Tikkun — CSS v5.5 (per-mode fonts & paddings)
   ================================ */

/* ---------- Variables globales ---------- */
:root{
  /* ---- Tailles de police par MODE ---- */
  --font-size-tikkun: 23px;  /* double colonne */
  --font-size-nek:    23px;  /* avec points */
  --font-size-plain:  23px;  /* sans points */
  --font-size-haftarah:  32px;  
  --font-size-read:    32px;
  

  /* Plafonds par MODE (pilotés par media queries plus bas) */
  --font-max-tikkun: 23px;
  --font-max-nek:    24px;
  --font-max-plain:  24px;
  --font-max-haftarah:  35px;
  --font-max-read:     35px;

  /* Alias actifs (switchés par .mode-...) */
  --font-size-active: var(--font-size-tikkun);

  --font-max-active:  var(--font-max-tikkun);

  /* ---- Largeurs de colonne (en ch) par MODE ---- */
  --tikkun-col-width-ch: 42;   /* double colonne (fixe) */
  --tikkun-col-min-ch:   18;   /* double colonne (auto) */
  --nek-col-width-ch:    44;   /* 1 colonne AVEC points */
  --plain-col-width-ch:  44;   /* 1 colonne SANS points */
  --read-col-width-ch:  48; /* 1 colonne AVEC points en mode read*/
  --haftarah-col-width-ch:    44;   /* 1 colonne AVEC points */
  --tikkun-col-gap: 110px;
   
  
  /* Interlinge haazinou */
  --haaz-line-height-nek:   0.7;
  --haaz-line-height-plain: 0.7;

  /* ---- Marges latérales par MODE (page padding) ---- */
  --padX-tikkun: 5px;                 /* tikkun plein conteneur */
  --padX-nek:    5px;                 /* lecture mono-col */
  --padX-plain:  5px;                 /* lecture mono-col */
  --padX-haftarah:  5px;                 /* lecture mono-col */
  /* alias actif: */
  --padX-active: var(--padX-tikkun);
  --col-padX: 0px; /* padding horizontal à l’intérieur du bloc de texte */

  /* ---- Tikkun/texte génériques ---- */
  --tikkun-line-height: 1;
  --setuma-gap-ch: 12;

  /* ---- Palette globale ---- */
  --c-page-bg: #ffffff;
  --c-text: #000000;
  --c-muted: #666666;
  --c-border: #eeeeee;

  /* Dimming / highlight */
  --c-dim-opacity: 0.35;
  --c-maftir-color: #222222;

  /* Scrollbox */
  --c-scrollbox-bg: #ffffff;
  --c-scrollbox-border: #eeeeee;
  --gap-controls-to-header: 14px;
  --gap-header-to-text: 10px;

  /* Aliyot buttons */
  --c-aliyah-bg: #000000;
  --c-aliyah-fg: #ffffff;
  --c-aliyah-bg-hover: #C6A664;
  --c-aliyah-fg-hover: #F7F5F0;
  --c-aliyah-bg-active: #ffffff;
  --c-aliyah-fg-active: #C6A664;

  /* Audio band */
  --c-audio-band-bg: #000000;
  --c-audio-band-fg: #ffffff;
  --c-audio-card-bg: #ffffff;
  --c-audio-caption: #000000;

  /* Progress bar */
  --c-progress-track: #e8e8e8;
  --c-progress-fill: #C6A664;

  /* ---- Boutons Aliyot (sizing/typo) ---- */
  --aliyah-min-width: 112px;
  --aliyah-pad-y: 7px;
  --aliyah-pad-x: 14px;
  --aliyah-radius: 9999px;
  --aliyah-gap: 10px;
  --aliyah-fr-size: clamp(12px, 1.0vw, 14px);
  --aliyah-he-size: clamp(16px, 1.15vw, 18px);
  --aliyah-height: 40px;
  --hebrew-nudge: 0px;

  /* ---- Bandeau audio (dérivées & couleurs) ---- */
  --audio-band-bg: var(--c-audio-band-bg);
  --audio-fg: var(--c-audio-band-fg);
  --audio-card-bg: var(--c-audio-card-bg);
  
    /* >>> AJOUT : padding des tuiles audio <<< */
  --audio-btn-pad-x: 12px;
  --audio-btn-pad-y: 8px;

  /* Titre bandeau audio */
  --audio-title-color: #ffffff;
  --audio-title-size: clamp(12px, 2vw, 14px);
  --audio-title-weight: 700;
  --audio-title-font: system-ui, sans-serif;

  /* Disque + états */
  --audio-dot-size: 26px;
  --audio-dot-idle-bg: #000000;
  --audio-dot-idle-fg: #ffffff;
  --audio-dot-playing-bg: #C6A664;
  --audio-dot-playing-fg: #ffffff;

  /* Tuiles */
  --audio-tile-hover-bg: #f1f1f1;
  --audio-tile-playing-bg: #F7F5F0;

  /* Spacings pile */
  --gap-audio-to-controls: 30px;
  --gap-controls-to-text: 30px;

  /* Toggles affichage */
  --view-min-width: 110px;
  --view-height: 34px;
  --view-pad-y: 6px;
  --view-pad-x: 12px;
  --view-gap: 10px;
  --gap-toggles-to-text: 0px;
  --view-fr-size: clamp(12px, 1.0vw, 14px);
  --view-he-size: clamp(20px, 1.1vw, 20px);
}

/* READ: valeur finale = slider si défini, sinon la valeur responsive du mode */
.paracha-shell.mode-read{
  --pt-read-font-size: var(--pt-read-font-size-user, var(--font-size-read));
}

/* HAFTARAH: valeur finale = slider si défini, sinon la valeur responsive du mode */
.paracha-shell.mode-haftarah{
  --pt-haft-font-size: var(--pt-haft-font-size-user, var(--font-size-haftarah));
}

/* ============================
   Anti flash / anti jump
   ============================ */

.paracha-scrollbox {
  visibility: hidden;
}

.paracha-scrollbox.is-ready {
  visibility: visible;
}

/* ============================
   Anti flash Haftarah
   ============================ */

.haftarah-box {
  visibility: hidden;
}

.haftarah-box.is-ready {
  visibility: visible;
}


/* ---------- Alias par mode ---------- */
.paracha-shell.mode-nekudot{
  --font-size-active: var(--font-size-nek);
  --font-max-active:  var(--font-max-nek);
  --padX-active:      var(--padX-nek);
}
.paracha-shell.mode-plain{
  --font-size-active: var(--font-size-plain);
  --font-max-active:  var(--font-max-plain);
  --padX-active:      var(--padX-plain);
}
.paracha-shell.mode-haftarah{
  --font-size-active: var(--font-size-haftarah);
  --font-max-active:  var(--font-max-haftarah);
  --padX-active:      var(--padX-haftarah);
}

.paracha-shell.mode-tikkun{
  --font-size-active: var(--font-size-tikkun);
  --font-max-active:  var(--font-max-tikkun);
  --padX-active:      var(--padX-tikkun);
}

.paracha-shell.mode-read{
  --font-size-active: var(--font-size-read);
  --font-max-active:  var(--font-max-read);
  --padX-active:      var(--padX-nek);   /* même padding que la lecture nekudot */
}


/* ================= Polices ================= */
@font-face{ font-family:"ShlomosemiStam"; src:local("ShlomosemiStam"), url("./fonts/ShlomosemiStam.ttf") format("truetype"); font-weight:500; font-style:normal; }
@font-face{ font-family:"TaameyFrankCLM"; src:local("TaameyFrankCLM Medium"), url("./fonts/TaameyFrankCLM-Medium.ttf") format("truetype"); font-weight:500; font-style:normal; }
@font-face{ font-family:"TaameyFrankCLM"; src:local("TaameyFrankCLM Medium Oblique"), url("./fonts/TaameyFrankCLM-MediumOblique.ttf") format("truetype"); font-weight:500; font-style:italic; }
@font-face{ font-family:"StamAshkenazCLM"; src:local("StamAshkenazCLM Medium"), url("./fonts/StamAshkenazCLM-Medium.ttf") format("truetype"); font-weight:500; font-style:normal; }

/* ================= Base ================= */
.paracha-shell .hebrew,
.paracha-shell .aliyah-pane,
.paracha-shell .pane-inner{
  font-family:"ShlomosemiStam","TaameyFrankCLM","Noto Sans Hebrew",system-ui,sans-serif;
}

/* Mode lecture : police plus "livre" + interligne confortable */
.paracha-shell.mode-read .hebrew,
.paracha-shell.mode-read .aliyah-pane,
.paracha-shell.mode-read .pane-inner,
.paracha-shell.mode-read .pane-inner .line,
.paracha-shell.mode-read .pane-inner .frag{
  font-family:"TaameyFrankCLM","Noto Sans Hebrew",system-ui,sans-serif;
  line-height: 1;
}

/* ✅ Taille pour modes avec autoscale (Tikkun/Nekudot/Plain) */
.paracha-shell:not(.mode-read):not(.mode-haftarah),
.paracha-shell:not(.mode-read):not(.mode-haftarah) .pane-inner,
.paracha-shell:not(.mode-read):not(.mode-haftarah) .pane-inner .line,
.paracha-shell:not(.mode-read):not(.mode-haftarah) .pane-inner .frag{
  font-size: min(var(--font-size-active), var(--font-max-active)) !important;
}

/* ✅ Mode Read : taille FIXE (pas d'autoscale) */
.paracha-shell.mode-read,
.paracha-shell.mode-read .pane-inner,
.paracha-shell.mode-read .pane-inner .line,
.paracha-shell.mode-read .pane-inner .frag{
   font-size: var(--pt-read-font-size) !important;
}

/* ✅ Mode Haftarah : taille FIXE (pas d'autoscale) */
.paracha-shell.mode-haftarah .haftarah-box,
.paracha-shell.mode-haftarah .haftarah-box .line,
.paracha-shell.mode-haftarah .haftarah-box .frag{
   font-size: var(--pt-read-font-size) !important;
}




.paracha-shell{
  display:flex; flex-direction:column;
  padding-left: var(--padX-active);
  padding-right: var(--padX-active);
  background: var(--c-page-bg);
  position: relative; /* pour positionnement absolu des sliders */
}

.paracha-scrollbox{
  max-height:90vh;
  overflow:auto;
  border:1px solid var(--c-scrollbox-border);
  border-radius:8px;
  padding:8px;
  background:var(--c-scrollbox-bg);
  margin-top: var(--gap-header-to-text);
}

/* ============== Colonnes — MODE FIXE (Tikkun) ============== */
.paracha-shell .aliyah-grid{
  display:grid;
  gap: var(--tikkun-col-gap);
  grid-template-columns:
     minmax(0, calc(var(--tikkun-col-width-ch) * 1ch))
     minmax(0, calc(var(--tikkun-col-width-ch) * 1ch));
  justify-content:center;
  align-items:flex-start;
  direction:ltr !important;
}
.aliyah-pane{ padding:0; }

/* ============== Colonnes — MODE AUTO (tikkun-like) ============== */
.paracha-shell.mod-flex .paracha-scrollbox{ display:flex; justify-content:center; }
.paracha-shell.mod-flex .aliyah-grid{
  display:flex;
  gap: var(--tikkun-col-gap);
  justify-content:center;
  align-items:flex-start;
  width:100%;
  direction:ltr !important;
}
.paracha-shell.mod-flex .aliyah-pane{
  flex:1 1 0;
  min-width: calc(var(--tikkun-col-min-ch) * 1ch);
  display:flex;
}
.paracha-shell.mod-flex .pane-inner{ flex:1; }



/* =========================================================
   Mise en page spéciale Haazinou
   ========================================================= */
.paracha-shell[data-parasha="haazinou"]:not(.mode-haftarah) .line-pair{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  
  margin-bottom: 0.6em;
  direction: rtl;
}

.paracha-shell[data-parasha="haazinou"].mode-tikkun .line-pair{ column-gap: 2em; }
.paracha-shell[data-parasha="haazinou"].mode-plain .line-pair{ column-gap: 6em; }
.paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair{ column-gap: 6em;}
.paracha-shell[data-parasha="haazinou"].mode-plain .line-pair .line{ line-height: var(--haaz-line-height-plain); }
.paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair .line{ line-height: var(--haaz-line-height-nek);}



/* ============================================
   MODE SPÉCIAL PARACHA — BESHALA'H
   Largeur de colonne élargie uniquement ici
   ============================================ */
   
   /* ---------- Mode Bechalah : versets très longs ---------- */
/* Slug : data-parasha="bechalah" */

.paracha-shell[data-parasha="bechalah"]{
  /* Mono-colonne (nekudot / plain) */
  --nek-col-width-ch:   49;  /* au lieu de 44 */
  --plain-col-width-ch: 48;  /* au lieu de 44 */

  /* Haftarah : on l'aligne sur la lecture mono-col */
  --haftarah-col-width-ch: 49;

  /* Tikkun : colonnes plus larges aussi */
  --tikkun-col-width-ch: 48;   /* au lieu de 42 */
  --tikkun-col-min-ch:   20;   /* un peu plus large en mode flex auto */
  
  --col-padX: 1px;
}






/* ============== Lignes & Justification ============== */
.paracha-shell .aliyah-pane,
.paracha-shell .pane-inner,
.paracha-shell .line{
  direction:rtl;
  unicode-bidi:plaintext;
}

.paracha-shell .pane-inner .line{
  text-align:justify;
  text-align-last:right;
  text-justify:inter-word;
  line-height: var(--tikkun-line-height);
  margin:0;
  padding:2px var(--col-padX);
  word-spacing: 0.005em;
}



/* Petucha / Setuma “seule” : pas de justification, aligné à droite */
.paracha-shell .pane-inner .line.mod-petucha,
.paracha-shell .pane-inner .line.mod-setuma-only{
  text-align:right !important;
}

/* ============== Fragments ============== */
.line .frag{
  display:inline;
  direction:rtl;
  unicode-bidi:isolate;
  white-space:normal;
  word-break:keep-all;
}

/* Justifier la dernière ligne de chaque verset sans perturber les fragments */
.line::after{
  content:'';
  display:inline-block;
  width:100%;
  height:0;
  line-height:0;
  font-size:0;
  vertical-align:top;
  overflow:hidden;
}

.line{
  text-align: justify;
  text-align-last: right;
}

/* Cas SETUMA */
.line .frag.mod-setuma{
  width: auto;
}

/* ====== SETUMA FLEXIBLE (avec wrapper interne) ====== */

/* Le wrapper interne gère le flex, pas le .frag lui-même */
.line .frag.mod-setuma .setuma-wrapper{
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  width: 100%;
}

/* Morceaux de texte autour des setumot */
.line .frag.mod-setuma .setuma-piece{
  display: inline-block;
  white-space: nowrap;   /* on force tout le morceau sur une seule ligne */
  direction: rtl;
  text-align: right;     /* par défaut : aligné à droite */
}

/* La partie APRÈS la dernière setuma : alignée à gauche */
.line .frag.mod-setuma .setuma-piece-post{
  text-align: left;
}

/* Gaps extensibles : partagent l’espace disponible */
.line .frag.mod-setuma .setuma-gap{
  flex: 1 1 auto;
  min-width: 0;
  display: block;
}

/* Optionnel : largeur minimale symbolique pour que le blanc existe toujours,
   mais reste réductible si la ligne est serrée */
.line .frag.mod-setuma .setuma-gap::before{
  content: "";
  display: block;
  width: calc(var(--setuma-gap-ch, 8) * 0.5ch);
}



/* ============== Qere/Ketiv ============== */
.qere{
  display:inline !important;
  background:rgba(0,0,0,.08) !important;
  padding:0 .15em !important;
  border-radius:.15em !important;
  opacity:1 !important;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
.dim .qere{ opacity:1 !important; }

/* ============== Dimming & Maftir ============== */
.line.dim{ opacity:var(--c-dim-opacity); transition:opacity .15s linear; }
.frag.dim{ opacity:var(--c-dim-opacity); transition:opacity .15s linear; }
.frag > span.dim{ opacity:var(--c-dim-opacity); transition:opacity .15s linear; }

/* Dimming dédié aux morceaux de Setuma */
.line .frag .setuma-piece.dim{
  opacity: var(--c-dim-opacity);
  transition: opacity .15s linear;
}

.paracha-shell.mod-maftir .frag,
.paracha-shell.mod-maftir .frag > span{
  opacity:.25; transition:opacity .15s linear;
}
.maftir-highlight{
  border-radius:.12em;
  opacity:1 !important;
}
.paracha-shell.mod-maftir .maftir-highlight{ color:var(--c-maftir-color); }

/* ============== Boutons Aliyot (pilules) ============== */
.paracha-controls{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--aliyah-min-width), 1fr));
  grid-auto-flow: row dense;
  gap: var(--aliyah-gap);
  margin-bottom: var(--gap-controls-to-header) !important;
}

.paracha-controls .aliyah-btn{
  width: 100%;
  padding: var(--aliyah-pad-y) var(--aliyah-pad-x);
  border: 2px solid transparent;
  border-radius: var(--aliyah-radius);
  background: var(--c-aliyah-bg);
  color: var(--c-aliyah-fg);
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;

  line-height: 1.05;
  text-align: center;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color .15s linear,
              color .15s linear,
              border-color .15s linear,
              transform .02s ease;
}

/* États par défaut */
.paracha-controls .aliyah-btn:active{ transform: translateY(1px); }

/* Hover UNIQUEMENT si pas actif */
.paracha-shell .paracha-controls .aliyah-btn:not(.active):hover{
  background: var(--c-aliyah-bg-hover) !important;
  color: var(--c-aliyah-fg-hover) !important;
  border: 2px solid #B39553 !important; 
}

/* Focus ne change PAS les couleurs (clavier friendly) */
.paracha-shell .paracha-controls .aliyah-btn:focus{ outline: none; }
.paracha-shell .paracha-controls .aliyah-btn:focus-visible{
  outline: 2px solid #C6A664;
  outline-offset: 2px;
}

/* État actif (sélectionné) */
.paracha-controls .aliyah-btn.active{
  background: var(--c-aliyah-bg-active) !important;
  color: var(--c-aliyah-fg-active) !important;
  border-color: #B39553 !important;
  font-weight: 600;
  box-shadow: none !important;
}

/* Un actif ne change PAS au survol */
.paracha-shell .paracha-controls .aliyah-btn.active:hover,
.paracha-shell .paracha-controls .aliyah-btn.active:focus,
.paracha-shell .paracha-controls .aliyah-btn.active:focus-visible{
  background: #ffffff !important;
  color: #C6A664 !important;
  border-color: #C6A664 !important;
}

/* FR & HE : tailles distinctes + centrage HE */
.paracha-controls .aliyah-btn .lbl-fr{
  font-size: var(--aliyah-fr-size);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.paracha-controls .aliyah-btn .lbl-he{
  font-family: "TaameyFrankCLM","Noto Sans Hebrew",system-ui,sans-serif;
  font-size: var(--aliyah-he-size);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  position: relative;
  top: var(--hebrew-nudge);
}
.paracha-controls .aliyah-btn .lbl-sep{ opacity:.65; margin: 0 .1em; }

/* Ordinal FR */
.paracha-controls .aliyah-btn .ord-num{ font-variant-numeric: tabular-nums; }
.paracha-controls .aliyah-btn .ord-suf{
  font-size: 0.58em;
  position: relative;
  top: -0.28em;
  margin-left: 1px;
  letter-spacing: 0;
}

/* ============== Clip début paracha ============== */
/* On garde la largeur de la ligne, mais on rend le texte invisible */
.clip-start{
  color: transparent !important;
}
.clip-start *{
  color: transparent !important;
  background: transparent !important;
}

/* ============== Clip fin paracha ============== */
.clip-hide{ display:none !important; }

/* ============== Bandeau Audio ============== */
.paracha-audio{
  background: var(--audio-band-bg);
  color: var(--audio-fg);
  padding: 18px 14px;
  border-radius: 10px;
  margin-bottom: var(--gap-audio-to-controls);
}

.paracha-audio .audio-title{
  margin: 0 0 12px;
  color: var(--audio-title-color);
  font-size: var(--audio-title-size);
  font-weight: var(--audio-title-weight);
  font-family: var(--audio-title-font);
}

/* Carte blanche contenant les tuiles */
.paracha-audio .audio-row{
  background: var(--audio-card-bg);
  border-radius: 9999px;
  padding: 10px 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 8px 18px;
  align-items: center;
  justify-items: center;   /* <<< important : la tuile ne s’étire plus */
  margin-bottom: 12px;
}


/* Tuile: label au-dessus + disque en dessous, bien centré */
.paracha-audio .audio-btn{
  display: grid;
  grid-template-rows: auto auto;
  justify-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  cursor: pointer;

  /* <<< mini pilule autour du contenu seulement */
  padding: var(--audio-btn-pad-y) var(--audio-btn-pad-x);
  border-radius: 12px;
  width: auto;
  justify-self: center;

  transition: background-color .15s ease, transform .08s ease;
}

/* Hover tuile */
.paracha-audio .audio-btn:hover{ background: var(--audio-tile-hover-bg); }

/* Label */
.paracha-audio .audio-caption{
  font-size: 13px;
  line-height: 1;
  color: var(--c-audio-caption);
  margin: 0;
  transition: color .15s ease;
}

/* Disque noir (repos) */
.paracha-audio .audio-dot{
  width: var(--audio-dot-size);
  height: var(--audio-dot-size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--audio-dot-idle-bg);
  color: var(--audio-dot-idle-fg);
  transition: background-color .15s ease, color .15s ease, transform .08s ease;
}

/* État LECTURE (Play/pause bouttons) */
.paracha-audio .audio-dot{
  width: var(--audio-dot-size);
  height: var(--audio-dot-size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--audio-dot-idle-bg);
  color: var(--audio-dot-idle-fg);
  transition: background-color .15s ease, color .15s ease, transform .08s ease;
  position: relative; /* pour centrer les pseudo-éléments */
}

/* PLAY : triangle propre, centré */
.paracha-audio .audio-dot::before{
  content: "";
  position: absolute;
  left: 52%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top:    calc(var(--audio-dot-size) * 0.25) solid transparent;
  border-bottom: calc(var(--audio-dot-size) * 0.25) solid transparent;
  border-left:   calc(var(--audio-dot-size) * 0.40) solid currentColor;
}

/* Tuile SELECTIONNÉE / EN LECTURE */
.paracha-audio .audio-btn.playing{
  background: var(--audio-tile-playing-bg);   /* léger fond doré */
}

/* Texte de la piste sélectionnée */
.paracha-audio .audio-btn.playing .audio-caption{
  color: #C6A664;
  font-weight: 600;
}

/* État LECTURE (PAUSE) */
.paracha-audio .audio-btn.playing .audio-dot{
  background: var(--audio-dot-playing-bg);
  color: var(--audio-dot-playing-fg);
  transform: scale(1.04);
}

/* On remplace le triangle par deux barres */
.paracha-audio .audio-btn.playing .audio-dot::before,
.paracha-audio .audio-btn.playing .audio-dot::after{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--audio-dot-size) * 0.14);
  height: calc(var(--audio-dot-size) * 0.46);
  background: #FFFFFF;
  border-radius: 1px;
  border: none;
}

/* barre gauche */
.paracha-audio .audio-btn.playing .audio-dot::before{
  left: calc(50% - var(--audio-dot-size) * 0.18);
}

/* barre droite */
.paracha-audio .audio-btn.playing .audio-dot::after{
  right: calc(50% - var(--audio-dot-size) * 0.18);
}



/* Progression */
.paracha-audio .audio-progress{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:0;
}
.paracha-audio .audio-progress__bar{
  position: relative;
  flex: 1 1 auto;
  height: 8px;
  background: var(--c-progress-track);
  border-radius: 999px;
  cursor: pointer;
}
.paracha-audio .audio-progress__fill{
  position:absolute;
  left:0; top:0; bottom:0;
  width:0%;
  background: var(--c-progress-fill);
  border-radius:999px;
}
.paracha-audio .audio-time{
  flex: 0 0 auto;
  font-size: 13px !important;
  color: var(--c-audio-band-fg);
  min-width: 86px;
  text-align:right;
}
.paracha-audio .audio-time .sep{ opacity: .7; margin: 0 3px; }

/* Vitesse */
.paracha-audio .audio-speed{
  display:flex;
  align-items:center;
  margin-left: 6px;
}
.paracha-audio .sr-only{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}
.paracha-audio .speed-select{
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255,255,255,.10);
  color: var(--audio-fg);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 9999px;
  padding: 4px 28px 4px 10px;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
  position: relative;
  text-align: center;
  text-align-last: center;
  direction: ltr;
}
.paracha-audio .speed-select{
  background-image:
    linear-gradient(transparent,transparent),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position: right 8px center, right 8px center;
  background-size: 10px 6px, 10px 6px;
}
.paracha-audio .speed-select:hover{
  background-color: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.55);
}
.paracha-audio .speed-select:focus{
  outline: 2px solid #C6A664;
  outline-offset: 2px;
}

.paracha-audio .audio-btn,
.paracha-audio .audio-btn *,
.paracha-audio {
  pointer-events: auto !important;
}


/* ==== FIX: boutons en ligne (flex) + largeurs précises M/H ==== */
.paracha-shell .paracha-controls{
  display: flex !important;
  flex-wrap: wrap;
  gap: var(--aliyah-gap);
  justify-content: center;
}
.paracha-shell .paracha-controls .aliyah-btn{
  width: auto !important;
  flex: 0 0 var(--aliyah-min-width);
  min-width: var(--aliyah-min-width);
  min-height: var(--aliyah-height) !important;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Alignement fin de l’hébreu */
.paracha-shell .paracha-controls .aliyah-btn .lbl-he{
  position: relative;
  top: var(--hebrew-nudge);
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
/* Largeurs précises pour M/H (si utilisés) */
.paracha-shell .paracha-controls .aliyah-btn[data-idx="M"]{
  flex-basis: 150px; min-width: 150px;
  padding-left: 18px; padding-right: 18px; margin-inline-end: 2px;
}
.paracha-shell .paracha-controls .aliyah-btn[data-idx="H"]{
  flex-basis: 185px; min-width: 185px;
  padding-left: 20px; padding-right: 20px; margin-inline-start: 2px;
}

/* ===============================
   TOGGLE D'AFFICHAGE (3 petits boutons)
   =============================== */
.paracha-viewtoggles.ghost{
  display: flex;
  justify-content: center;
  gap: 24px;
  margin: 12px 0 18px;
  background: transparent;
  padding: 0;
}
.paracha-viewtoggles.ghost .view-btn{
  background: rgba(198,166,100,0.08);
	border-radius: 999px;
  border: 0px solid rgba(198,166,100,0.20); 
  padding: 0px 10px;
  font-weight: 500;
  position: relative;
  transition: color .2s ease;
	color: rgba(26,31,54,0.70);
}
.paracha-viewtoggles.ghost .view-btn .lbl-fr,
.paracha-viewtoggles.ghost .view-btn .lbl-he{
  font-size: 20px;
  line-height: 1;
}
.paracha-viewtoggles.ghost .view-btn::after{
  content: "";
  position: relative;
  left: 50%;
  right: 50%;
  bottom: -4px;
  height: 2px;
  background: transparent;
  transition: background-color .25s ease;
  border-radius: 2px;
}
.paracha-viewtoggles.ghost .view-btn:hover{ color: #D4B574; }
.paracha-viewtoggles.ghost .view-btn:hover::after{ background: #e9e5da; }
.paracha-viewtoggles.ghost .view-btn.active{ color: #B39553; }
.paracha-viewtoggles.ghost .view-btn.active::after{ background: #B39553; }


/* 2) nouveau conteneur au-dessus de la scrollbox */
.paracha-header{
order: 2; 
  position: sticky;
  top: 0;                /* colle en haut de la fenêtre */
  z-index: 5;
  background: var(--c-page-bg);
  padding: 4px 0;
  margin: 0;   /* espace au-dessus et au-dessous */

}

/* 3) on réutilise ton style "ghost" pour les boutons */
.paracha-header .paracha-viewtoggles{
  display: flex;
  justify-content: center;
  gap: 24px;
  background: transparent;
  padding: 0;
}

/* on garde l’esthétique des boutons */
.paracha-header .paracha-viewtoggles .view-btn{
 background: rgba(198,166,100,0.08);
	border-radius: 999px;
  border: 0px solid rgba(198,166,100,0.20); 
  padding: 4px 12px;
  font-weight: 500;
  position: relative;
  transition: color .2s ease;
	color: rgba(26,31,54,0.70);
}
.paracha-header .paracha-viewtoggles .view-btn .lbl-fr,
.paracha-header .paracha-viewtoggles .view-btn .lbl-he{
  font-size: 20px;
  line-height: 1;
}
.paracha-header .paracha-viewtoggles .view-btn::after{
  content: "";
  position: relative;
  left: 50%;
  right: 50%;
  bottom: -4px;
  height: 2px;
  background: transparent;
  transition: background-color .25s ease;
  border-radius: 2px;
}
.paracha-header .paracha-viewtoggles .view-btn:hover{ color: #D4B574; }
.paracha-header .paracha-viewtoggles .view-btn:hover::after{ background: #e9e5da; }
.paracha-header .paracha-viewtoggles .view-btn.active{ color: #B39553; }
.paracha-header .paracha-viewtoggles .view-btn.active::after{ background: #B39553; }


/* 4) petit ajustement d’espacement vers le texte si besoin */
:root{ --gap-toggles-to-text: 0px; }

/* 5) Fonds pour vue des boutons` */

.paracha-viewtoggles-inner {
  display: inline-flex;            /* fond = largeur du contenu */
  gap: 7px;                         /* resserre les boutons */
  padding: 6px 10px;                /* marge interne */
  background: rgba(198,166,100,0.08);  /* fond uni */
  border-radius: 999px;             /* effet pill */
  border: 1px solid #B39553; 
}

/* ===============================
   Modes d'affichage (toggles JS)
   =============================== */

/* --- Mode Tikkun (double colonne) --- */
.paracha-shell.mode-tikkun .aliyah-grid{
  grid-template-columns:
    minmax(0, calc(var(--tikkun-col-width-ch) * 1ch))
    minmax(0, calc(var(--tikkun-col-width-ch) * 1ch));
  gap: var(--tikkun-col-gap);
}
.paracha-shell.mode-tikkun .pane-inner[data-pane="no"]{  display:block; }
.paracha-shell.mode-tikkun .pane-inner[data-pane="with"]{display:block; }

/* --- Mode Nekudot (une seule colonne : AVEC points) --- */
.paracha-shell.mode-nekudot .aliyah-grid{
  grid-template-columns: minmax(0, calc(var(--nek-col-width-ch) * 1ch));
  gap: 0;
}
.paracha-shell.mode-nekudot .pane-inner[data-pane="no"]{   display:none;  }
.paracha-shell.mode-nekudot .pane-inner[data-pane="with"]{ display:block; margin-inline:auto; }

/* --- Mode Plain (une seule colonne : SANS points) --- */
.paracha-shell.mode-plain .aliyah-grid{
  grid-template-columns: minmax(0, calc(var(--plain-col-width-ch) * 1ch));
  gap: 0;
}
.paracha-shell.mode-plain .pane-inner[data-pane="with"]{ display:none; }
.paracha-shell.mode-plain .pane-inner[data-pane="no"]{   display:block; margin-inline:auto; }


/* --- Mode Lecture (une seule colonne : AVEC points, police "lecture") --- */
.paracha-shell.mode-read .aliyah-grid{
  grid-template-columns: minmax(0, calc(var(--read-col-width-ch) * 1ch));
  gap: 0;
}
.paracha-shell.mode-read .pane-inner[data-pane="no"]{ display: none; }
.paracha-shell.mode-read .pane-inner[data-pane="with"]{ display: none; }
.paracha-shell.mode-read .pane-inner[data-pane="read"]{ display: block; margin-inline: auto; }

/* Style pour le mode read : texte continu */
.paracha-shell.mode-read .pane-inner[data-pane="read"] .line.read-continuous{
  /* Le conteneur est LTR pour que les fragments apparaissent dans le bon ordre */
  direction: ltr;
  text-align: justify;
  text-align-last: right;  /* Dernière ligne alignée à droite */
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.8;
}

/* Forcer l'alignement à droite de la dernière ligne avec ::after */
.paracha-shell.mode-read .pane-inner[data-pane="read"] .line.read-continuous::after{
  content: '';
  display: inline-block;
  width: 100%;
  height: 0;
}

/* Les fragments en mode read : inline et continu, chacun en RTL */
.paracha-shell.mode-read .pane-inner[data-pane="read"] .frag{
  display: inline;
  white-space: normal;
  direction: rtl;
  unicode-bidi: embed;  /* Permet le bon affichage du texte RTL dans un conteneur LTR */
}

/* Petuah breaks : retours à la ligne pour les petuah */
.paracha-shell.mode-read .pane-inner[data-pane="read"] br.petuah-break{
  display: block;
  content: "";
  margin-bottom: 1em;
}

/* Setuma inline : espaces dans le texte continu */
.paracha-shell.mode-read .pane-inner[data-pane="read"] .mod-setuma-inline{
  display: inline;
}

.paracha-shell.mode-read .pane-inner[data-pane="read"] .setuma-piece-inline{
  display: inline;
  white-space: normal;
}

.paracha-shell.mode-read .pane-inner[data-pane="read"] .setuma-gap-inline{
  display: inline;
  white-space: pre;
}

/* Cacher le pane read dans les autres modes */
.paracha-shell:not(.mode-read) .pane-inner[data-pane="read"]{ display: none; }



/* --- Mode Haftarah (une seule colonne : AVEC points) --- */
.paracha-shell.mode-haftarah .aliyah-grid{
  grid-template-columns: minmax(0, calc(var(--haftarah-col-width-ch) * 1ch));
  gap: 0;
}
.paracha-shell.mode-haftarah .pane-inner[data-pane="no"]{   display:none;  }
.paracha-shell.mode-haftarah .pane-inner[data-pane="with"]{ display:block; margin-inline:auto; }
/* En mode Haftarah : on cache le header/viewtoggles */
.paracha-shell.mode-haftarah .paracha-header,
.paracha-shell.mode-haftarah .paracha-viewtoggles {
  display: none !important;
}


/* pas de dimming ni maftir highlight en mode Haftarah */
.paracha-shell.mode-haftarah .line.dim,
.paracha-shell.mode-haftarah .frag.dim,
.paracha-shell.mode-haftarah .frag > span.dim,
.paracha-shell.mode-haftarah .maftir-highlight,
.paracha-shell.mode-haftarah.mod-maftir .frag,
.paracha-shell.mode-haftarah.mod-maftir .frag > span{
  opacity: 1 !important;
}



/* Direction & bloc haftarah */
.paracha-shell.mode-haftarah .haftarah-box {
  direction: rtl;
}

/* Chaque ligne de la haftarah */
.paracha-shell.mode-haftarah .haftarah-box .line {
  text-align: justify;   
  text-align-last: right !important;
  unicode-bidi: plaintext;
}

.paracha-shell.mode-haftarah .haftarah-box .haftarah-setuma{
  display:inline-block;
  width: 5px; /* à ajuster au feeling */
}


/* Span qui contient vraiment le texte */
.paracha-shell.mode-haftarah .haftarah-box .frag {
  font-family: "TaameyFrankCLM","Noto Sans Hebrew",system-ui,sans-serif;
  /* la taille vient maintenant de --font-size-active / --font-max-active */
}

/* =====================================================
   SLIDER FONT-SIZE (visible en mode lecture et haftarah)
   ===================================================== */
.paracha-fontsize-container {
  display: none; /* caché par défaut, JS gère la visibilité */
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0px 0px 0px 0px;
  margin: -5px -10px -5px 0px;
}

.paracha-fontsize-container:not([hidden]) {
  display: flex;
}

.paracha-fontsize-container .ptfs-range {
  width: 160px;
  max-width: 40vw;
  min-width: 100px;
  height: 32px; /* zone de touche plus grande */
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation; /* meilleur contrôle tactile */
}

/* Track (webkit) */
.paracha-fontsize-container .ptfs-range::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 999px;
  background: rgba(179,149,83,0.22);
}

/* Thumb doré (webkit) - plus grand pour mobile */
.paracha-fontsize-container .ptfs-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #B39553;
  border: 2px solid rgba(255,255,255,0.9);
  box-shadow: 0 2px 8px rgba(26,31,54,0.18);
  margin-top: -9px;
  cursor: pointer;
}

/* Track (Firefox) */
.paracha-fontsize-container .ptfs-range::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: rgba(179,149,83,0.22);
}

/* Thumb (Firefox) - plus grand pour mobile */
.paracha-fontsize-container .ptfs-range::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #B39553;
  border: 2px solid rgba(255,255,255,0.9);
  box-shadow: 0 2px 8px rgba(26,31,54,0.18);
  cursor: pointer;
}

.paracha-fontsize-container .ptfs-value {
  font-size: 14px;
  font-weight: 600;
  color: rgba(26,31,54,0.65);
  min-width: 26px;
  text-align: right;
}

/* La variable ne s’applique qu’en "Lecture" */
/* Valeur par défaut si rien en localStorage */
/* .paracha-shell{
  --pt-read-font-size: 32px;
} */
.paracha-shell[data-view="read"] .paracha-scrollbox,
.paracha-shell[data-view="read"] .pane-inner {
  font-size: var(--pt-read-font-size);
  line-height: 1.7;
}


/*-----------------------------------------
   TAILLE POLICE POUR MODE READ et HAFTARAH Pour slider
   ----------------------------------------- */
/* MODE READ : applique la variable sur le pane read */
.paracha-shell.mode-read .hebrew--read,
.paracha-shell.mode-read .hebrew--read .pane-inner,
.paracha-shell.mode-read .hebrew--read .line,
.paracha-shell.mode-read .hebrew--read .frag{
  font-size: var(--pt-read-font-size) !important;
  line-height: 1.5;
}

/* MODE HAFTARAH : utilise la même variable que le slider lecture */
.paracha-shell.mode-haftarah .haftarah-box,
.paracha-shell.mode-haftarah .haftarah-box .line,
.paracha-shell.mode-haftarah .haftarah-box .frag{
  font-size: var(--pt-read-font-size) !important;
  line-height: 1.5;
}

.paracha-shell.mode-read .hebrew--read,
.paracha-shell.mode-read .pane-inner[data-pane="read"]{
  font-size: var(--pt-read-font-size);
}






/* =========================================================
   Positionnement — Audio au-dessus des boutons
   ========================================================= */
.paracha-audio{ order: 0; }
.paracha-controls{ order: 1; }
.paracha-viewtoggles{ order: 2; }
.paracha-fontsize-container{ order: 3; }
.paracha-scrollbox{ order: 4; }
.parasha-loading{ order: 5; }

/* =========================================================
   =========  RESPONSIVE — RÈGLES & PADDINGS PAR MODE  ======
   ========================================================= */

/* --- Bandeau Audio: 8 colonnes / 4 colonnes --- */
@media (min-width: 1026px){
  .paracha-audio .audio-row{ grid-template-columns: repeat(8, minmax(96px, 1fr)); gap: 8px 18px; }
}
@media (max-width: 1025px){
  .paracha-audio{ position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; border-radius: 0;
    padding-left: min(24px, 2.5vw); padding-right: min(24px, 2.5vw); }
  .paracha-audio .audio-row{ grid-template-columns: repeat(4, minmax(92px, 1fr)); gap: 8px 18px; }
  .paracha-audio .audio-caption{ font-size: 12.5px; }
  .paracha-audio .audio-dot{ width: 24px; height: 24px; }
}
@media (max-width: 900px){
  .paracha-audio .audio-row{ grid-template-columns: repeat(4, minmax(86px, 1fr)); gap: 8px 16px; }
  .paracha-audio .audio-caption{ font-size: 12px; }
  .paracha-audio .audio-dot{ width: 23px; height: 23px; }
}
@media (max-width: 820px){
  .paracha-audio .audio-row{ grid-template-columns: repeat(4, minmax(82px, 1fr)); gap: 8px 14px; }
  .paracha-audio .audio-caption{ font-size: 11.5px; }
  .paracha-audio .audio-dot{ width: 22px; height: 22px; }
}
@media (max-width: 768px){
  .paracha-audio .audio-row{ grid-template-columns: repeat(4, minmax(78px, 1fr)) !important; gap: 8px 12px; }
  .paracha-audio .audio-caption{ font-size: 11px; }
  .paracha-audio .audio-dot{ width: 21px; height: 21px; }
  .paracha-scrollbox{ max-height:70vh; overflow-y: auto;}
  .paracha-header{ margin-top:-10px; margin-bottom: -1px;}
  .paracha-viewtoggles-inner{margin-top:-8px; margin-bottom: -8px;}
}

/* Ajustement en mode paysage sur petits écrans */
@media (max-width: 768px) and (orientation: landscape){
  .paracha-scrollbox{
     max-height: 90vh;
		overflow-y: auto;
		margin-bottom:-60px;
  }
 .paracha-header{
    margin-top:-10px;
    margin-bottom: -1px;
  }
  .paracha-viewtoggles-inner{
    margin-top:0px;
    margin-bottom: -15px;
}

}

@media (max-width: 700px){
  .paracha-audio .audio-row{ grid-template-columns: repeat(4, minmax(74px, 1fr)); }
  .paracha-audio .audio-caption{ font-size: 10.8px; }
  .paracha-audio .audio-dot{ width: 20px; height: 20px; }

  :root{
    --audio-btn-pad-x: 8px;
    --audio-btn-pad-y: 6px;
  }
}
@media (max-width: 640px){
  .paracha-audio .audio-row{ grid-template-columns: repeat(4, minmax(70px, 1fr)); }
  .paracha-audio .audio-caption{ font-size: 10px; }
  .paracha-audio .audio-dot{ width: 20px; height: 20px; }
}
@media (max-width: 600px){
  .paracha-audio .audio-row{ grid-template-columns: repeat(4, minmax(66px, 1fr)); }
  .paracha-audio .audio-caption{ font-size: 9px; }
  .paracha-audio .audio-dot{ width: 20px; height: 20px; }
}
@media (max-width: 560px){
  .paracha-audio .speed-select{ font-size: 11px; padding: 3px 26px 3px 8px; }
}
@media (max-width: 388px){
  .paracha-audio .audio-row{ grid-template-columns: repeat(3, minmax(64px, 1fr)) !important; gap: 8px 10px; }
  .paracha-audio .audio-caption{ font-size: 9.6px; }
  .paracha-audio .audio-dot{ width: 20px; height: 20px; }

  :root{
    --audio-btn-pad-x: 7px;
    --audio-btn-pad-y: 5px;
  }
}


/* --- Choix des aliyot (compact) --- */
@media (max-width: 1260px){
  :root{
    --aliyah-min-width: 104px;
    --aliyah-he-size: clamp(15px, 1.1vw, 17px);
    --aliyah-fr-size: clamp(11px, 0.95vw, 13px);
    --aliyah-height: 38px;
  }
}
@media (max-width: 1205px){
  :root{
    --aliyah-min-width: 90px;
    --aliyah-he-size: clamp(14px, 1.1vw, 14px);
    --aliyah-fr-size: clamp(10px, 0.95vw, 12px);
    --aliyah-height: 36px;
  }
}
@media (max-width: 1107px){
  :root{
    --aliyah-min-width: 85px;
    --aliyah-he-size: clamp(14px, 1.1vw, 14px);
    --aliyah-fr-size: clamp(10px, 0.95vw, 12px);
    --aliyah-height: 36px;
  }
}

@media (max-width: 1097px){
    
  .paracha-shell .paracha-controls{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    gap: var(--aliyah-gap);
    position: relative;
    left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw; width: 100vw;
    padding-left: min(24px, 2.5vw); padding-right: min(24px, 2.5vw);
    border-radius: 0;
  }
  .paracha-shell .paracha-controls .aliyah-btn{
    width: auto !important; flex: 0 1 auto;
    min-width: var(--aliyah-min-width); min-height: var(--aliyah-height);
    white-space: nowrap;
  }
}

/* --- ULTRA COMPACT : 9 boutons (≤593px) --- */
@media (max-width: 593px){
  :root{
    --aliyah-gap-compact: 6px;
    --controls-side-pad: min(16px, 3vw);
    --aliyah-height: 30px;
  }
  .paracha-shell .paracha-controls{
    flex-wrap: nowrap !important;
    justify-content: center; gap: var(--aliyah-gap-compact);
    margin-bottom: 10px !important;
    padding-left: var(--controls-side-pad); padding-right: var(--controls-side-pad);
    overflow: hidden;
  }
  .paracha-shell .paracha-controls .aliyah-btn{
    flex: 0 0 calc((100vw - (2 * var(--controls-side-pad)) - (8 * var(--aliyah-gap-compact))) / 9) !important;
    min-width: 0 !important; max-width: none !important;
    min-height: var(--aliyah-height) !important; padding: 6px 0 !important; border-width: 2px; white-space: nowrap;
  }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="M"],
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="H"]{
    flex-basis: calc((100vw - (2 * var(--controls-side-pad)) - (8 * var(--aliyah-gap-compact))) / 9) !important;
    min-width: 0 !important; margin-inline: 0 !important; padding-left: 0 !important; padding-right: 0 !important;
  }
  .paracha-shell .paracha-controls .aliyah-btn .lbl-fr,
  .paracha-shell .paracha-controls .aliyah-btn .lbl-he,
  .paracha-shell .paracha-controls .aliyah-btn .lbl-sep{ display: none !important; }
  .paracha-shell .paracha-controls .aliyah-btn::after{
    content: attr(data-idx); display: inline-block; line-height: 1; font-weight: 600; font-size: 12px;
  }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="0"]::after{ content: "1"; }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="1"]::after{ content: "2"; }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="2"]::after{ content: "3"; }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="3"]::after{ content: "4"; }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="4"]::after{ content: "5"; }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="5"]::after{ content: "6"; }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="6"]::after{ content: "7"; }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="M"]::after{ content: "M"; }
  .paracha-shell .paracha-controls .aliyah-btn[data-idx="H"]::after{ content: "H"; }
}





/* -----------------------------------------
   PADDINGS & FONTS PAR MODE — même breakpoints
   ----------------------------------------- */

@media (max-width: 7500px){
    
    :root{
   --font-size-haftarah: 32px;
   --font-size-read: 32px;
  }
    
    
  .paracha-shell[data-parasha="haazinou"]{
    /* Taille de base plus grande pour cette paracha */
    --font-size-nek:   30px;
    --font-size-plain: 30px;
    --font-max-nek:    36px;
    --font-max-plain:  36px;
  }
  
  
  
  .paracha-shell[data-parasha="haazinou"].mode-tikkun .line-pair{ column-gap: 4em; }
  .paracha-shell[data-parasha="haazinou"].mode-plain .line-pair{column-gap: 6em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair{column-gap: 6em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair .line{ line-height: var(--haaz-line-height-nek);}
  .paracha-shell[data-parasha="haazinou"].mode-tikkun{
      --font-size-tikkun: 21px;
      --font-max-tikkun: 21px;
  }

  /* --- Surcharge BECHALAH : on enlève ce gros padding en mono-col --- */
  .paracha-shell[data-parasha="bechalah"].mode-plain,
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{
    --col-padX: 1px;
  }

  /* --- BECHALAH en TIKKUN (2 colonnes) --- */
  .paracha-shell[data-parasha="bechalah"].mode-tikkun{
    /* colonnes un peu plus larges + gap réduit */
    --tikkun-col-width-ch: 57;   /* tu peux monter à 50 si ça passe bien */
    --tikkun-col-gap: 93px;      /* au lieu de 110px */

    /* très peu de padding interne pour gagner de la place */
    --col-padX: 0.1px;

    /* taille max de police spécifique Bechalah en tikkun sur cette zone */
    --font-max-tikkun: 19px;
  }

  /* on resserre légèrement les caractères en tikkun pour Bechalah */
  .paracha-shell[data-parasha="bechalah"].mode-tikkun .pane-inner .line{
    letter-spacing: -0.02em;
    word-spacing: -0.05em;
  }
  
}



/* Plafonds (MAX) par mode + padding horizontal */
@media (max-width: 1310px){
  :root{
    --font-max-tikkun: calc(24px * 0.90);
    --font-max-nek: 24px;
    --font-max-plain: 24px;
  }

  /* par défaut on ajoute du padding interne en mono-colonne */
  .paracha-shell.mode-plain{ --col-padX: 60px; }
  .paracha-shell.mode-nekudot{ --col-padX: 60px; }
  .paracha-shell.mode-haftarah{ --col-padX: 60px; }
 

  /* --- Surcharge BECHALAH : on enlève ce gros padding en mono-col --- */
  .paracha-shell[data-parasha="bechalah"].mode-plain,
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{
    --col-padX: 1px;
  }

  /* --- BECHALAH en TIKKUN (2 colonnes) --- */
  .paracha-shell[data-parasha="bechalah"].mode-tikkun{
    /* colonnes un peu plus larges + gap réduit */
    --tikkun-col-width-ch: 52;   /* tu peux monter à 50 si ça passe bien */
    --tikkun-col-gap: 75px;      /* au lieu de 110px */

    /* très peu de padding interne pour gagner de la place */
    --col-padX: 0.1px;

    /* taille max de police spécifique Bechalah en tikkun sur cette zone */
    --font-max-tikkun: 18px;
  }

  /* on resserre légèrement les caractères en tikkun pour Bechalah */
  .paracha-shell[data-parasha="bechalah"].mode-tikkun .pane-inner .line{
    letter-spacing: -0.02em;
    word-spacing: -0.03em;
  }
  
   /* TRAITEMENT SPECIAL HAAZINOU */
  .paracha-shell[data-parasha="haazinou"]{
    /* Taille de base plus grande pour cette paracha */
    --font-size-nek:   26px;
    --font-size-plain: 26px;
    --font-max-nek:    36px;
    --font-max-plain:  36px;
  }
  .paracha-shell[data-parasha="haazinou"].mode-tikkun .line-pair{ column-gap: 3em; }
  .paracha-shell[data-parasha="bechalah"].mode-tikkun{ --font-max-tikkun: 20px; }
  .paracha-shell[data-parasha="haazinou"].mode-tikkun{ --font-max-tikkun: 20px;}
  .paracha-shell[data-parasha="haazinou"].mode-plain .line-pair{column-gap: 6em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair{column-gap: 6em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot{--col-padX: 1px;}
  .paracha-shell[data-parasha="haazinou"].mode-plain{--col-padX: 1px;}
}

@media (max-width: 1226px){
    
    .paracha-shell[data-parasha="bechalah"].mode-tikkun{ --font-max-tikkun: 17px; }
    .paracha-shell[data-parasha="haazinou"].mode-tikkun{ --font-max-tikkun: 20px;}
}


@media (max-width: 1210px){
  :root{
    --font-max-tikkun: calc(24px * 0.85);
    --font-max-nek: 24px;
    --font-max-plain: 24px;
    
  }
    .paracha-shell[data-parasha="bechalah"].mode-tikkun{ --font-max-tikkun: 19px; }
    .paracha-shell[data-parasha="haazinou"].mode-tikkun{ --font-max-tikkun: 19px;}
}

@media (max-width: 1159px){
    
    .paracha-shell[data-parasha="bechalah"].mode-tikkun{ --font-max-tikkun: 16px; }
    .paracha-shell[data-parasha="haazinou"].mode-tikkun .line-pair{ column-gap: 2em; }
}

@media (max-width: 1145px){
  :root{
    --font-max-tikkun: calc(24px * 0.80);
    --font-max-nek: 24px;
    --font-max-plain: 24px;
    
  }
 
}

@media (max-width: 1100px){
  :root{
    --font-max-tikkun: calc(24px * 0.75);
    --font-max-nek: 24px;
    --font-max-plain: 24px;
     
  }
  .paracha-shell[data-parasha="bechalah"].mode-tikkun{ --font-max-tikkun: 15px; }
  .paracha-shell[data-parasha="haazinou"].mode-tikkun{ --font-max-tikkun: 18px;}
}

@media (max-width: 1050px){
  :root{
    --font-max-tikkun: calc(24px * 0.75);
    --font-max-nek: 24px;
    --font-max-plain: 24px;
    --font-size-haftarah: 30px;
    --font-size-read: 30px;
    --pt-read-font-size: 30px;
  }
  .paracha-shell.mode-tikkun{ --tikkun-col-gap: 90px; }
}

@media (max-width: 1038px){
    
    .paracha-shell[data-parasha="bechalah"].mode-tikkun{ --font-max-tikkun: 14px; }
    .paracha-shell[data-parasha="haazinou"].mode-tikkun{ --font-max-tikkun: 17px;}
}

@media (max-width: 1020px){
  :root{
    --font-max-tikkun: calc(24px * 0.70);
    --font-max-nek: 24px;
    --font-max-plain: 24px;
     
  }
  .paracha-shell.mode-tikkun{ --tikkun-col-gap: 90px; }
}

@media (max-width: 1038px){
    
    .paracha-shell[data-parasha="bechalah"].mode-tikkun{ 
        --font-max-tikkun: 14px;
         --tikkun-col-gap: 50px; 
        }
    .paracha-shell[data-parasha="haazinou"].mode-tikkun{ --font-max-tikkun: 16.5px;}
}

@media (max-width: 950px){
  :root{
    --font-max-tikkun: calc(24px * 0.65);
    --font-max-nek: 24px;
    --font-max-plain: 24px;
    --font-size-haftarah: 28px;
    --font-size-read: 28px;
    --gap-header-to-text: 0px;
    --pt-read-font-size: 28px;
  }
  .paracha-shell.mode-tikkun{ --tikkun-col-gap: 80px; }
  .paracha-shell[data-parasha="bechalah"].mode-tikkun{ --font-max-tikkun: 13px; }
 
 
  /* TRAITEMENT SPECIAL HAAZINOU */
 .paracha-shell[data-parasha="haazinou"]{
   
    --font-size-nek:   24px;
    --font-size-plain: 24px;
  }
  
  .paracha-shell[data-parasha="haazinou"].mode-plain .line-pair{column-gap: 5em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair{column-gap: 5em;}
   .paracha-shell[data-parasha="haazinou"].mode-tikkun{ --font-max-tikkun: 15.5px;}
 
 
}

@media (max-width: 890px){
    
    .paracha-shell[data-parasha="bechalah"].mode-tikkun{ --font-max-tikkun: 12.5px; }
    .paracha-shell[data-parasha="haazinou"].mode-tikkun{ --font-max-tikkun: 15px;}
    
}


@media (max-width: 875px){
  :root{
    --font-max-tikkun: calc(24px * 0.65);
    --font-max-nek: 24px;
    --font-max-plain: 24px;
  
  }
   .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 24px; }
   .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 24px; }
   .paracha-shell[data-parasha="bechalah"].mode-tikkun{ --font-max-tikkun: 12.1px; }
   .paracha-shell[data-parasha="haazinou"].mode-tikkun{ --font-max-tikkun: 14.5px;}
   
        
}

@media (max-width: 830px){
    
   .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 20px; }
   .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 20px; }
}




@media (max-width: 800px){
  :root{
    --font-max-tikkun: calc(24px * 0.90);
    --font-max-nek: 24px;
    --font-max-plain: 24px;
    --font-size-haftarah: 26px;
    --font-size-read: 26px;
    --pt-read-font-size: 26px;
  }
   .paracha-shell.mode-plain{ --col-padX: 30px; }
  .paracha-shell.mode-nekudot{ --col-padX: 30px; }
  .paracha-shell.mode-haftarah{ --col-padX: 30px; }
  
  /* TRAITEMENT SPECIAL HAAZINOU */
 .paracha-shell[data-parasha="haazinou"]{
   
    --font-size-nek:   24px;
    --font-size-plain: 24px;
  }
  .paracha-shell[data-parasha="haazinou"].mode-tikkun{--font-max-tikkun: 24px;}
  .paracha-shell[data-parasha="haazinou"].mode-plain .line-pair{column-gap: 4em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair{column-gap: 4em;}
  
  
}
@media (max-width: 700px){
  :root{
    --font-max-tikkun: calc(24px * 0.80);
    --font-max-nek:    calc(24px * 0.95);
    --font-max-plain:  calc(24px * 0.95);
   
  }
  
   .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 18px; }
   .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 18px; }
   
   /* TRAITEMENT SPECIAL HAAZINOU */
 .paracha-shell[data-parasha="haazinou"]{
   
    --font-size-nek:   22px;
    --font-size-plain: 22px;
  }
  .paracha-shell[data-parasha="haazinou"].mode-tikkun{--font-max-tikkun: 24px;}
  .paracha-shell[data-parasha="haazinou"].mode-plain .line-pair{column-gap: 4em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair{column-gap: 4em;}
}

@media (max-width: 675px){
  :root{
    --font-max-tikkun: calc(24px * 0.80);
    --font-max-nek:    calc(24px * 0.90);
    --font-max-plain:  calc(24px * 0.90);
   
  }
}

@media (max-width: 645px){
  
   .paracha-shell.mode-plain{ --col-padX: 20px; }
  .paracha-shell.mode-nekudot{ --col-padX: 20px; }
  .paracha-shell.mode-haftarah{ --col-padX: 20px; }
  
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 17px; }
  .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 17px; }
  
  
   /* TRAITEMENT SPECIAL HAAZINOU */
 .paracha-shell[data-parasha="haazinou"]{
   
    --font-size-nek:   20px;
    --font-size-plain: 20px;
  }
}

@media (max-width: 620px){
  
   .paracha-shell.mode-plain{ --col-padX: 10px; }
  .paracha-shell.mode-nekudot{ --col-padX: 10px; }
  .paracha-shell.mode-haftarah{ --col-padX: 10px; }
}

@media (max-width: 600px){
    
    .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 16px; }
    .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 16px; }
}

@media (max-width: 595px){
  :root{
    --font-max-nek:    calc(24px * 0.80);
    --font-max-plain:  calc(24px * 0.80);
    
  }
  
  .paracha-shell[data-parasha="haazinou"]{
   
    --font-size-nek:   18px;
    --font-size-plain: 18px;
  }
  .paracha-shell[data-parasha="haazinou"].mode-tikkun{--font-max-tikkun: 24px;}
  .paracha-shell[data-parasha="haazinou"].mode-plain .line-pair{column-gap: 3.5em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair{column-gap: 3.5em;}
}

@media (max-width: 564px){
    
    .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 15px; }
    .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 15px; }
}

@media (max-width: 550px){
  :root{
    --font-max-tikkun: calc(24px * 0.70);
    --font-max-nek:    calc(24px * 0.80);
    --font-max-plain:  calc(24px * 0.80);
    
  }
   .paracha-shell.mode-plain{ --col-padX: 5px; }
  .paracha-shell.mode-nekudot{ --col-padX: 5px; }
  .paracha-shell.mode-haftarah{ --col-padX: 5px; }
}

@media (max-width: 530px){
    
    .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 14px; }
    .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 14px; }
    
    .paracha-shell[data-parasha="haazinou"]{
    --font-size-nek:   16px;
    --font-size-plain: 16px;
  }
}

@media (max-width: 520px){
  
   .paracha-shell.mode-plain{ --col-padX: 0px; }
  .paracha-shell.mode-nekudot{ --col-padX: 0px; }
  .paracha-shell.mode-haftarah{ --col-padX: 0px; }
}

@media (max-width: 510px){
  
   :root{
    --font-max-nek:    calc(24px * 0.75);
    --font-max-plain:  calc(24px * 0.75);
    
  }
  
}

@media (max-width: 500px){
  
  :root{
    --font-max-nek:    calc(24px * 0.70);
    --font-max-plain:  calc(24px * 0.70);
   
  }
   .paracha-shell.mode-plain{ --col-padX: 0px; }
  .paracha-shell.mode-nekudot{ --col-padX: 0px; }
  .paracha-shell.mode-haftarah{ --col-padX: 0px; }
  
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 13px; }
  .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 13px; }
  
   .paracha-shell[data-parasha="haazinou"]{
    --font-size-nek:   14px;
    --font-size-plain: 14px;
  }
}


@media (max-width: 450px){
  :root{
    --font-max-tikkun: calc(24px * 0.65);
    --font-max-nek:    calc(24px * 0.65);
    --font-max-plain:  calc(24px * 0.65);
    
  }
  
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 12px; }
  .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 12px; }
}
@media (max-width: 420px){
  :root{
    --font-max-tikkun: calc(24px * 0.60);
    --font-max-nek:    calc(24px * 0.63);
    --font-max-plain:  calc(24px * 0.63);
     --font-size-haftarah: 24px;
     --font-size-read: 24px;
     --gap-controls-to-text: 100px ;
     --pt-read-font-size: 24px;
  }
  
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 10px; }
  .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 10px; }
  .paracha-shell[data-parasha="haazinou"].mode-plain .line-pair{column-gap: 2.75em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair{column-gap: 2.75em;}
  
  .paracha-shell[data-parasha="haazinou"]{
    --font-size-nek:   10px;
    --font-size-plain: 10px;
  }
}
@media (max-width: 400px){
  :root{
    --font-max-tikkun: calc(24px * 0.60);
    --font-max-nek:    calc(24px * 0.6);
    --font-max-plain:  calc(24px * 0.6);
    --gap-controls-to-text: 100px ;
  }
  
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 10px; }
  .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 10px; }
   .paracha-shell[data-parasha="haazinou"].mode-plain .line-pair{column-gap: 2em;}
  .paracha-shell[data-parasha="haazinou"].mode-nekudot .line-pair{column-gap: 2em;}
 
}
@media (max-width: 394px){
  :root{
    --font-max-tikkun: calc(24px * 0.55);
    --font-max-nek:    calc(24px * 0.58);
    --font-max-plain:  calc(24px * 0.58);
    --gap-controls-to-text: 100px ;
  }
  
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 10px; }
  .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 10px; }
   
}

@media (max-width: 388px){

.paracha-shell[data-parasha="haazinou"].mode-nekudot{  --font-max-nek: 10px; }
  .paracha-shell[data-parasha="haazinou"].mode-plain{  --font-max-plain: 10px; }

}

@media (max-width: 380px){
  :root{
    --font-max-tikkun: calc(24px * 0.55);
    --font-max-nek:    calc(24px * 0.56);
    --font-max-plain:  calc(24px * 0.56);
    --gap-controls-to-text: 100px ;
  }
  
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 10px; }
  .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 10px; }
}
@media (max-width: 360px){
  :root{
    --font-max-tikkun: calc(24px * 0.50);
    --font-max-nek:    calc(24px * 0.50);
    --font-max-plain:  calc(24px * 0.50);
  }
  
  .paracha-shell[data-parasha="bechalah"].mode-nekudot{  --font-max-nek: 10px; }
  .paracha-shell[data-parasha="bechalah"].mode-plain{  --font-max-plain: 10px; }
}

/* Paddings latéraux par MODE (mêmes breakpoints) */
@media (max-width: 1025px){
  .paracha-shell{
    position: relative; left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
    width: 100vw; max-width: 100vw;
  }
  .paracha-shell.mode-tikkun{ --padX-active:  min(22px, 3vw); }   /* tikkun */
  .paracha-shell.mode-nekudot{ --padX-active: min(28px, 4vw); }   /* lecture mono-col + points */
  .paracha-shell.mode-plain{ --padX-active:   min(28px, 4vw); }   /* lecture mono-col, un peu plus d’air */
  .paracha-shell.mode-haftarah{ --padX-active:   min(28px, 4vw); }
  .paracha-shell.mode-read{ --padX-active:   min(28px, 4vw); }

}

/* ---------------------------- Passage à 1 colonne (forçage mobile) ---------------------------- */
@media (max-width: 849.98px){
  /* Passage à 1 colonne UNIQUEMENT quand on est en mode Tikkun (pas Haftarah) */
  .paracha-shell.mode-tikkun:not(.mode-haftarah) .aliyah-grid{
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .paracha-shell.mode-tikkun:not(.mode-haftarah) .pane-inner[data-pane="no"]{
    display: none;
  }
  .paracha-shell.mode-tikkun:not(.mode-haftarah) .pane-inner[data-pane="with"]{
    display: block;
    margin-inline: auto;
  }

  /* On cache le bouton "Tikkun" dans les toggles*/
  .paracha-viewtoggles .view-btn[data-view="tikkun"]{
    display: none !important;
  }
}

/* =========================================
   PARACHA TIKKUN — ANTI FLASH TEXTE (FINAL)
   ========================================= */

/* 1) Réserver l’espace du texte */
.paracha-scrollbox{
  min-height: 70vh;   /* empêche tout jump */
}

/* 2) Masquer le texte tant que le JSON n’est pas injecté */
.paracha-scrollbox{
  opacity: 0;
}

/* 3) Révéler une fois prêt */
.paracha-scrollbox.is-ready{
  opacity: 1;
  transition: opacity 0.15s ease;
}

/* 4) Le message "Chargement…" reste visible au début */
.parasha-loading{
  display: block;
}

/* 5) Quand prêt : on cache le message */
.paracha-scrollbox.is-ready + .parasha-loading{
  display: none;
}


/* -----------------------------------------
   ADAPTATIONS TABLETTE /  MOBILE ECRAN
   ----------------------------------------- */
/* TABLET ONLY : 768px → 1024px */
@media (min-width: 768px) and (max-width: 1024px){

  /* remontée du bloc hero et réduction du bas */
  .row-hero-parachot{
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  /* size t2 */
  .hero-text2-parachot{
    font-size: 15px !important;
  }

  /* size t3 */
  .hero-text3-parachot{
    font-size: 18px !important;
    margin-top: -15px !important;
  }

  /* size t selection paracha */
  .kt-btn-inner-text{
    font-size: 15px !important;
  }

  /* Espace player / hero */
  .kadence-column771_5114eb-07 > .kt-inside-inner-col{
    margin-top: 10px !important;
  }

  /* hide separator (⚠️ ça cache tous les separators de la page sur tablette) */
  .wp-block-separator{
    border: none !important;
    border-top: none !important;
    display: none !important;
  }

  /* centre le bouton selection paracha  */
  .wp-block-kadence-advancedbtn{
    display: flex !important;
    justify-content: center !important;
  }

  /* modifier taille et radius bouton paracha */
  .wp-block-kadence-advancedbtn .kb-btn771_b272c5-46.kb-button {
    border-radius: 20px;
    padding-left : 25px;
    padding-right : 25px;
  }
}

/* MOBILE ONLY : < 768px */
@media (max-width: 768px){

  /* remontée du bloc hero et réduction du bas */
  .row-hero-parachot{
    margin-top: -30px !important;
    margin-bottom: -67px !important;
  }

  /* size t1 */
  .hero-text1-parachot{
    font-size: 30px !important;
    margin-top: 22px !important;
  }

  /* size t2 */
  .hero-text2-parachot{
    font-size: 15px !important;
    display: none !important;
  }

  /* size t3 */
  .hero-text3-parachot{
    display: none !important;
  }

  /* size t selection paracha */
  .kt-btn-inner-text{
    font-size: 15px !important;
  }

  /* remontée du bouton selection paracha */
  .wp-block-kadence-advancedbtn.kb-btns771_ba199f-9c{
    margin-top: -8px !important;
  }

  /* Espace player / hero */
  .kadence-column771_5114eb-07 > .kt-inside-inner-col{
    margin-top: 8px !important;
  }

  /* hide separator */
  .wp-block-separator{
    border: none !important;
    border-top: none !important;
    display: none !important;
  }

  /* centrage du bouton */
  .wp-block-kadence-advancedbtn{
    display: flex !important;
    justify-content: center !important;
  }

  .wp-block-kadence-advancedbtn .kb-btn771_b272c5-46.kb-button{
    border-radius: 20px !important;
    padding-left: 20px !important;
    padding-right: 24px !important;
  }

}