/* ==========================================================================
   Media kit (public/js/views/media-kit.js) : aperçu A4 portrait aux couleurs de
   la charte, imprimable en PDF. Couleurs propres à la page (pas de mode sombre).
   ========================================================================== */
/* Caveat (titres du media kit) : servie par l'app (/polices, paquet @fontsource), latin et latin étendu */
@font-face {
  font-family: 'Caveat'; font-style: normal; font-display: swap; font-weight: 400 700;
  src: url(/polices/caveat-latin.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat'; font-style: normal; font-display: swap; font-weight: 400 700;
  src: url(/polices/caveat-latin-ext.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
.mk-page {
  --mk-creme: #F6EBDC; --mk-encre: #2B1D14; --mk-brique: #A63D2A; --mk-lavande: #B7BFEF;
  --mk-titres: 'Caveat', 'Caveat Brush', 'Segoe Script', 'Bradley Hand', 'Comic Sans MS', cursive;
}
.mk-outils { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.mk-outils p { margin: 0; }
.mk-perso { margin-bottom: 14px; }
.mk-perso summary { cursor: pointer; font-weight: 600; }
.mk-form { display: grid; gap: 12px; margin-top: 12px; }
.mk-form label { display: grid; gap: 4px; font-weight: 600; font-size: 14px; }
.mk-form label small { font-weight: 400; }
.mk-form textarea, .mk-form input { width: 100%; font-size: 15px; padding: 8px 10px; border: 1px solid var(--bord); border-radius: 10px; background: var(--carte); color: var(--encre); }
.mk-form-actions { display: flex; justify-content: flex-end; }

/* Aperçu : une feuille A4 (210 × 297 mm) qui se réduit sur petit écran */
.mk-scene { display: flex; justify-content: center; overflow-x: auto; padding-bottom: 12px; }
.mk-page {
  width: 210mm; max-width: 100%; min-height: 297mm; box-sizing: border-box; padding: 16mm 16mm 14mm;
  background: var(--mk-creme); color: var(--mk-encre); border-radius: 6px; box-shadow: 0 4px 24px rgba(0, 0, 0, .18);
  font-size: 15px; line-height: 1.5; border-top: 10px solid var(--mk-brique);
}
.mk-page p { margin: 0 0 6px; }
.mk-page a { color: var(--mk-brique); }
.mk-entete { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.mk-marque { width: 56px; height: 56px; border-radius: 50%; background: var(--mk-lavande); display: grid; place-items: center; font-size: 30px; flex: none; }
.mk-titre { font-family: var(--mk-titres); font-size: 48px; line-height: 1; margin: 0; color: var(--mk-brique); font-weight: 700; }
.mk-compte { font-size: 15px; opacity: .8; }
.mk-h2 { font-family: var(--mk-titres); font-size: 30px; line-height: 1.1; margin: 0 0 6px; color: var(--mk-brique); font-weight: 700; }
.mk-bloc { margin-bottom: 16px; break-inside: avoid; }
.mk-pitch { font-size: 17px; padding: 12px 16px; background: rgba(183, 191, 239, .35); border-left: 5px solid var(--mk-lavande); border-radius: 4px; }
.mk-chiffres { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin-bottom: 18px; break-inside: avoid; }
.mk-chiffre { text-align: center; background: var(--mk-lavande); border-radius: 12px; padding: 10px 6px; }
.mk-chiffre-val { font-family: var(--mk-titres); font-size: 38px; line-height: 1; font-weight: 700; color: var(--mk-encre); }
.mk-chiffre-lib { font-size: 13px; }
.mk-puces { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mk-puces li { background: var(--mk-brique); color: var(--mk-creme); border-radius: 999px; padding: 3px 14px; font-size: 14px; }
.mk-top { margin: 0; padding-left: 22px; }
.mk-top li { margin-bottom: 6px; }
.mk-top-titre { font-weight: 600; display: block; }
.mk-top-stats { font-size: 13px; opacity: .8; }
.mk-contact { margin-top: 20px; padding-top: 10px; border-top: 2px dashed var(--mk-brique); break-inside: avoid; }

/* Impression : seul le media kit sort, sur du A4 aux couleurs de la charte */
@page { size: A4; margin: 12mm; }
@media print {
  .sidebar, .tabbar, .topbar, #sous-nav, .fab-wrap, .app-footer, .mk-outils, .mk-perso, .mk-form, #modal-backdrop { display: none !important; }
  html, body { background: #fff !important; color: #2B1D14 !important; }
  .main-wrap, #view { margin: 0 !important; padding: 0 !important; max-width: none !important; width: auto !important; }
  .mk-scene { display: block; overflow: visible; padding: 0; }
  .mk-page {
    width: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none;
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
  .mk-page { background: #F6EBDC; }
}