/* Folios — load AFTER ifb-print-theme-dark.css (Paged.js merges whole margin boxes;
   later @bottom-* rules that omit `content` wipe earlier counter(page)). */

:root {
  --ifb-folio-font: "Fake Receipt", serif;
  --ifb-folio-size: 8pt;
  --ifb-folio-color: #000;
  --ifb-folio-color-dark: #d8d8dc;
}

/* Mirrored book: recto folio on inner bottom-left, verso on inner bottom-right. */
@page:right {
  @bottom-left {
    content: counter(page);
    font-family: var(--ifb-folio-font);
    font-size: var(--ifb-folio-size);
    line-height: 1;
    vertical-align: bottom;
    text-align: left;
    color: var(--ifb-folio-color);
    margin: 0;
    padding: 0;
  }
  @bottom-right {
    content: none;
  }
}

@page:left {
  @bottom-right {
    content: counter(page);
    font-family: var(--ifb-folio-font);
    font-size: var(--ifb-folio-size);
    line-height: 1;
    vertical-align: bottom;
    text-align: right;
    color: var(--ifb-folio-color);
    margin: 0;
    padding: 0;
  }
  @bottom-left {
    content: none;
  }
}

@page annexe:right {
  @bottom-left {
    content: counter(page);
    font-family: var(--ifb-folio-font);
    font-size: var(--ifb-folio-size);
    line-height: 1;
    vertical-align: bottom;
    text-align: left;
    color: var(--ifb-folio-color);
  }
  @bottom-right {
    content: none;
  }
}

@page annexe:left {
  @bottom-right {
    content: counter(page);
    font-family: var(--ifb-folio-font);
    font-size: var(--ifb-folio-size);
    line-height: 1;
    vertical-align: bottom;
    text-align: right;
    color: var(--ifb-folio-color);
  }
  @bottom-left {
    content: none;
  }
}

@page ifb-author:right {
  @bottom-left {
    content: counter(page);
    font-family: var(--ifb-folio-font);
    font-size: var(--ifb-folio-size);
    line-height: 1;
    vertical-align: bottom;
    text-align: left;
    color: var(--ifb-folio-color);
  }
  @bottom-right {
    content: none;
  }
}

@page ifb-author:left {
  @bottom-right {
    content: counter(page);
    font-family: var(--ifb-folio-font);
    font-size: var(--ifb-folio-size);
    line-height: 1;
    vertical-align: bottom;
    text-align: right;
    color: var(--ifb-folio-color);
  }
  @bottom-left {
    content: none;
  }
}

/* Suppress folios on openers, plates, covers, blanks, front matter */
@page :blank {
  @bottom-right {
    content: none;
  }
  @bottom-left {
    content: none;
  }
}

@page preliminary:right,
@page preliminary:left {
  @bottom-right {
    content: none;
  }
  @bottom-left {
    content: none;
  }
}

@page partie:right,
@page partie:left,
@page titre:right,
@page titre:left,
@page ifbPlate:right,
@page ifbPlate:left,
@page imgFull:right,
@page imgFull:left,
@page image:right,
@page image:left,
@page encart:right,
@page encart:left,
@page debut:right,
@page debut:left,
@page garde:right,
@page garde:left,
@page sommaire:right,
@page sommaire:left,
@page blanc:right,
@page blanc:left,
@page circuit:right,
@page circuit:left,
@page circuitTexte:right,
@page circuitTexte:left,
@page code:right,
@page code:left,
@page imgTuto:right,
@page imgTuto:left {
  @bottom-right {
    content: none;
  }
  @bottom-left {
    content: none;
  }
}

/* Paged.js renders @page folios on ::after; hide any stray text node duplicates */
.pagedjs_margin-bottom-right .pagedjs_margin-content,
.pagedjs_margin-bottom-left .pagedjs_margin-content {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

.pagedjs_margin-bottom-right .pagedjs_margin-content::after,
.pagedjs_margin-bottom-left .pagedjs_margin-content::after {
  font-family: var(--ifb-folio-font) !important;
  font-size: var(--ifb-folio-size) !important;
  line-height: 1 !important;
  color: var(--ifb-folio-color) !important;
}

html.ifb-print-root--dark .pagedjs_margin-bottom-right .pagedjs_margin-content::after,
html.ifb-print-root--dark .pagedjs_margin-bottom-left .pagedjs_margin-content::after {
  color: var(--ifb-folio-color-dark) !important;
}
