/**
 * Beautiful PDF Export - skins of the catalogues page (seasons, feasts, shopping events).
 * Each skin sets the variables below; the pictures of the banner are views/img/habillages/<skin>.svg
 * (built by outils/habillages). Fonts are the ones of the module: no call to another site.
 *
 * @author    Pixelorigin
 * @copyright 2026 Pixelorigin
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 */
@font-face { font-family: 'bpeschoolbell'; src: url('../fonts/bpeschoolbell.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpefrauncesi'; src: url('../fonts/bpefrauncesi.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpeshrikhand'; src: url('../fonts/bpeshrikhand.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpeyoungserif'; src: url('../fonts/bpeyoungserif.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpejosefinl'; src: url('../fonts/bpejosefinl.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpecormorantib'; src: url('../fonts/bpecormorantib.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpefredoka'; src: url('../fonts/bpefredoka.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpeamirib'; src: url('../fonts/bpeamirib.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpefrankruhl'; src: url('../fonts/bpefrankruhl.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpeyatra'; src: url('../fonts/bpeyatra.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpeplayfairbl'; src: url('../fonts/bpeplayfairbl.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpemarcellus'; src: url('../fonts/bpemarcellus.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpeparisienne'; src: url('../fonts/bpeparisienne.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpeyellowtail'; src: url('../fonts/bpeyellowtail.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpecreepster'; src: url('../fonts/bpecreepster.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpearchivoblack'; src: url('../fonts/bpearchivoblack.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'bpebebasneue'; src: url('../fonts/bpebebasneue.ttf') format('truetype'); font-display: swap; }

/* ---- frame of a skinned page ------------------------------------------------------------- */
.bpe-skinned { --sk-bg: #fff; --sk-band: transparent; --sk-ink: #222; --sk-muted: #6b6b6b; --sk-ac: #2d5bd7; --sk-btn: #2d5bd7; --sk-btn-ink: #fff; --sk-soon: rgba(255,255,255,.6); --sk-line: rgba(0,0,0,.12); --sk-font: inherit; --sk-fw: 700; --sk-fs: normal; --sk-tt: none; --sk-ls: 0; --sk-size: 2.6rem; --sk-radius: 999px;
  background: var(--sk-bg); color: var(--sk-ink); border-radius: 8px; overflow: hidden; padding-bottom: 1.75rem; margin-bottom: 1rem; }
.bpe-f-banner { position: relative; min-height: 9.5rem; padding: 1.6rem 1.5rem 1.4rem; background: var(--sk-band); display: flex; align-items: center; }
.bpe-f-banner::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 62%; background: var(--sk-art) right center / auto 100% no-repeat; pointer-events: none; }
.bpe-f-banner-txt { position: relative; z-index: 1; max-width: 58%; }
.bpe-f-greet { display: block; margin: 0 0 .25rem; font-family: var(--sk-font); font-style: var(--sk-fs); font-size: 1.15rem; line-height: 1.15; color: var(--sk-ac); }
.bpe-skinned .bpe-f-h1 { margin: 0; font-family: var(--sk-font); font-weight: var(--sk-fw); font-style: var(--sk-fs); text-transform: var(--sk-tt); letter-spacing: var(--sk-ls); font-size: var(--sk-size); line-height: 1.05; color: var(--sk-ink); }
.bpe-f-inner { padding: 0 1.5rem; }
.bpe-skinned .bpe-f-title, .bpe-skinned .bpe-f-title:first-child { margin-top: 1.5rem; }
.bpe-skinned .bpe-f-title { color: var(--sk-ink); font-family: var(--sk-tfont, var(--sk-font)); font-weight: var(--sk-fw); font-style: var(--sk-fs); text-transform: var(--sk-tt); letter-spacing: var(--sk-ls); font-size: 1.35rem; }
.bpe-skinned .bpe-f-body h3 a, .bpe-skinned .bpe-f-plan-name strong { color: var(--sk-ink); }
.bpe-skinned .bpe-f-sub, .bpe-skinned .bpe-f-when, .bpe-skinned .bpe-f-plan-to, .bpe-skinned .bpe-f-plan-name small, .bpe-skinned .bpe-f-empty { color: var(--sk-muted); }
.bpe-skinned .bpe-f-actions .btn-primary { background: var(--sk-btn); border-color: var(--sk-btn); color: var(--sk-btn-ink); border-radius: var(--sk-radius); }
.bpe-skinned .bpe-f-actions .btn-primary:hover, .bpe-skinned .bpe-f-actions .btn-primary:focus { filter: brightness(1.08); }
.bpe-skinned .bpe-f-actions .btn-secondary { background: var(--sk-soon); border-color: transparent; color: var(--sk-ink); border-radius: var(--sk-radius); }
.bpe-skinned .bpe-f-plan, .bpe-skinned .bpe-f-plan li { border-color: var(--sk-line); }
.bpe-skinned .bpe-f-date { background: var(--sk-soon); color: var(--sk-ink); border-left-color: var(--sk-ac) !important; }
@media (max-width: 767px) {
  .bpe-skinned { border-radius: 0; margin-left: -15px; margin-right: -15px; }
  .bpe-f-banner { min-height: 8rem; padding: 1.25rem 1rem; }
  .bpe-f-banner::after { width: 85%; opacity: .45; }
  .bpe-f-banner-txt { max-width: 85%; }
  .bpe-skinned .bpe-f-h1 { font-size: calc(var(--sk-size) * .78); }
  .bpe-f-inner { padding: 0 1rem; }
}

/* ---- seasons ------------------------------------------------------------------------------ */
.bpe-skin-rentree { --sk-bg: #fbfaf5; --sk-ink: #1d3557; --sk-muted: #55657d; --sk-ac: #d62839; --sk-btn: #1d3557; --sk-radius: 3px; --sk-font: 'bpeschoolbell', cursive; --sk-fw: 400; --sk-size: 2.9rem; --sk-soon: #fff;
  --sk-band: linear-gradient(90deg, transparent 22px, rgba(214,40,57,.5) 22px, rgba(214,40,57,.5) 24px, transparent 24px), repeating-linear-gradient(0deg, transparent 0 7px, rgba(70,130,200,.18) 7px 8px), repeating-linear-gradient(0deg, transparent 0 31px, rgba(110,90,200,.32) 31px 32px), #fff; }
.bpe-skin-rentree .bpe-f-banner-txt { padding-left: 1rem; }
.bpe-skin-printemps { --sk-bg: #f3f8ee; --sk-band: radial-gradient(circle at 12% 0%, rgba(232,111,138,.14), transparent 45%), #e8f2df; --sk-ink: #2f4a2a; --sk-muted: #5b7055; --sk-ac: #d9577a; --sk-btn: #4f8a3c; --sk-font: 'bpefrauncesi', Georgia, serif; --sk-fw: 400; --sk-soon: #fff; }
.bpe-skin-ete { --sk-bg: #fff6e1; --sk-band: linear-gradient(180deg, #ffe2a6, #fff6e1); --sk-ink: #0f4c5c; --sk-muted: #4b7480; --sk-ac: #f46a2a; --sk-btn: #f46a2a; --sk-font: 'bpeshrikhand', Georgia, serif; --sk-fw: 400; --sk-soon: #fff; }
.bpe-skin-automne { --sk-bg: #f7ece0; --sk-band: #efdcc6; --sk-ink: #4a2c1a; --sk-muted: #7a5c48; --sk-ac: #c8571b; --sk-btn: #8c3b12; --sk-font: 'bpeyoungserif', Georgia, serif; --sk-fw: 400; --sk-soon: #fff8ef; }
.bpe-skin-hiver { --sk-bg: #eef4fa; --sk-band: radial-gradient(circle at 80% 0%, #fff, transparent 50%), #dce8f3; --sk-ink: #1b3350; --sk-muted: #536a85; --sk-ac: #3f86bd; --sk-btn: #1b3350; --sk-radius: 2px; --sk-font: 'bpejosefinl', Helvetica, sans-serif; --sk-fw: 400; --sk-tt: uppercase; --sk-ls: .12em; --sk-size: 2.3rem; --sk-soon: #fff; }

/* ---- feasts ------------------------------------------------------------------------------- */
.bpe-skin-noel { --sk-bg: #14352b; --sk-band: radial-gradient(circle at 70% 0%, rgba(216,178,90,.2), transparent 50%), #0e2820; --sk-ink: #f6efe2; --sk-muted: #c3c9bd; --sk-ac: #d8b25a; --sk-btn: #c9302c; --sk-font: 'bpecormorantib', Georgia, serif; --sk-fw: 400; --sk-size: 3rem; --sk-soon: rgba(255,255,255,.09); --sk-line: rgba(255,255,255,.15); }
.bpe-skin-paques { --sk-bg: #fdf6ec; --sk-band: linear-gradient(180deg, #ece3f8, #e3f3e9); --sk-ink: #4b3a5e; --sk-muted: #75688a; --sk-ac: #e98a3e; --sk-btn: #7b5ea7; --sk-font: 'bpefredoka', system-ui, sans-serif; --sk-fw: 400; --sk-soon: #fff; }
.bpe-skin-ramadan { --sk-bg: #0f2340; --sk-ink: #f3ead7; --sk-muted: #b9bfcc; --sk-ac: #e0b860; --sk-btn: #e0b860; --sk-btn-ink: #0f2340; --sk-font: 'bpeamirib', Georgia, serif; --sk-fw: 400; --sk-size: 2.9rem; --sk-soon: rgba(255,255,255,.08); --sk-line: rgba(255,255,255,.15);
  --sk-band: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg transform='translate(22 22)' fill='none' stroke='%23e0b860' stroke-opacity='.16'%3E%3Crect x='-10' y='-10' width='20' height='20'/%3E%3Crect x='-10' y='-10' width='20' height='20' transform='rotate(45)'/%3E%3C/g%3E%3C/svg%3E"), #0a1a31; }
.bpe-skin-hanoucca { --sk-bg: #f4f7fc; --sk-band: linear-gradient(180deg, #dce6f7, #edf2fb); --sk-ink: #173765; --sk-muted: #4f6489; --sk-ac: #2f63b8; --sk-btn: #173765; --sk-radius: 4px; --sk-font: 'bpefrankruhl', Georgia, serif; --sk-fw: 400; --sk-soon: #fff; }
.bpe-skin-diwali { --sk-bg: #2b1030; --sk-band: radial-gradient(circle at 75% 10%, rgba(245,165,36,.25), transparent 50%), #3d1744; --sk-ink: #fbe9d0; --sk-muted: #d3bfc9; --sk-ac: #f5a524; --sk-btn: #e0457b; --sk-font: 'bpeyatra', Georgia, serif; --sk-fw: 400; --sk-soon: rgba(255,255,255,.08); --sk-line: rgba(255,255,255,.15); }
.bpe-skin-lunaire { --sk-bg: #a51d27; --sk-ink: #fff3d6; --sk-muted: #f2cfc0; --sk-ac: #f2c14e; --sk-btn: #f2c14e; --sk-btn-ink: #7a0f17; --sk-font: 'bpeplayfairbl', Georgia, serif; --sk-fw: 400; --sk-soon: rgba(0,0,0,.14); --sk-line: rgba(255,255,255,.2);
  --sk-band: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='52'%3E%3Cpath d='M8,30 a8,8 0 0 1 14,-6 a10,10 0 0 1 18,2 a7,7 0 0 1 4,10 h-36 a5,5 0 0 1 0,-6Z' fill='none' stroke='%23f2c14e' stroke-opacity='.2' stroke-width='1.3'/%3E%3C/svg%3E"), #7a0f17; }
.bpe-skin-vesak { --sk-bg: #fbf3e4; --sk-band: radial-gradient(circle at 85% 0%, rgba(232,145,45,.18), transparent 50%), #f6e2c2; --sk-ink: #5a3a1a; --sk-muted: #84684d; --sk-ac: #e8912d; --sk-btn: #e8912d; --sk-font: 'bpemarcellus', Georgia, serif; --sk-fw: 400; --sk-soon: #fff; }

/* ---- shopping events ---------------------------------------------------------------------- */
.bpe-skin-valentin { --sk-bg: #fff1f3; --sk-band: #ffd6de; --sk-ink: #5c1a2b; --sk-muted: #8c5a66; --sk-ac: #d7263d; --sk-btn: #d7263d; --sk-font: 'bpeparisienne', cursive; --sk-tfont: 'bpefrauncesi', Georgia, serif; --sk-fw: 400; --sk-size: 3.2rem; --sk-soon: #fff; }
.bpe-skin-meres { --sk-bg: #fdf4ef; --sk-band: linear-gradient(180deg, #f8dde3, #fbe9ea); --sk-ink: #4a2f3a; --sk-muted: #7d6570; --sk-ac: #c9577a; --sk-btn: #c9577a; --sk-font: 'bpeyellowtail', cursive; --sk-tfont: 'bpefrauncesi', Georgia, serif; --sk-fw: 400; --sk-size: 3rem; --sk-soon: #fff; }
.bpe-skin-halloween { --sk-bg: #1a1423; --sk-band: radial-gradient(circle at 80% 30%, rgba(247,127,0,.18), transparent 50%), #2a1f38; --sk-ink: #f4ede4; --sk-muted: #bdb2c6; --sk-ac: #f77f00; --sk-btn: #f77f00; --sk-btn-ink: #1a1423; --sk-font: 'bpecreepster', fantasy; --sk-fw: 400; --sk-size: 3rem; --sk-ls: .02em; --sk-soon: rgba(255,255,255,.08); --sk-line: rgba(255,255,255,.15); }
.bpe-skin-blackfriday { --sk-bg: #0e0e0e; --sk-band: #161616; --sk-ink: #f5f5f5; --sk-muted: #a8a8a8; --sk-ac: #ff2e4c; --sk-btn: #ff2e4c; --sk-radius: 0; --sk-font: 'bpearchivoblack', Arial, sans-serif; --sk-fw: 400; --sk-tt: uppercase; --sk-size: 2.6rem; --sk-soon: rgba(255,255,255,.08); --sk-line: rgba(255,255,255,.15); }
.bpe-skin-soldes { --sk-bg: #ffffff; --sk-band: #e10600; --sk-ink: #111; --sk-muted: #5e5e5e; --sk-ac: #ffd400; --sk-btn: #e10600; --sk-radius: 0; --sk-font: 'bpebebasneue', Impact, sans-serif; --sk-fw: 400; --sk-tt: uppercase; --sk-ls: .02em; --sk-size: 3.4rem; --sk-soon: #f4f4f4; }
.bpe-skin-soldes .bpe-f-h1 { color: #fff; }