69 lines
7.1 KiB
CSS
Executable File
69 lines
7.1 KiB
CSS
Executable File
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Manrope:wght@600;700;800&display=swap');
|
|
*{box-sizing:border-box}body{margin:0;background:#f7f8f3;color:#203329;font-family:'DM Sans',sans-serif}main{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:220px;background:white;border-right:1px solid #e8ece5;padding:30px 22px;display:flex;flex-direction:column;gap:22px}aside h2{font-family:Manrope;color:#183c2d}aside p,small{font-size:10px;letter-spacing:1.4px;color:#819087;font-weight:800}aside a{color:#26734d;text-decoration:none;padding:12px;border-radius:10px}section{margin-left:220px;padding:38px 5vw;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header h1{font:800 30px Manrope;color:#183c2d;margin:8px 0}header p{color:#758078}.hero{border-radius:22px;background:linear-gradient(110deg,#204e38,#397d51);color:white;padding:35px 42px;display:flex;justify-content:space-between;align-items:center}.hero h1{font:800 38px Manrope;line-height:1.15}.hero p{max-width:420px;color:#dcebe0}.hero a{display:inline-block;background:white;color:#24563c;text-decoration:none;padding:12px 17px;border-radius:10px;font-weight:800;font-size:13px}.hero span{font-size:115px}.stats,.stores,.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 35px}.stats article,article,.empty,#settings{background:white;border:1px solid #e8ece5;border-radius:15px;padding:18px}.stats h2{font:800 25px Manrope;color:#183c2d;margin:8px 0}section>div:not(.hero){margin-top:35px}section h2{font:800 21px Manrope;color:#183c2d}.empty{padding:25px;color:#758078}.stores article{font-weight:700}#settings{margin-top:35px}.fields{margin:18px 0}.fields label{display:grid;gap:8px;font-size:12px;color:#69776e;font-weight:700}.fields input{padding:12px;border:1px solid #dfe6df;border-radius:9px;font:600 14px 'DM Sans' }button{background:#26734d;border:0;color:white;padding:12px 18px;border-radius:9px;font-weight:700;cursor:pointer}footer{text-align:center;color:#9aa49c;font-size:11px;padding:30px}@media(max-width:750px){aside{width:65px;padding:20px 8px}aside h2{font-size:0}aside a{font-size:0}section{margin-left:65px;padding:20px 14px}.hero{padding:24px}.hero span{font-size:60px}.hero h1{font-size:28px}.stats,.fields{grid-template-columns:1fr}.stores{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;gap:12px;flex-direction:column}}
|
|
|
|
/* Module Circulaires — ajout à la présentation V1 */
|
|
#flyers{margin-top:35px}
|
|
.flyer-control{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
|
|
.flyer-control p{max-width:650px;color:#758078;font-size:13px;line-height:1.6}
|
|
.import-message{width:100%;margin:0}
|
|
.flyer-sources{grid-template-columns:repeat(2,1fr)}
|
|
.flyer-sources article{display:flex;flex-direction:column;gap:8px}
|
|
.store-address{font-size:12px;color:#758078;margin:5px 0}
|
|
.source-error{font-size:12px;color:#a34b35;line-height:1.5}
|
|
.flyer-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:16px}
|
|
.flyer-list article{display:flex;flex-direction:column;gap:8px}
|
|
.flyer-list h3{font:700 16px Manrope;color:#183c2d;margin:0}
|
|
.flyer-list p{font-size:12px;color:#758078;margin:0}
|
|
.flyer-list a{font-size:12px;color:#26734d;font-weight:700;text-decoration:none}
|
|
@media(max-width:750px){.flyer-sources,.flyer-list{grid-template-columns:1fr}.flyer-control{align-items:flex-start}}
|
|
|
|
/* Promotions Flipp — ajout au module Circulaires V1 */
|
|
.flyer-thumb{width:100%;max-height:170px;object-fit:cover;border-radius:10px;margin-bottom:5px}
|
|
.offers-intro{font-size:13px;color:#758078;line-height:1.6}
|
|
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
|
|
.offer-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding:12px;min-width:0}
|
|
.offer-card>img,.offer-placeholder{width:92px;height:92px;object-fit:contain;border-radius:10px;background:#f4f6f1}
|
|
.offer-placeholder{display:grid;place-items:center;font-size:34px}
|
|
.offer-detail{display:flex;flex-direction:column;gap:5px;min-width:0}
|
|
.offer-detail small{font-size:9px;letter-spacing:.7px}
|
|
.offer-detail strong{font-size:12px;line-height:1.35;color:#203329}
|
|
.offer-detail span{font-size:11px;color:#758078}
|
|
.offer-detail b{font:800 17px Manrope;color:#26734d}
|
|
@media(max-width:1100px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
|
|
@media(max-width:750px){.offer-grid{grid-template-columns:1fr}.offer-card{grid-template-columns:78px minmax(0,1fr)}.offer-card>img,.offer-placeholder{width:78px;height:78px}}
|
|
|
|
|
|
/* Générateur de soupers — extension de l'interface V1 */
|
|
.meal-generator{padding:22px;margin-top:14px}
|
|
.meal-generator-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
|
|
.meal-generator-head strong{font:800 16px Manrope;color:#183c2d}
|
|
.meal-generator-head p,.estimate-note{font-size:12px;color:#758078;line-height:1.6;max-width:700px}
|
|
.selection-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 14px;padding:13px;background:#f4f7f1;border-radius:10px;color:#315640;font-size:12px}
|
|
.selection-summary span{color:#758078}
|
|
.suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
|
|
.suggestion-card{padding:16px;min-width:0;transition:border-color .15s,box-shadow .15s}
|
|
.suggestion-card.selected{border-color:#7db58d;box-shadow:0 0 0 2px #e5f1e7}
|
|
.suggestion-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
|
|
.suggestion-top label{display:flex;align-items:center;gap:6px;color:#64736a;font-size:11px;font-weight:700}
|
|
.suggestion-top input,.shopping-list input{accent-color:#26734d}
|
|
.meal-icon{font-size:25px}
|
|
.suggestion-card h3,.saved-plan h3{font:800 15px Manrope;color:#183c2d;margin:12px 0 6px}
|
|
.suggestion-card>p{font-size:12px;color:#758078;line-height:1.5;margin:0}
|
|
.recipe-meta{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font-size:11px;color:#758078}
|
|
.recipe-meta b{font:800 16px Manrope;color:#26734d}
|
|
.promotion-tags{display:flex;flex-direction:column;gap:5px;padding:10px;background:#f1f7ef;border-radius:9px}
|
|
.promotion-tags strong{font-size:11px;color:#26734d}
|
|
.promotion-tags small{font-size:10px;letter-spacing:0;color:#63766a}
|
|
.no-promo{font-size:10px;letter-spacing:0;color:#89948d}
|
|
.suggestion-card details{margin-top:12px;border-top:1px solid #edf0eb;padding-top:10px;font-size:11px;color:#637168}
|
|
.suggestion-card summary{cursor:pointer;font-weight:700;color:#26734d}
|
|
.suggestion-card details ul{padding-left:18px;line-height:1.7}
|
|
.suggestion-card details p{line-height:1.6}
|
|
.estimate-note{margin:14px 0}
|
|
.saved-plan{margin-top:16px}
|
|
.saved-plan>p{font-size:13px;color:#637168}
|
|
.shopping-list{display:grid;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid #edf0eb}
|
|
.shopping-list h3{margin:0}
|
|
.shopping-list label{display:flex;align-items:center;gap:8px;font-size:12px;color:#405448}
|
|
@media(max-width:750px){.suggestion-grid{grid-template-columns:1fr}.meal-generator{padding:16px}.meal-generator-head{align-items:flex-start}.selection-summary{flex-direction:column}}
|