/* CSS DE MISE EN PAGE DU PROGRAMME */

@page {
    size: A3;
    margin: 20mm;
    bleed: 5mm;
    marks: crop;
}

/* Pas besoin pour l'instant mais peut-etre utile plus tard *
@page:first {
    margin: 0mm;
}
*/

@page {
  @bottom-left {
    content: "Page " counter(page) " sur " counter(pages);
  }
}

@font-face {
  font-family: "Brown-M";
  src: url("fonts/BrownCondLL-Medium.otf") format("opentype");
}

:root {
    --accent-red: #bd1e0c;
    --bg-light: #fafafa;
    --text-light: #666666;
    --text-dark: #121212;
    --kirby-pink: #c3228e;
    --kirby-pale-pink: #F0A8D8;
    --kirby-white-pink: #f2c5e3;
    --primary-blue-light: #e8f4f8;
    --gray-btn: #999;
    --gray-light: #f5f5f5;

    --color-palette-red: #bd1e0c;
    --color-palette-orange: #f39200;
    --color-palette-blue: #27348b;
    --color-palette-purple: #82368c;
    --color-palette-magenta: #e6007e;

    --ft-size-smallest: ;
    --ft-size-tini-tiny: ;
    --ft-size-tiny: ;
    --ft-size-small: 6.8pt;
    --ft-size-medium-body: 8.25pt;
    --ft-size-large: 10pt;
    --ft-size-xlarge: 12pt;
    --ft-size-huge: ;
    --ft-size-max: 24pt;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 14pt;
    color: var(--text-dark);
}

.relecture-item {
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 20px;
    break-before: page;
    break-after: page;
}

.relecture-field-content p {
    margin-bottom: 0.5em;
}


.relecture-title-spectacle {
    padding: 5px;
    font-size: 20pt;
    background: #fdf;
    margin-bottom: 10px;
}

.relecture-title-soiree {
    padding: 5px;
    font-size: 20pt;
    background: #fdf;
    margin-bottom: 10px;
}

.relecture-subitem {
    margin-left: 20px;
    border-left: 3px solid #ccc;
    padding-left: 10px;
    margin-top: 15px;
}

.relecture-field {
    margin: 10px 0;
    line-height: 1.5;
}

.relecture-field strong {
    color: #333;
}

strong {
    font-weight: bold;
}