Logo SikaPics local + QR 180px + clavier virtuel email + QR conditionnel booth

- Logo SikaPics servi localement (/assets/logos/sikapics.png)
- QR code accueil agrandi a 180px
- Clavier AZERTY virtuel integre pour saisie email (tactile)
- Raccourcis @gmail, @hotmail, .com, .fr
- QR partage: affiche seulement si booth actif, lien vers galerie live
- Bouton QR visible si booth OU qr_code active

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/css/style.css

@@ -270,9 +270,9 @@ html, body {
 }
 
 .booth-qr {
-  width: 120px;
-  height: 120px;
-  border-radius: 8px;
+  width: 180px;
+  height: 180px;
+  border-radius: 10px;
 }
 
 .booth-code {
@@ -1206,6 +1206,48 @@ h3 {
   border-radius: 3px;
 }
 
+/* === Clavier virtuel email === */
+.clavier-virtuel {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: 0.5rem;
+  max-width: 600px;
+}
+
+.clavier-ligne {
+  display: flex;
+  gap: 5px;
+  justify-content: center;
+}
+
+.clavier-ligne button {
+  min-width: 40px;
+  height: 44px;
+  border: none;
+  border-radius: 8px;
+  background: rgba(255,255,255,0.12);
+  color: var(--texte);
+  font-size: 1.1rem;
+  cursor: pointer;
+  flex: 1;
+  max-width: 52px;
+}
+
+.clavier-ligne button:active {
+  background: var(--primaire);
+}
+
+.clavier-wide {
+  min-width: 70px !important;
+  max-width: 120px !important;
+  font-size: 0.9rem !important;
+}
+
+.clavier-speciales {
+  gap: 8px;
+}
+
 /* === Wizard === */
 .wizard-header {
   position: absolute;

frontend/css/themes.css

@@ -57,10 +57,10 @@
 [data-theme="sikapics"] #nom-evenement::before {
   content: '';
   display: block;
-  width: 180px;
-  height: 60px;
-  margin: 0 auto 1rem;
-  background-image: url('https://sikapics.com/wp-content/uploads/2024/03/sikapics-logo-sans-fond.png');
+  width: 250px;
+  height: 80px;
+  margin: 0 auto 1.5rem;
+  background-image: url('/assets/logos/sikapics.png');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;