/* Fleuristore : widgets pour les sites des fleuristes. Accent : --a (couleur du fleuriste), --a-sur (texte sur l'accent), --a-txt (accent lisible sur blanc). */
:root{--a:#2E7D52;--a-sur:#fff;--a-txt:#2E7D52;--a-pale:#EAF2ED;--a-doux:#CBDFD4;--encre:#1E2A24;--doux:#566B60;--trait:#E6EDE8;--fond:#FBFAF6;--r:14px}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:transparent}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--encre);font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%;padding:1px}
button,input{font:inherit;color:inherit}
[hidden]{display:none!important}
.flw{background:#fff;border:1px solid var(--trait);border-radius:18px;padding:22px 22px 16px;max-width:900px;margin:0 auto}
.flw-tete{text-align:center;margin:0 0 16px}
.flw-par{margin:0 0 6px;font-size:12.5px;letter-spacing:.02em;color:var(--doux)}
.flw-par b{color:var(--a-txt);font-weight:600}
.flw-titre{font-family:Lora,Georgia,serif;font-weight:600;font-size:clamp(21px,4.4vw,27px);line-height:1.2;margin:0 0 6px;color:var(--encre)}
.flw-sous{margin:0;color:var(--doux);font-size:14.5px}
.flw-corps{display:grid;gap:14px}
.flw-question{margin:0;font-weight:600;font-size:14.5px}
.flw-h2{font-family:Lora,Georgia,serif;font-weight:600;font-size:18px;margin:4px 0 8px}
.flw-note{margin:2px 0 0;font-size:12.5px;color:var(--doux)}
.flw-petit{display:block;font-size:12.5px;color:var(--doux);margin-top:2px}
.flw-aide{margin:-6px 0 0}
.flw-vide{color:var(--doux);margin:0;padding:12px 0;text-align:center}

/* puces */
.flw-puces{display:flex;flex-wrap:wrap;gap:8px}
.flw-centre{justify-content:center}
.flw-puce{appearance:none;border:1px solid var(--trait);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;line-height:1.2;transition:background .15s,border-color .15s,color .15s}
.flw-puce:hover{border-color:var(--a)}
.flw-puce[aria-pressed="true"]{background:var(--a);border-color:var(--a);color:var(--a-sur)}
.flw-puce:focus-visible,.flw-fleche:focus-visible,.flw-copier:focus-visible,.flw-plus:focus-visible,.flw-cta:focus-visible,.flw-nuancier button:focus-visible{outline:3px solid var(--a-doux);outline-offset:2px}
.flw-puces-serrees .flw-puce{padding:6px 12px;font-size:13.5px}
.flw-segment{gap:0;border:1px solid var(--trait);border-radius:999px;padding:3px;display:inline-flex;flex-wrap:nowrap;background:var(--fond)}
.flw-segment .flw-puce{border:0;background:transparent;padding:7px 14px;white-space:nowrap}
.flw-segment .flw-puce[aria-pressed="true"]{background:var(--a);color:var(--a-sur)}
.flw-rangee{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.flw-reglages{display:flex;gap:14px 24px;flex-wrap:wrap}
.flw-reglages>div{display:grid;gap:6px}
.flw-sous-choix{display:grid;gap:6px}

/* champs */
.flw-recherche{display:flex;align-items:center;gap:8px;border:1px solid var(--trait);border-radius:999px;padding:0 14px;background:#fff;color:var(--doux)}
.flw-recherche:focus-within{border-color:var(--a);box-shadow:0 0 0 3px var(--a-pale)}
.flw-recherche input{border:0;outline:0;flex:1;min-width:0;padding:11px 0;background:transparent;color:var(--encre);font-size:15px}
.flw-champ{display:grid;gap:6px}
.flw-champ input{border:1px solid var(--trait);border-radius:10px;padding:10px 12px;font-size:15px;outline:0;max-width:360px}
.flw-champ input:focus{border-color:var(--a);box-shadow:0 0 0 3px var(--a-pale)}

/* vignettes */
.flw-vig{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--v2),var(--v));overflow:hidden;font-family:Lora,Georgia,serif;font-size:18px}
.flw-vig b{font-weight:600;opacity:.9}
.flw-vig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.flw-vig-carre{width:100%;height:auto;aspect-ratio:1;border-radius:12px;font-size:34px}

/* fleurs de saison */
.flw-mois{display:flex;align-items:center;justify-content:center;gap:10px}
.flw-mois-nom{margin:0;min-width:180px;text-align:center;font-family:Lora,Georgia,serif;font-size:22px;font-weight:600;text-transform:none}
.flw-mois-nom span{display:block;font-family:Inter,system-ui,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--a-txt)}
.flw-fleche{appearance:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--trait);background:#fff;cursor:pointer;color:var(--encre)}
.flw-fleche:hover{background:var(--a);border-color:var(--a);color:var(--a-sur)}
.flw-compte{margin:0;text-align:center;color:var(--doux);font-size:13.5px}
.flw-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px}
.flw-carte{position:relative;display:grid;gap:5px;align-content:start}
.flw-nom{font-size:14.5px;line-height:1.3}
.flw-badge{position:absolute;top:8px;left:8px;background:var(--a);color:var(--a-sur);font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:999px}
.flw-pastilles{display:flex;gap:4px}
.flw-pastilles i{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}

/* encarts et résultats */
.flw-resultat{display:grid;gap:12px}
.flw-encart{margin:0;background:var(--a-pale);border-radius:var(--r);padding:14px 16px;font-size:14.5px}
.flw-encart-fort{display:grid;gap:2px;text-align:center}
.flw-sur{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--a-txt)}
.flw-gros{font-family:Lora,Georgia,serif;font-size:28px;line-height:1.2}
.flw-bloc{display:grid;gap:8px;border-top:1px solid var(--trait);padding-top:14px}
.flw-etapes{margin:0;padding-left:22px;display:grid;gap:6px}
.flw-etapes li::marker{color:var(--a-txt);font-weight:700}
.flw-liste{list-style:none;margin:0;padding:0;display:grid;gap:0}
.flw-ligne{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--trait)}
.flw-ligne:last-child{border-bottom:0}
.flw-ligne>div{display:grid;gap:2px;min-width:0}
.flw-ligne b{font-size:15px}
.flw-grille-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:22px}
.flw-grille-l .flw-ligne:last-child{border-bottom:1px solid var(--trait)}
.flw-barres{display:grid;gap:6px}
.flw-barre{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,1.3fr) 62px;gap:10px;align-items:center;font-size:13.5px}
.flw-piste{position:relative;height:9px;border-radius:5px;background:#EEF2EF}
.flw-piste i{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--a)}
.flw-barre .flw-petit{margin:0;text-align:right}
.flw-plus{appearance:none;justify-self:center;border:1px solid var(--a);background:#fff;color:var(--a-txt);border-radius:999px;padding:8px 18px;font-weight:600;font-size:14px;cursor:pointer}
.flw-plus:hover{background:var(--a-pale)}

/* langage des fleurs */
.flw-nuancier{display:flex;flex-wrap:wrap;gap:8px}
.flw-nuancier button{appearance:none;display:flex;align-items:center;gap:7px;border:1px solid var(--trait);background:#fff;border-radius:999px;padding:5px 12px 5px 5px;cursor:pointer;font-size:13.5px}
.flw-nuancier button i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.flw-nuancier button[aria-pressed="true"]{border-color:var(--a);box-shadow:0 0 0 2px var(--a-doux)}

/* fleurs et animaux */
.flw-alerte{background:#FBEDEB;color:#8E1F27;border-radius:var(--r);padding:12px 14px;font-size:14px}
.flw-verdict{display:grid;gap:4px;border-radius:var(--r);padding:14px 16px;font-size:14.5px}
.flw-verdict b{font-family:Lora,Georgia,serif;font-size:19px}
.flw-choisies{display:flex;flex-wrap:wrap;gap:8px}
.flw-retirer{appearance:none;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--trait);background:#fff;border-radius:999px;padding:4px 6px 4px 12px;cursor:pointer;font-size:13.5px}
.flw-retirer:hover{border-color:var(--a)}
.flw-x{font-size:17px;line-height:1;color:var(--doux);padding:0 4px}
.flw-niv{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap}
.flw-entete{display:flex;justify-content:flex-start;align-items:center;gap:6px 10px;flex-wrap:wrap}

/* messages */
.flw-messages{display:grid;gap:10px}
.flw-msg{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:var(--fond);border:1px solid var(--trait);border-radius:var(--r);padding:14px 16px}
.flw-msg p{margin:0;font-family:Lora,Georgia,serif;font-size:16.5px;line-height:1.45}
.flw-sign{display:block;margin-top:6px;font-family:Inter,system-ui,sans-serif;font-size:14px;color:var(--doux)}
.flw-copier{appearance:none;border:0;background:var(--a);color:var(--a-sur);border-radius:999px;padding:8px 16px;font-weight:600;font-size:13.5px;cursor:pointer;white-space:nowrap}
.flw-copier.flw-ok{background:var(--encre);color:#fff}

/* pied */
.flw-pied{margin-top:18px;display:grid;gap:10px;justify-items:center;text-align:center}
.flw-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--a);color:var(--a-sur);text-decoration:none;font-weight:600;font-size:15.5px;border-radius:999px;padding:13px 26px;max-width:100%;transition:transform .15s,filter .15s}
.flw-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}
.flw-mention{margin:0;font-size:11px;opacity:.75}
.flw-mention a{color:var(--doux);text-decoration:none}
.flw-mention a:hover{text-decoration:underline}

@media (max-width:480px){
	.flw{padding:16px 14px 12px;border-radius:14px}
	.flw-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.flw-msg{grid-template-columns:1fr}
	.flw-copier{justify-self:start}
	.flw-barre{grid-template-columns:minmax(0,1fr) 70px 54px}
	.flw-mois-nom{min-width:0;font-size:20px}
	.flw-gros{font-size:24px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}