/**
 * Yngredient — Thèmes de carte publique
 * Surcharge les styles inline de carte.php par sélecteur exact
 * Thèmes : classique | espresso | ardoise | brasserie | minimaliste
 */

/* ============================================================
   THÈME CLASSIQUE — Identité Yngredient (cream/brique)
   ============================================================ */
body.theme-classique { background: linear-gradient(135deg, #f2ebe0, #e8dfd0) !important; color: #2a1a0e !important; font-family: 'Cormorant Garamond', Georgia, serif !important; }
body.theme-classique h1 { color: #a83225 !important; text-shadow: 0 2px 10px rgba(168,50,37,0.2) !important; }
body.theme-classique .subtitle { color: #7a5c48 !important; }
body.theme-classique .section-name { color: #a83225 !important; }
body.theme-classique .section-description { color: #8b6347 !important; }
body.theme-classique .section-title { border-bottom-color: rgba(168,50,37,0.25) !important; }
body.theme-classique .cocktail-card { background: rgba(255,255,255,0.7) !important; border-color: rgba(168,50,37,0.2) !important; backdrop-filter: none !important; }
body.theme-classique .cocktail-card:hover { background: rgba(255,255,255,0.9) !important; box-shadow: 0 10px 30px rgba(168,50,37,0.12) !important; }
body.theme-classique .cocktail-card::before { background: linear-gradient(90deg, transparent, #a83225, transparent) !important; }
body.theme-classique .cocktail-name { color: #2a1a0e !important; }
body.theme-classique .cocktail-price { color: #a83225 !important; }
body.theme-classique .cocktail-description { color: #5c3d2e !important; }
body.theme-classique .cocktail-ingredients { color: #7a5c48 !important; border-left-color: rgba(168,50,37,0.25) !important; }
body.theme-classique .cocktail-abv { background: rgba(168,50,37,0.1) !important; color: #a83225 !important; border-color: rgba(168,50,37,0.3) !important; }
body.theme-classique .search-input { background: rgba(255,255,255,0.8) !important; border-color: rgba(168,50,37,0.3) !important; color: #2a1a0e !important; }
body.theme-classique .search-container { background: transparent !important; border: none !important; }
body.theme-classique .search-icon { color: #7a5c48 !important; }
body.theme-classique .search-clear { color: #7a5c48 !important; }
body.theme-classique .section-tag { background: rgba(255,255,255,0.6) !important; border-color: rgba(168,50,37,0.25) !important; color: #5c3d2e !important; }
body.theme-classique .section-tag:hover { border-color: #a83225 !important; color: #a83225 !important; }
body.theme-classique .section-tag.active { background: #a83225 !important; color: #f2ebe0 !important; border-color: #a83225 !important; }
body.theme-classique .powered-by { color: #7a5c48 !important; border-top-color: rgba(168,50,37,0.2) !important; }
body.theme-classique .powered-by a { color: #a83225 !important; }

/* ============================================================
   THÈME ESPRESSO — Fond très sombre, accents or Yngredient
   ============================================================ */
body.theme-espresso { background: linear-gradient(135deg, #1a1008, #0f0906) !important; color: #f2ebe0 !important; font-family: 'Cormorant Garamond', Georgia, serif !important; }
body.theme-espresso h1 { color: #c9a96e !important; text-shadow: 0 2px 10px rgba(201,169,110,0.3) !important; }
body.theme-espresso .subtitle { color: rgba(201,169,110,0.6) !important; }
body.theme-espresso .section-name { color: #c9a96e !important; }
body.theme-espresso .section-description { color: rgba(201,169,110,0.5) !important; }
body.theme-espresso .section-title { border-bottom-color: rgba(201,169,110,0.25) !important; }
body.theme-espresso .cocktail-card { background: rgba(255,255,255,0.03) !important; border-color: rgba(201,169,110,0.2) !important; }
body.theme-espresso .cocktail-card:hover { background: rgba(255,255,255,0.06) !important; box-shadow: 0 10px 30px rgba(201,169,110,0.1) !important; }
body.theme-espresso .cocktail-card::before { background: linear-gradient(90deg, transparent, #c9a96e, transparent) !important; }
body.theme-espresso .cocktail-name { color: #f2ebe0 !important; }
body.theme-espresso .cocktail-price { color: #c9a96e !important; }
body.theme-espresso .cocktail-description { color: rgba(242,235,224,0.7) !important; }
body.theme-espresso .cocktail-ingredients { color: rgba(242,235,224,0.6) !important; border-left-color: rgba(201,169,110,0.2) !important; }
body.theme-espresso .cocktail-abv { background: rgba(201,169,110,0.12) !important; color: #c9a96e !important; border-color: rgba(201,169,110,0.3) !important; }
body.theme-espresso .search-input { background: rgba(255,255,255,0.05) !important; border-color: rgba(201,169,110,0.2) !important; color: #f2ebe0 !important; }
body.theme-espresso .search-container { background: transparent !important; border: none !important; }
body.theme-espresso .search-icon { color: rgba(201,169,110,0.5) !important; }
body.theme-espresso .search-clear { color: rgba(201,169,110,0.5) !important; }
body.theme-espresso .section-tag { background: rgba(255,255,255,0.05) !important; border-color: rgba(201,169,110,0.2) !important; color: #f2ebe0 !important; }
body.theme-espresso .section-tag:hover { border-color: #c9a96e !important; color: #c9a96e !important; }
body.theme-espresso .section-tag.active { background: #c9a96e !important; color: #0f0906 !important; border-color: #c9a96e !important; }
body.theme-espresso .powered-by { color: rgba(201,169,110,0.4) !important; border-top-color: rgba(201,169,110,0.15) !important; }
body.theme-espresso .powered-by a { color: #c9a96e !important; }

/* ============================================================
   THÈME ARDOISE — Gris bleuté, accents vert menthe
   ============================================================ */
body.theme-ardoise { background: linear-gradient(135deg, #1e2530, #181f2a) !important; color: #e8edf4 !important; font-family: 'Jost', sans-serif !important; }
body.theme-ardoise h1 { color: #6db89a !important; text-shadow: 0 2px 10px rgba(109,184,154,0.25) !important; font-family: 'Jost', sans-serif !important; font-weight: 300 !important; }
body.theme-ardoise .subtitle { color: #8fa3bb !important; }
body.theme-ardoise .section-name { color: #6db89a !important; font-family: 'Jost', sans-serif !important; }
body.theme-ardoise .section-description { color: #6a8099 !important; }
body.theme-ardoise .section-title { border-bottom-color: rgba(109,184,154,0.2) !important; }
body.theme-ardoise .cocktail-card { background: rgba(255,255,255,0.04) !important; border-color: rgba(109,184,154,0.18) !important; }
body.theme-ardoise .cocktail-card:hover { background: rgba(255,255,255,0.07) !important; box-shadow: 0 10px 30px rgba(109,184,154,0.1) !important; }
body.theme-ardoise .cocktail-card::before { background: linear-gradient(90deg, transparent, #6db89a, transparent) !important; }
body.theme-ardoise .cocktail-name { color: #e8edf4 !important; font-family: 'Jost', sans-serif !important; }
body.theme-ardoise .cocktail-price { color: #6db89a !important; }
body.theme-ardoise .cocktail-description { color: #8fa3bb !important; }
body.theme-ardoise .cocktail-ingredients { color: #7a95ae !important; border-left-color: rgba(109,184,154,0.2) !important; }
body.theme-ardoise .cocktail-abv { background: rgba(109,184,154,0.12) !important; color: #6db89a !important; border-color: rgba(109,184,154,0.3) !important; }
body.theme-ardoise .search-input { background: rgba(255,255,255,0.05) !important; border-color: rgba(109,184,154,0.2) !important; color: #e8edf4 !important; }
body.theme-ardoise .search-container { background: transparent !important; border: none !important; }
body.theme-ardoise .search-icon { color: rgba(109,184,154,0.5) !important; }
body.theme-ardoise .search-clear { color: rgba(109,184,154,0.5) !important; }
body.theme-ardoise .section-tag { background: rgba(255,255,255,0.05) !important; border-color: rgba(109,184,154,0.2) !important; color: #e8edf4 !important; }
body.theme-ardoise .section-tag:hover { border-color: #6db89a !important; color: #6db89a !important; }
body.theme-ardoise .section-tag.active { background: #6db89a !important; color: #1e2530 !important; border-color: #6db89a !important; }
body.theme-ardoise .powered-by { color: rgba(143,163,187,0.4) !important; border-top-color: rgba(109,184,154,0.15) !important; }
body.theme-ardoise .powered-by a { color: #6db89a !important; }

/* ============================================================
   THÈME BRASSERIE — Kraft chaleureux, tons ambre
   ============================================================ */
body.theme-brasserie { background: linear-gradient(135deg, #f5ede0, #ede3d3) !important; color: #3b2a1a !important; font-family: Georgia, 'Times New Roman', serif !important; }
body.theme-brasserie h1 { color: #c17a3a !important; text-shadow: 0 2px 10px rgba(193,122,58,0.2) !important; font-family: Georgia, serif !important; }
body.theme-brasserie .subtitle { color: #8c6b4a !important; }
body.theme-brasserie .section-name { color: #c17a3a !important; font-family: Georgia, serif !important; }
body.theme-brasserie .section-description { color: #9c7a5a !important; }
body.theme-brasserie .section-title { border-bottom-color: rgba(193,122,58,0.3) !important; }
body.theme-brasserie .cocktail-card { background: rgba(255,255,255,0.65) !important; border-color: rgba(193,122,58,0.22) !important; backdrop-filter: none !important; }
body.theme-brasserie .cocktail-card:hover { background: rgba(255,255,255,0.85) !important; box-shadow: 0 10px 30px rgba(193,122,58,0.12) !important; }
body.theme-brasserie .cocktail-card::before { background: linear-gradient(90deg, transparent, #c17a3a, transparent) !important; }
body.theme-brasserie .cocktail-name { color: #3b2a1a !important; font-family: Georgia, serif !important; }
body.theme-brasserie .cocktail-price { color: #c17a3a !important; }
body.theme-brasserie .cocktail-description { color: #6b4a2a !important; }
body.theme-brasserie .cocktail-ingredients { color: #8c6b4a !important; border-left-color: rgba(193,122,58,0.25) !important; }
body.theme-brasserie .cocktail-abv { background: rgba(193,122,58,0.1) !important; color: #c17a3a !important; border-color: rgba(193,122,58,0.3) !important; }
body.theme-brasserie .search-input { background: rgba(255,255,255,0.75) !important; border-color: rgba(193,122,58,0.3) !important; color: #3b2a1a !important; }
body.theme-brasserie .search-container { background: transparent !important; border: none !important; }
body.theme-brasserie .search-icon { color: #8c6b4a !important; }
body.theme-brasserie .search-clear { color: #8c6b4a !important; }
body.theme-brasserie .section-tag { background: rgba(255,255,255,0.55) !important; border-color: rgba(193,122,58,0.25) !important; color: #5c3d1a !important; }
body.theme-brasserie .section-tag:hover { border-color: #c17a3a !important; color: #c17a3a !important; }
body.theme-brasserie .section-tag.active { background: #c17a3a !important; color: #fdf6ec !important; border-color: #c17a3a !important; }
body.theme-brasserie .powered-by { color: #9c7a5a !important; border-top-color: rgba(193,122,58,0.2) !important; }
body.theme-brasserie .powered-by a { color: #c17a3a !important; }

/* ============================================================
   THÈME MINIMALISTE — Blanc pur, noir, zéro décoration
   ============================================================ */
body.theme-minimaliste { background: #ffffff !important; color: #111111 !important; font-family: 'Helvetica Neue', Arial, sans-serif !important; }
body.theme-minimaliste h1 { color: #111111 !important; text-shadow: none !important; font-family: 'Helvetica Neue', Arial, sans-serif !important; font-weight: 200 !important; letter-spacing: 4px !important; }
body.theme-minimaliste .subtitle { color: #888888 !important; }
body.theme-minimaliste .section-name { color: #111111 !important; font-family: 'Helvetica Neue', Arial, sans-serif !important; letter-spacing: 3px !important; }
body.theme-minimaliste .section-description { color: #888888 !important; }
body.theme-minimaliste .section-title { border-bottom-color: #e0e0e0 !important; }
body.theme-minimaliste .cocktail-card { background: #fafafa !important; border-color: #e8e8e8 !important; border-radius: 4px !important; backdrop-filter: none !important; }
body.theme-minimaliste .cocktail-card:hover { background: #f5f5f5 !important; box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important; transform: none !important; }
body.theme-minimaliste .cocktail-card::before { display: none !important; }
body.theme-minimaliste .cocktail-name { color: #111111 !important; font-family: 'Helvetica Neue', Arial, sans-serif !important; font-weight: 400 !important; }
body.theme-minimaliste .cocktail-price { color: #111111 !important; font-weight: 300 !important; }
body.theme-minimaliste .cocktail-description { color: #666666 !important; }
body.theme-minimaliste .cocktail-ingredients { color: #888888 !important; border-left-color: #e0e0e0 !important; }
body.theme-minimaliste .cocktail-abv { background: #f0f0f0 !important; color: #555555 !important; border-color: #e0e0e0 !important; }
body.theme-minimaliste .search-input { background: #f8f8f8 !important; border-color: #e0e0e0 !important; color: #111111 !important; }
body.theme-minimaliste .search-container { background: transparent !important; border: none !important; }
body.theme-minimaliste .search-icon { color: #aaaaaa !important; }
body.theme-minimaliste .search-clear { color: #aaaaaa !important; }
body.theme-minimaliste .section-tag { background: #f5f5f5 !important; border-color: #e0e0e0 !important; color: #444444 !important; border-radius: 2px !important; }
body.theme-minimaliste .section-tag:hover { border-color: #111111 !important; color: #111111 !important; }
body.theme-minimaliste .section-tag.active { background: #111111 !important; color: #ffffff !important; border-color: #111111 !important; }
body.theme-minimaliste .powered-by { color: #cccccc !important; border-top-color: #e8e8e8 !important; }
body.theme-minimaliste .powered-by a { color: #888888 !important; }

/* ============================================================
   THÈME HÔTEL — Art Déco hôtelier, ardoise/or, tout caps
   Inspiré carte vintage Hôtel Beaulieu & Réception
   ============================================================ */
body.theme-hotel { background: linear-gradient(160deg, #2d3e4e 0%, #1e2d3a 100%) !important; color: #e8e0d0 !important; font-family: Georgia, 'Times New Roman', serif !important; }
body.theme-hotel h1 { color: #e8c87a !important; text-shadow: 0 2px 12px rgba(232,200,122,0.25) !important; font-family: Georgia, serif !important; font-weight: 400 !important; letter-spacing: 5px !important; text-transform: uppercase !important; }
body.theme-hotel .subtitle { color: rgba(232,224,208,0.6) !important; letter-spacing: 3px !important; font-style: normal !important; text-transform: uppercase !important; font-size: 0.85rem !important; }
body.theme-hotel .section-name { color: #e8c87a !important; font-family: Georgia, serif !important; letter-spacing: 4px !important; text-transform: uppercase !important; font-size: 1.1rem !important; }
body.theme-hotel .section-description { color: rgba(232,224,208,0.5) !important; font-style: italic !important; }
body.theme-hotel .section-title { border-bottom-color: rgba(232,200,122,0.3) !important; }
body.theme-hotel .cocktail-card { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(232,200,122,0.18) !important; border-radius: 2px !important; }
body.theme-hotel .cocktail-card:hover { background: rgba(255,255,255,0.07) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important; }
body.theme-hotel .cocktail-card::before { background: linear-gradient(90deg, transparent, #e8c87a, transparent) !important; }
body.theme-hotel .cocktail-name { color: #e8c87a !important; font-family: Georgia, serif !important; font-weight: 400 !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-size: 1rem !important; }
body.theme-hotel .cocktail-price { color: #e8c87a !important; font-family: Georgia, serif !important; }
body.theme-hotel .cocktail-description { color: rgba(232,224,208,0.65) !important; font-style: italic !important; }
body.theme-hotel .cocktail-ingredients { color: rgba(232,224,208,0.55) !important; border-left-color: rgba(232,200,122,0.2) !important; }
body.theme-hotel .cocktail-abv { background: rgba(232,200,122,0.1) !important; color: #e8c87a !important; border-color: rgba(232,200,122,0.3) !important; }
body.theme-hotel .search-input { background: rgba(255,255,255,0.05) !important; border-color: rgba(232,200,122,0.2) !important; color: #e8e0d0 !important; }
body.theme-hotel .search-container { background: transparent !important; border: none !important; }
body.theme-hotel .search-icon { color: rgba(232,200,122,0.45) !important; }
body.theme-hotel .search-clear { color: rgba(232,200,122,0.45) !important; }
body.theme-hotel .section-tag { background: rgba(255,255,255,0.05) !important; border-color: rgba(232,200,122,0.2) !important; color: #e8e0d0 !important; letter-spacing: 1px !important; }
body.theme-hotel .section-tag:hover { border-color: #e8c87a !important; color: #e8c87a !important; }
body.theme-hotel .section-tag.active { background: #e8c87a !important; color: #2d3e4e !important; border-color: #e8c87a !important; }
body.theme-hotel .powered-by { color: rgba(232,224,208,0.3) !important; border-top-color: rgba(232,200,122,0.15) !important; }
body.theme-hotel .powered-by a { color: #e8c87a !important; }


/* ============================================================
   FONTS PAR THÈME
   ============================================================ */

/* ── CLASSIQUE : Playfair Display — serif élégant moderne ── */
body.theme-classique,
body.theme-classique .cocktail-description,
body.theme-classique .cocktail-ingredients,
body.theme-classique .subtitle,
body.theme-classique .search-input,
body.theme-classique .section-tag { font-family: 'Playfair Display', Georgia, serif !important; }
body.theme-classique h1 { font-family: 'Playfair Display', serif !important; font-weight: 600 !important; }
body.theme-classique .cocktail-name { font-family: 'Playfair Display', serif !important; font-size: 1.4rem !important; font-weight: 600 !important; }
body.theme-classique .section-name { font-family: 'Playfair Display', serif !important; font-weight: 400 !important; }
body.theme-classique .cocktail-price { font-family: 'Playfair Display', serif !important; }

/* ── ESPRESSO : Raleway — fin, luxe, épuré ── */
body.theme-espresso,
body.theme-espresso h1,
body.theme-espresso .cocktail-name,
body.theme-espresso .section-name,
body.theme-espresso .cocktail-description,
body.theme-espresso .cocktail-ingredients,
body.theme-espresso .cocktail-price,
body.theme-espresso .subtitle,
body.theme-espresso .search-input,
body.theme-espresso .section-tag { font-family: 'Raleway', sans-serif !important; }
body.theme-espresso h1 { font-weight: 200 !important; letter-spacing: 6px !important; }
body.theme-espresso .cocktail-name { font-weight: 400 !important; letter-spacing: 2px !important; font-size: 1.2rem !important; }
body.theme-espresso .section-name { font-weight: 300 !important; letter-spacing: 4px !important; text-transform: uppercase !important; }
body.theme-espresso .cocktail-description { font-style: normal !important; font-weight: 300 !important; }

/* ── ARDOISE : Inter — ultra clean, tech ── */
body.theme-ardoise,
body.theme-ardoise h1,
body.theme-ardoise .cocktail-name,
body.theme-ardoise .section-name,
body.theme-ardoise .cocktail-description,
body.theme-ardoise .cocktail-ingredients,
body.theme-ardoise .cocktail-price,
body.theme-ardoise .subtitle,
body.theme-ardoise .search-input,
body.theme-ardoise .section-tag { font-family: 'Inter', sans-serif !important; }
body.theme-ardoise h1 { font-weight: 300 !important; letter-spacing: 4px !important; }
body.theme-ardoise .cocktail-name { font-weight: 500 !important; font-size: 1.1rem !important; letter-spacing: 0.3px !important; }
body.theme-ardoise .section-name { font-weight: 400 !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-size: 0.95rem !important; }
body.theme-ardoise .cocktail-description { font-style: normal !important; font-weight: 300 !important; }

/* ── BRASSERIE : Merriweather — serif chaleureux, lisible ── */
body.theme-brasserie,
body.theme-brasserie h1,
body.theme-brasserie .cocktail-name,
body.theme-brasserie .section-name,
body.theme-brasserie .cocktail-price { font-family: 'Merriweather', Georgia, serif !important; }
body.theme-brasserie .cocktail-description,
body.theme-brasserie .cocktail-ingredients,
body.theme-brasserie .subtitle,
body.theme-brasserie .search-input,
body.theme-brasserie .section-tag { font-family: 'Merriweather', serif !important; font-weight: 400 !important; }
body.theme-brasserie h1 { font-weight: 700 !important; letter-spacing: 1px !important; }
body.theme-brasserie .cocktail-name { font-weight: 700 !important; font-size: 1.2rem !important; }
body.theme-brasserie .section-name { font-weight: 400 !important; font-size: 1.3rem !important; letter-spacing: 0.5px !important; }
body.theme-brasserie .cocktail-description { font-style: italic !important; font-weight: 400 !important; font-size: 0.88rem !important; }

/* ── MINIMALISTE : Montserrat — géométrique, la référence ── */
body.theme-minimaliste,
body.theme-minimaliste h1,
body.theme-minimaliste .cocktail-name,
body.theme-minimaliste .section-name,
body.theme-minimaliste .cocktail-description,
body.theme-minimaliste .cocktail-ingredients,
body.theme-minimaliste .cocktail-price,
body.theme-minimaliste .subtitle,
body.theme-minimaliste .search-input,
body.theme-minimaliste .section-tag { font-family: 'Montserrat', sans-serif !important; }
body.theme-minimaliste h1 { font-weight: 300 !important; letter-spacing: 8px !important; text-transform: uppercase !important; font-style: normal !important; }
body.theme-minimaliste .cocktail-name { font-weight: 600 !important; font-size: 0.95rem !important; letter-spacing: 1px !important; text-transform: uppercase !important; }
body.theme-minimaliste .cocktail-description { font-style: normal !important; font-weight: 300 !important; font-size: 0.88rem !important; }
body.theme-minimaliste .section-name { font-weight: 300 !important; letter-spacing: 5px !important; font-size: 0.85rem !important; text-transform: uppercase !important; }
body.theme-minimaliste .cocktail-price { font-weight: 300 !important; }

/* ── HÔTEL : Raleway — Art Déco clean, lettre-spacé ── */
body.theme-hotel,
body.theme-hotel h1,
body.theme-hotel .cocktail-name,
body.theme-hotel .section-name,
body.theme-hotel .cocktail-price,
body.theme-hotel .subtitle,
body.theme-hotel .search-input,
body.theme-hotel .section-tag { font-family: 'Raleway', sans-serif !important; }
body.theme-hotel .cocktail-description,
body.theme-hotel .cocktail-ingredients { font-family: 'Raleway', sans-serif !important; font-weight: 300 !important; font-style: normal !important; }
body.theme-hotel h1 { font-weight: 300 !important; letter-spacing: 8px !important; text-transform: uppercase !important; }
body.theme-hotel .cocktail-name { font-weight: 500 !important; font-size: 0.95rem !important; letter-spacing: 4px !important; text-transform: uppercase !important; }
body.theme-hotel .section-name { font-weight: 300 !important; font-size: 1rem !important; letter-spacing: 6px !important; text-transform: uppercase !important; }
body.theme-hotel .subtitle { font-weight: 300 !important; letter-spacing: 4px !important; text-transform: uppercase !important; font-size: 0.8rem !important; font-style: normal !important; }
body.theme-hotel .cocktail-description { font-size: 0.85rem !important; }

/* ============================================================
   RETOURS À LA LIGNE DANS LES DESCRIPTIONS
   ------------------------------------------------------------
   Les descriptions (recettes ET sections) sont saisies en texte
   libre dans l'admin. white-space: pre-line fait respecter par le
   navigateur les retours à la ligne (\n) tapés par l'utilisateur,
   tout en repliant normalement les espaces multiples. Le texte
   reste échappé côté JS (esc() dans highlightText) : aucune balise
   HTML n'est injectée, donc aucun risque XSS.

   Couvre les 3 thèmes implémentés (accordion, elegant, panneau),
   recettes et sections. Pas de !important : aucune règle existante
   ne touche white-space sur ces classes.
   ============================================================ */
.acc-item-description,      /* recette — accordion (+ accordion-creme, typographe) */
.acc-section-description,   /* section — accordion (+ accordion-creme, typographe) */
.item-description,          /* recette — elegant + panneau */
.elegant-section-desc,      /* section — elegant */
.panneau-section-desc {     /* section — panneau */
    white-space: pre-line;
}