/* Générateur de widgets : la phrase, l'aperçu (la vraie page d'intégration dans un iframe), deux boutons de copie */
.wg { width: 100%; max-width: 1080px; display: flex; flex-direction: column; align-items: center; gap: clamp(10px, 2vh, 20px); text-align: center; }
.wg-s { font-size: clamp(20px, 2.5vw, 29px); line-height: 1.85; max-width: 1000px; }
.wg-seg[hidden] { display: none; }
.wg-fields { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: min(100%, 640px); }
.wg-in { flex: 1 1 220px; min-width: 0; min-height: 46px; padding: 0 16px; border: 0; border-radius: 14px; background: var(--frame); color: var(--white); font: inherit; font-size: 17px; font-weight: 500; text-align: center; transition: background-color .15s; -webkit-appearance: none; appearance: none; }
.wg-in:hover { background: var(--frame-hi); }
.wg-in:focus { outline: none; background: var(--frame-hi); box-shadow: 0 0 0 2px var(--white); }
.wg-in::placeholder { color: color-mix(in srgb, var(--white) 66%, transparent); opacity: 1; }
.wg-stage { width: min(100%, 640px); }
.wg-frame { --h: 200px; overflow: hidden; border-radius: 18px; background: var(--frame); box-shadow: inset 0 0 0 2px var(--frame); transition: height .3s var(--ease); height: calc(var(--h) * var(--cs, 1)); }
.wg-frame[data-w="countdown"], .wg-frame[data-w="timer"] { --h: 220px; }
.wg-frame[data-w="clock"][data-style="a"] { --h: 250px; }
.wg-frame.is-light { background: #FFFFFF; }
.wg-frame iframe { display: block; width: 100%; height: 100%; border: 0; background: transparent; color-scheme: normal; }
.wg-credit { margin: 6px 4px 0; font-size: 13px; line-height: 1.5; text-align: right; }
.wg-credit a { color: inherit; font-weight: 700; text-underline-offset: 3px; }
.wg-actions .btn-wide { min-width: 250px; }
.wg-actions .is-done { background: var(--white); color: var(--bg); }
.wg-actions .btn-primary.is-done { box-shadow: 0 0 0 5px color-mix(in srgb, var(--white) 28%, transparent); }
.wg-bar .wg-short { display: none; }
.wp-extra .wg-find { width: 100%; margin-top: 12px; padding: 12px 16px; border: 0; border-radius: 14px; background: var(--tint); color: var(--bg); font: inherit; font-size: 17px; font-weight: 500; outline: none; }
.wp-extra .wg-find::placeholder { color: var(--bg); opacity: .7; }
.wp-extra .wg-find:focus { box-shadow: inset 0 0 0 2px var(--bg); }
@media (max-height: 760px) and (min-width: 721px) {
  .wg { gap: 10px; }
  .wg-s { line-height: 1.7; }
  .wg-frame { --h: 150px; }
  .wg-frame[data-w="countdown"], .wg-frame[data-w="timer"] { --h: 170px; }
  .wg-frame[data-w="clock"][data-style="a"] { --h: 190px; }
  .wg-actions .btn-primary, .wg-actions .btn-ghost { min-height: 56px; }
}
@media (max-width: 720px) {
  .wg { gap: 12px; }
  .wg-s { font-size: 20px; line-height: 1.8; }
  .wg-in { flex-basis: 100%; min-height: 44px; font-size: 16px; }
  .wg-fields { gap: 8px; }
  .wg-frame { --h: 140px; border-radius: 16px; }
  .wg-frame[data-w="countdown"], .wg-frame[data-w="timer"] { --h: 150px; }
  .wg-frame[data-w="clock"][data-style="a"] { --h: 180px; }
  .wg-actions { width: 100%; flex-wrap: nowrap; gap: 8px; }
  .wg-actions .btn-wide { flex: 1 1 0; min-width: 0; min-height: 54px; padding: 0 10px; font-size: 16px; line-height: 1.15; }
  .wg-actions .btn-wide .stack > * { white-space: normal; text-align: center; }
}
@media (max-width: 520px) {
  .wg-bar .wg-long { display: none; }
  .wg-bar .wg-short { display: inline; }
}
/* Tableaux du texte : du texte, pas des chiffres (pas d'Anton dans la 2e colonne) */
.content .wg-tbl td { font-family: inherit; font-size: 17px; white-space: normal; }
.content .wg-tbl code { font-size: 15px; overflow-wrap: anywhere; }