@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap";.navbar{border-bottom:1px solid #dbe1ec;justify-content:center;gap:25px;margin-bottom:20px;padding:15px 0;display:flex}.navbar a{color:#1a2233;font-size:14px;font-weight:600;text-decoration:none}.navbar a:hover{color:#4c5972}@media (width<=700px){.navbar{flex-wrap:wrap;gap:10px 14px;font-size:13px}}.accueil{--paper:#faf8f3;--ink-teal:#0f3d3a;--gold:#d9a339;--coral:#dd5b3e;--sage:#9cb89a;color:#1e2b22;font-family:Inter,sans-serif}.accueil h1,.accueil h2,.accueil h3{font-family:Fraunces,serif}.hero{background:var(--ink-teal);color:var(--paper);text-align:center;padding:70px 24px 60px;position:relative}.hero-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-family:IBM Plex Mono,monospace;font-size:12px}.hero-titre{max-width:700px;margin:0 auto 18px;font-size:clamp(28px,5vw,48px);font-weight:600;line-height:1.15}.hero-titre span{color:var(--gold);font-style:italic}.hero-texte{color:#d8e3df;max-width:480px;margin:0 auto 30px;font-size:15px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:20px;display:flex}.btn-hero-principal{background:var(--coral);color:#fff;border-radius:8px;padding:13px 26px;font-size:14px;font-weight:600;text-decoration:none}.btn-hero-secondaire{color:var(--paper);background:0 0;border:1px solid #faf8f359;border-radius:8px;padding:13px 26px;font-size:14px;font-weight:600;text-decoration:none}.hero-bordure{background:radial-gradient(circle at 11px 0, transparent 11px, var(--paper) 12px) repeat-x;background-size:22px 22px;width:100%;height:22px;position:absolute;bottom:-1px;left:0}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--coral);text-align:center;margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:12px}.section-titre{text-align:center;margin-bottom:30px;font-size:26px}.section-etapes{background:var(--paper);padding:60px 24px 50px}.etapes-grille{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:900px;margin:30px auto 0;display:grid}.etape-carte{text-align:center}.etape-numero{color:var(--sage);font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}.etape-carte h3{margin:8px 0 6px;font-size:17px}.etape-carte p{color:#4c5972;font-size:13.5px;line-height:1.5}.section-catalogue{text-align:center;background:#fff;padding:50px 24px}.catalogue-apercu{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;max-width:700px;margin:0 auto 24px;display:grid}.apercu-carte{border:1px solid #e2e6ed;border-radius:10px;flex-direction:column;gap:6px;padding:18px 10px;display:flex}.apercu-nom{font-size:14px;font-weight:600}.apercu-prix{color:var(--coral);font-size:13px;font-weight:600}.lien-catalogue-complet{color:var(--ink-teal);font-size:14px;font-weight:600;text-decoration:none}.section-evenements{background:var(--paper);padding:55px 24px}.evenements-grille{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:900px;margin:24px auto 0;display:grid}.evenement-carte{border-top:3px solid var(--gold);background:#fff;border-radius:12px;padding:22px}.evenement-carte h3{margin-bottom:8px;font-size:18px}.evenement-carte p{color:#4c5972;font-size:13.5px;line-height:1.5}.section-cta-finale{background:var(--ink-teal);color:var(--paper);text-align:center;padding:55px 24px}.section-cta-finale h2{margin-bottom:20px;font-size:24px}@media (width<=600px){.hero{padding:50px 18px}.etapes-grille,.evenements-grille{grid-template-columns:1fr}}.catalogue{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 4px #00000014}.catalogue h2{color:#1a2233;margin-bottom:15px;font-size:18px}.catalogue-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.article-card{text-align:center;border:1px solid #e2e6ed;border-radius:8px;padding:12px}.article-nom{margin-bottom:4px;font-size:14px;font-weight:600}.article-prix{color:#4c5972;margin-bottom:10px;font-size:13px}.article-card button{color:#fff;background:#1a2233;width:100%;padding:6px 14px;font-size:13px}.badge-prix-perso{color:#d98e36;font-size:11px;font-weight:600}.input-quantite{text-align:center;border:1px solid #dbe1ec;border-radius:8px;width:100%;margin-bottom:8px;padding:6px 1px;font-size:13px}.article-dans-panier{color:#2e7d32;margin:4px 0;font-size:.85rem}@media (width<=480px){.catalogue-grid{grid-template-columns:1fr}}.article-boutons{gap:8px;margin-top:8px;display:flex}.article-boutons button{cursor:pointer;border-radius:6px;flex:1;padding:8px 10px;font-size:.9rem;font-weight:600;transition:background-color .2s,color .2s}.btn-ajouter{color:#fff;background-color:#2e7d32;border:2px solid #2e7d32}.btn-ajouter:hover{background-color:#1b5e20}.btn-supprimer{color:#c62828;background-color:#fff;border:2px solid #c62828}.btn-supprimer:hover:not(:disabled){color:#fff;background-color:#c62828}.btn-supprimer:disabled{opacity:.4;cursor:not-allowed}.panier{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #00000014}.panier h2{color:#1a2233;margin-bottom:15px;font-size:18px}.panier-vide{color:#4c5972;font-size:14px}.panier-liste{list-style:none}.panier-item{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.panier-item-droite{align-items:center;gap:10px;display:flex}.btn-retirer{color:#a32d2d;background:#f4e4e4;border-radius:50%;width:24px;height:24px;font-size:14px;line-height:1}.panier-total{text-align:right;color:#1a2233;margin-top:15px;font-size:16px;font-weight:700}@media (width<=480px){.panier-item{flex-direction:column;align-items:flex-start;gap:4px}}.panier-ligne{justify-content:space-between;margin:6px 0;font-size:.95rem;display:flex}.client-form{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 4px #00000014}.client-form h2{color:#1a2233;margin-bottom:15px;font-size:18px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid input,.form-grid select{border:1px solid #dbe1ec;border-radius:8px;padding:10px 12px;font-size:14px}.btn-valider{color:#fff;background:#1a2233;grid-column:1/-1;margin-top:5px;padding:12px;font-size:15px}.frais-livraison-info{color:#4c5972;background:#f0f7f4;border-radius:6px;grid-column:1/-1;margin:-4px 0 0;padding:8px 12px;font-size:13px}.form-grid input:disabled{color:#6b7688;cursor:not-allowed;background:#f0f2f5}.champ-piece-identite{flex-direction:column;grid-column:1/-1;gap:6px;display:flex}.champ-piece-identite label{color:#1a2233;font-size:13px;font-weight:600}.champ-piece-identite input[type=file]{border:1px solid #dbe1ec;border-radius:8px;padding:8px;font-size:13px}.note-confidentialite{color:#4c5972;font-size:11.5px}.champ-datetime{flex-direction:column;gap:4px;display:flex}.champ-datetime label{color:#1a2233;font-size:13px;font-weight:600}@media (width<=600px){.form-grid{grid-template-columns:1fr}.client-form{padding:14px}}.champ-conditions{text-align:left;align-items:flex-start;gap:8px;font-size:.9rem;display:flex}.champ-conditions input{width:auto;margin-top:3px}.info-duree{text-align:left;background:#f3f6fb;border-radius:6px;margin:0;padding:8px 10px;font-size:.9rem}.nouvelle-commande{max-width:1000px;margin:0 auto}.localisation-selecteur{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 4px #00000014}.localisation-selecteur h2{color:#1a2233;margin-bottom:12px;font-size:17px}.localisation-champs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.localisation-champs select{border:1px solid #dbe1ec;border-radius:8px;padding:10px 12px;font-size:14px}.frais-livraison-info{color:#4c5972;background:#f0f7f4;border-radius:6px;margin-top:10px;padding:8px 12px;font-size:13px}.localisation-attente{text-align:center;color:#4c5972;background:#fff;border-radius:12px;padding:40px}.btn-nouvelle-commande{color:#fff;background:#1a2233;width:100%;margin-top:20px;padding:14px;font-size:15px}@media (width<=600px){.localisation-champs{grid-template-columns:1fr}.localisation-selecteur{padding:14px}}.mes-commandes{max-width:1000px;margin:0 auto}.mes-commandes h2{color:#1a2233;margin-bottom:20px}.commandes-vide{color:#4c5972;text-align:center;background:#fff;border-radius:12px;padding:40px}.commandes-grille{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.commande-carte-client{background:#fff;border-radius:12px;padding:18px;box-shadow:0 1px 4px #00000014}.commande-entete h3{color:#1a2233;font-size:16px}.commande-articles{margin-bottom:10px;list-style:none}.commande-articles li{border-bottom:1px solid #eef1f6;padding:4px 0;font-size:13.5px}.commande-total{text-align:right;color:#1a2233;margin-top:8px;font-weight:700}.btn-annuler{color:#a32d2d;background:#f4e4e4;width:100%;margin-top:8px;padding:8px;font-size:13px}.auth-page{background:#fff;border-radius:12px;max-width:380px;margin:60px auto;padding:30px;box-shadow:0 1px 4px #00000014}.auth-page h2{text-align:center;color:#1a2233;margin-bottom:20px}.auth-page form{flex-direction:column;gap:12px;display:flex}.auth-page input{border:1px solid #dbe1ec;border-radius:8px;padding:10px 12px;font-size:14px}.auth-page button{color:#fff;background:#1a2233;margin-top:5px;padding:12px;font-size:15px}.auth-page .erreur{color:#a32d2d;text-align:center;font-size:13px}.auth-page .lien-secondaire{text-align:center;margin-top:15px;font-size:13px}@media (width<=480px){.auth-page{margin:30px 15px;padding:20px}}.admin-dashboard{max-width:1000px;margin:0 auto}.admin-section{background:#fff;border-radius:12px;margin-bottom:25px;padding:24px;box-shadow:0 1px 4px #00000014}.admin-section h2{color:#1a2233;margin-bottom:18px;font-size:18px}.commandes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px;display:grid}.commande-carte{border:1px solid #e2e6ed;border-radius:10px;padding:14px}.commande-entete{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.commande-details{color:#4c5972;margin-bottom:6px;font-size:13px}.commande-total{margin-bottom:10px;font-weight:700}.form-catalogue{grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:20px;display:grid}.form-catalogue input{border:1px solid #dbe1ec;border-radius:8px;padding:10px 12px;font-size:14px}.form-catalogue button{color:#fff;background:#1a2233;padding:10px 16px}.article-admin-ligne{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.btn-danger{color:#a32d2d;background:#f4e4e4}.form-district,.form-ville{gap:10px;margin-bottom:16px;display:flex}.form-district input,.form-ville input{border:1px solid #dbe1ec;border-radius:8px;padding:10px 12px;font-size:14px}.form-district button,.form-ville button{color:#fff;background:#1a2233;padding:10px 16px}.district-bloc{border-bottom:1px solid #eef1f6;padding:10px 0}.district-ligne{align-items:center;gap:10px;display:flex}.btn-toggle{text-align:left;color:#1a2233;background:0 0;flex:1;padding:6px 0;font-weight:600}.villes-panneau{background:#faf8f3;border-radius:8px;margin:12px 0 4px 20px;padding:14px}.ville-ligne{border-bottom:1px solid #e2e6ed;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.barre-recherche{border:1px solid #dbe1ec;border-radius:8px;width:100%;margin-bottom:20px;padding:10px 14px;font-size:14px}.commande-telephone{color:#4c5972;margin-bottom:8px;font-size:12.5px}.commande-articles-admin{margin-bottom:8px;list-style:none}.commande-articles-admin li{border-bottom:1px solid #eef1f6;padding:3px 0;font-size:13px}.commande-livraison{color:#4c5972;margin-bottom:4px;font-size:12px}.users-liste{flex-direction:column;gap:8px;display:flex}.user-ligne{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.btn-toggle-prix{color:#4c5972;background:0 0;padding:4px 8px;font-size:12px}.prix-panneau{background:#faf8f3;border-radius:8px;margin:8px 0 12px 20px;padding:12px}.form-prix{gap:8px;margin-bottom:10px;display:flex}.form-prix select,.form-prix input{border:1px solid #dbe1ec;border-radius:6px;padding:8px 10px;font-size:13px}.prix-ligne{border-bottom:1px solid #e2e6ed;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.prix-vide{color:#4c5972;font-size:12.5px;font-style:italic}.btn-voir-piece{color:#1a2233;background:#eef1f6;width:100%;margin-top:6px;padding:6px 10px;font-size:12px}@media (width<=700px){.form-catalogue,.form-district,.form-ville,.form-prix{flex-direction:column}.commandes-grid{grid-template-columns:1fr}.district-ligne,.ville-ligne,.article-admin-ligne{flex-wrap:wrap}}.mon-compte{max-width:500px;margin:0 auto}.compte-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 1px 4px #00000014}.compte-form{flex-direction:column;gap:12px;display:flex}.compte-form input{border:1px solid #dbe1ec;border-radius:8px;padding:10px 12px;font-size:14px}.compte-form button{color:#fff;background:#1a2233;padding:10px}.compte-erreur{color:#a32d2d;font-size:13px}.compte-succes{color:#1f5e54;font-size:13px}@media (width<=480px){.compte-section{padding:16px}}.suivre-commande{max-width:500px;margin:0 auto}.suivre-commande h2{text-align:center;margin-bottom:20px}.suivi-form{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.suivi-form input{border:1px solid #dbe1ec;border-radius:8px;flex:1;padding:10px 12px;font-size:14px}.suivi-form button{color:#fff;background:#1a2233;padding:10px 20px}.suivi-erreur{color:#a32d2d;text-align:center;font-size:14px}.suivi-resultat{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #00000014}.suivi-resultat .commande-entete{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.suivi-resultat .commande-details{color:#4c5972;margin-bottom:12px;font-size:13px}.suivi-resultat .commande-articles{margin-bottom:10px;list-style:none}.suivi-resultat .commande-articles li{border-bottom:1px solid #eef1f6;padding:4px 0;font-size:13.5px}.suivi-resultat .commande-livraison{color:#4c5972;margin-bottom:4px;font-size:12.5px}.suivi-resultat .commande-total{text-align:right;margin-top:8px;font-weight:700}.badge-statut{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.badge-En-attente{color:#8a5a00;background:#fcebcb}.badge-Livree{color:#1f5e54;background:#dceeea}.badge-Terminee{color:#4c5972;background:#e2e6ed}.badge-Annulee{color:#a32d2d;background:#f4e4e4}.suivi-aide{color:#555;margin-bottom:12px;font-size:.9rem}.confirmation-commande-page{max-width:600px;margin:0 auto}.confirmation-commande{text-align:center;background:#e1f5ee;border:1px solid #9fe1cb;border-radius:12px;margin-bottom:20px;padding:30px}.confirmation-icone{color:#1f5e54;margin-bottom:10px;font-size:40px}.confirmation-commande h2{color:#085041;margin-bottom:8px}.confirmation-commande p{color:#04342c;font-size:14px}.recap{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 4px #00000014}.recap h2{margin-bottom:8px}.recap-numero{color:#4c5972;margin-bottom:10px;font-family:monospace;font-size:13px}.recap-client p{margin-bottom:3px;font-size:14px}.recap-liste{margin:12px 0;list-style:none}.recap-item{border-bottom:1px solid #eef1f6;justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.recap-total{text-align:right;margin-top:10px;font-size:17px;font-weight:700}.btn-nouvelle-commande{color:#fff;text-align:center;background:#1a2233;border-radius:8px;width:100%;padding:14px;font-size:15px;text-decoration:none;display:block}.confirmation-erreur{color:#a32d2d;text-align:center;margin-bottom:20px}.confirmation-chargement{text-align:center;color:#4c5972;padding:40px}.conditions-page{text-align:left;max-width:760px;margin:0 auto;padding:24px 16px;line-height:1.6}.conditions-page h2{text-align:center;margin-bottom:4px}.conditions-date{text-align:center;color:#666;margin-bottom:24px;font-size:.9rem}.conditions-page section{margin-bottom:22px}.conditions-page h3{margin-bottom:8px}.conditions-page ul{padding-left:22px}.conditions-page li{margin-bottom:6px}.btn-retour-commande{color:#fff;background-color:#1a2233;border-radius:6px;margin-top:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.btn-retour-commande:hover{opacity:.9}.app-container{max-width:1100px;margin:0 auto;padding:30px 20px}.app-title{text-align:center;color:#1a2233;margin-bottom:30px;font-size:28px}.app-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}@media (width<=750px){.app-grid{grid-template-columns:1fr}}@media (width<=600px){.app-container{padding:15px 12px}.app-title{font-size:20px}}
