/* Le Puits de Myriam — identité visuelle
   Titres Cormorant Garamond · textes Lora · accents manuscrits Great Vibes, ponctuels.
   Violet profond #4B176D pour les titres, violet secondaire #6D3A8D, rose #E91E63 pour ce
   qui doit être remarqué et pour l'action importante. Fond ivoire, texte violet très foncé.
   Ambiance : douce, féminine, chaleureuse, artisanale. Ornements botaniques au trait fin.
   Le corps reste à 17px : une partie des bénévoles a plus de 60 ans. */
@import url("/static/fonts.css");

:root{
  --ivoire:#FBF8F3; --papier:#FFFFFF;
  --violet:#4B176D; --violet-2:#6D3A8D; --violet-pale:#F2ECF6; --violet-trait:#E0D2E9;
  --rose:#E91E63; --rose-pale:#FDF0F4;
  --encre:#2E2332; --gris:#7A6E80; --gris-pale:#A79CAC;
  --trait:#EDE4DA; --trait-pale:#F5EFE7;
  --vert:#3E7A5E;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivoire);color:var(--encre);
  font:400 17px/1.68 Lora,Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}
a{color:var(--violet);text-underline-offset:3px}
.he{font-family:"Frank Ruhl Libre","Noto Serif Hebrew",Lora,serif;direction:rtl;unicode-bidi:isolate}
.manuscrit{font-family:"Great Vibes",cursive;font-weight:400}

/* En-tête */
.entete{background:var(--papier);border-bottom:1px solid var(--violet-trait)}
.entete .dedans{max-width:660px;margin:0 auto;padding:15px 22px;display:flex;align-items:center;gap:11px}
.entete svg,.entete img{width:30px;height:30px;flex:0 0 30px}
.entete b{font:600 17px/1.15 "Cormorant Garamond",Georgia,serif;letter-spacing:.01em;color:var(--violet)}
.entete small{display:block;font:400 12px/1.6 Lora,serif;color:var(--violet-2)}
.page{max-width:660px;margin:0 auto;padding:36px 22px 84px}
.large{max-width:900px}

/* Titres */
.kicker{font:400 15px/1.4 Lora,serif;color:var(--violet-2);margin:0 0 8px}
.kicker .he{font-size:16px}
h1{font:600 36px/1.16 "Cormorant Garamond",Georgia,serif;color:var(--violet);
  letter-spacing:.005em;margin:0 0 12px}
h2{font:600 25px/1.28 "Cormorant Garamond",Georgia,serif;color:var(--violet);margin:38px 0 10px}
h3{font:600 20px/1.3 "Cormorant Garamond",Georgia,serif;color:var(--violet-2);margin:0 0 7px}
.meta{color:var(--gris);font-size:15.5px;margin:0 0 22px}
.meta b{color:var(--encre);font-weight:600}
p{margin:0 0 15px} .petit{font-size:15px} .gris{color:var(--gris)}
.rose{color:var(--rose)} strong,b.valeur{color:var(--rose);font-weight:600}
.section{font:600 20px/1.3 "Cormorant Garamond",Georgia,serif;color:var(--violet);
  margin:42px 0 0;padding-bottom:9px;border-bottom:1px solid var(--violet-trait)}

/* Illustrations — encre violette sur ivoire, jamais sur fond sombre : le trait y disparaît. */
.illu{display:block;height:auto;margin:0 auto}
.illu.hero{width:210px;margin:2px auto 16px}
.illu.section{width:140px;margin:30px auto -8px}
.illu.discret{width:104px;margin:22px auto 6px;opacity:.9}

/* Ornements */
.filet{display:block;width:230px;max-width:70%;height:auto;margin:38px auto 30px;opacity:.85}
.brin{position:absolute;width:52px;opacity:.5;pointer-events:none}

/* Jauge */
.jauge{margin:0 0 26px}
.jauge .rail{height:6px;background:var(--violet-trait);border-radius:4px;overflow:hidden}
.jauge .plein{height:100%;background:linear-gradient(90deg,var(--violet),var(--violet-2));border-radius:4px}
.jauge .txt{display:flex;justify-content:space-between;font-size:14.5px;color:var(--gris);margin-top:9px}
.jauge .txt b{color:var(--rose);font-weight:600}

/* Contexte */
.contexte{border-left:2px solid var(--violet-trait);padding:2px 0 2px 17px;margin:0 0 24px;
  font-size:17px;line-height:1.72;color:#3B3140;font-style:italic}

/* Contraintes */
.contraintes{background:var(--violet-pale);border-radius:10px;padding:16px 18px;margin:0 0 6px}
.contraintes .titre{font:600 17px/1.3 "Cormorant Garamond",serif;color:var(--violet);margin-bottom:8px}
.contraintes ul{margin:0;padding:0;list-style:none;font-size:16px}
.contraintes li{padding:3px 0}
.contraintes li span{color:var(--violet-2);margin-right:8px}

/* Liste des repas */
.repas{border-top:1px solid var(--trait)}
.ligne{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--trait-pale);align-items:flex-start}
.ligne.ouverte .date{border-color:#F0C3D3;background:var(--rose-pale)}
.date{flex:0 0 52px;text-align:center;border:1px solid var(--violet-trait);border-radius:9px;
  background:var(--papier);padding:7px 0 6px}
.date .j{display:block;font:500 10.5px/1.2 Lora,serif;color:var(--violet-2);letter-spacing:.07em;text-transform:uppercase}
.date .n{display:block;font:600 22px/1.28 "Cormorant Garamond",serif;color:var(--violet)}
.date .m{display:block;font-size:10px;color:var(--gris);text-transform:uppercase;letter-spacing:.05em}
.corps{flex:1;min-width:0}
.corps .quoi{font:600 17px/1.4 Lora,serif}
.corps .role{font-size:15px;color:var(--violet-2);margin-top:1px}
.corps .cond{font-size:14px;color:var(--gris);margin-top:5px}
.corps .prise{display:flex;align-items:baseline;gap:7px;margin-top:8px;font-size:15.5px;color:var(--vert)}
.corps .plat{font-size:14.5px;color:var(--gris);margin-top:2px;font-style:italic}
.prendre{flex:0 0 auto;align-self:center}

/* Boutons — violet pour le principal, rose pour ce qui compte, contour pour le reste */
.b{display:inline-block;border:1px solid var(--violet);border-radius:9px;background:var(--violet);
  color:#fff;font:500 15.5px/1.2 Lora,serif;padding:11px 17px;cursor:pointer;text-decoration:none;
  text-align:center;transition:opacity .13s}
.b:hover{opacity:.9}
.b.plein{display:block;width:100%;padding:15px 18px;font-size:16.5px}
.b.creux{background:transparent;color:var(--violet)}
.b.rose{background:var(--rose);border-color:var(--rose)}
.b.gris{background:transparent;color:var(--gris);border-color:var(--trait);font-weight:400}
.b.danger{background:transparent;color:#9B2C3F;border-color:#EBCBD5;font-weight:400}
.b[disabled]{background:var(--trait);border-color:var(--trait);color:var(--gris-pale);cursor:default}
.b.wa{background:#fff;border-color:#25D366;color:#128C4A}
.actions{margin:26px 0 0;display:flex;flex-direction:column;gap:10px}
.enligne{display:flex;gap:9px;flex-wrap:wrap;align-items:center}

/* Formulaires */
label{display:block;font:500 15.5px/1.45 Lora,serif;margin:20px 0 6px;color:var(--encre)}
label .aide{display:block;font-weight:400;font-size:14px;color:var(--gris);margin-top:3px}
input,textarea,select{width:100%;padding:12px 14px;font:400 16.5px Lora,serif;color:var(--encre);
  background:var(--papier);border:1px solid var(--violet-trait);border-radius:9px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--violet);
  box-shadow:0 0 0 3px rgba(75,23,109,.11)}
textarea{min-height:86px;resize:vertical}
.duo{display:flex;gap:11px} .duo>*{flex:1}

/* Encadrés */
.bloc{background:var(--papier);border:1px solid var(--trait);border-radius:12px;padding:19px 21px;margin:0 0 13px}
.bloc.violet{background:var(--violet-pale);border-color:var(--violet-trait)}
.bloc.rose{background:var(--rose-pale);border-color:#F3D3DE}
.bloc.nu{background:transparent;border:0;padding:0}
.avis{border-radius:9px;padding:12px 15px;margin:0 0 17px;font-size:15.5px}
.avis.ok{background:#EFF6F2;color:#2A5C45}
.avis.jaune{background:var(--violet-pale);color:var(--violet)}
.avis.rouge{background:var(--rose-pale);color:#9B1741}

/* Fiche */
dl.fiche{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:16px}
dl.fiche dt{color:var(--violet-2);font-size:14px;padding-top:3px}
dl.fiche dd{margin:0;font-weight:500}

/* Rejoindre */
.rejoindre{background:var(--violet);color:#fff;border-radius:12px;padding:28px 24px;margin:46px 0 0}
.rejoindre h2{color:#fff;margin:0 0 9px;font-size:26px}
.rejoindre p{color:#E2D6EB;font-size:16px}
.rejoindre input{background:#fff;border-color:transparent}
.rejoindre .b{background:var(--rose);border-color:var(--rose);color:#fff;width:100%;padding:14px;
  font-size:16.5px;margin-top:11px}

/* Pied */
.pied{margin-top:56px;padding-top:8px;color:var(--gris);font-size:14px;text-align:center;line-height:1.8}
.pied .he{display:block;color:var(--violet-2);font-size:16px;margin-bottom:6px}
.pied .signature{font-family:"Great Vibes",cursive;font-size:22px;color:var(--violet);display:block;margin-bottom:4px}

/* Tables */
table{width:100%;border-collapse:collapse;font-size:15.5px}
th{font:600 15px/1.3 "Cormorant Garamond",serif;color:var(--violet);text-align:left;padding:9px 10px;
  border-bottom:1px solid var(--violet-trait)}
td{padding:12px 10px;border-bottom:1px solid var(--trait-pale);vertical-align:top}
.onglets{display:flex;gap:4px;border-bottom:1px solid var(--violet-trait);margin:0 0 32px}
.onglets a,.onglets button{background:none;border:0;border-bottom:1.5px solid transparent;
  padding:10px 14px;font:400 15.5px Lora,serif;color:var(--gris);text-decoration:none;cursor:pointer}
.onglets a.actif{color:var(--violet);border-bottom-color:var(--rose);font-weight:500}
.copiable{width:100%;font:400 13.5px/1.62 ui-monospace,SFMono-Regular,Menlo,monospace;min-height:250px;
  background:var(--papier);border:1px solid var(--violet-trait);border-radius:9px;padding:15px}