/* Fidélité Core — formulaire QR code (plugin qr-sticker) en thème clair.
   Le plugin qr-sticker est prévu pour un fond sombre (texte blanc codé en dur) :
   on le repasse en fond blanc / texte foncé dans l'espace enseigne. */
.fcs .fc-qr-zone .qr21-merged{
	--bg:#fff;--panel:#fff;--panel-2:#fff;--text:#191714;--muted:#6b6560;--line:rgba(0,0,0,.12);--shadow:none;
	margin:0 auto;color:#191714;
}
.fcs .fc-qr-zone .qr21-merged .panel{background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:none;color:#191714}
.fcs .fc-qr-zone .qr21-merged .panel-head h2,
.fcs .fc-qr-zone .qr21-merged .panel-head h3{color:#191714}
.fcs .fc-qr-zone .qr21-merged details.acc{background:#faf8f5;border:1px solid rgba(0,0,0,.12)}
.fcs .fc-qr-zone .qr21-merged details.acc>summary{color:#191714}
.fcs .fc-qr-zone .qr21-merged .field label{color:#191714}
.fcs .fc-qr-zone .qr21-merged .field small,
.fcs .fc-qr-zone .qr21-merged .helper{color:#6b6560}
.fcs .fc-qr-zone .qr21-merged input[type="url"],
.fcs .fc-qr-zone .qr21-merged input[type="text"],
.fcs .fc-qr-zone .qr21-merged input[type="number"],
.fcs .fc-qr-zone .qr21-merged input[type="file"],
.fcs .fc-qr-zone .qr21-merged select{background:#fff;color:#191714;border:1px solid rgba(0,0,0,.25)}
.fcs .fc-qr-zone .qr21-merged select option,
.fcs .fc-qr-zone .qr21-merged select optgroup{background:#fff;color:#191714}
.fcs .fc-qr-zone .qr21-merged input::placeholder{color:#8a847d}
.fcs .fc-qr-zone .qr21-merged .preview-box{background:#faf8f5;border:1px dashed rgba(0,0,0,.2)}
.fcs .fc-qr-zone .qr21-merged label,
.fcs .fc-qr-zone .qr21-merged .inline,
.fcs .fc-qr-zone .qr21-merged .check{color:#191714}
/* Boutons : on les redéfinit (le style de l'espace enseigne les rendait transparents) */
.fcs .fc-qr-zone .qr21-merged button,
.fcs .fc-qr-zone .qr21-merged .btn{
	display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:0;border-radius:999px;
	background:hsl(var(--primary));color:#fff;font-weight:700;text-decoration:none;cursor:pointer;
}
.fcs .fc-qr-zone .qr21-merged button:hover,
.fcs .fc-qr-zone .qr21-merged .btn:hover{filter:brightness(1.08)}
.fcs .fc-qr-zone .qr21-merged .secondary,
.fcs .fc-qr-zone .qr21-merged button.secondary{background:#fff;color:#191714;border:1px solid rgba(0,0,0,.25)}
.fcs .fc-qr-zone .qr21-merged .download-list .btn,
.fcs .fc-qr-zone .qr21-merged .download-list a{width:100%}
.fcs .fc-qr-zone .qr21-merged .qr-request-cta a,
.fcs .fc-qr-zone .qr21-merged .qr-request-cta .btn{color:#fff}
/* Champ « Couleur du QR Code » (sélecteur de couleur) */
.fcs .fc-qr-zone .qr21-merged input[type="color"]{
	width:72px;height:44px;min-height:44px;padding:3px;border:1px solid rgba(0,0,0,.25);border-radius:12px;background:#fff;cursor:pointer;
}

/* Mise en page : l'aperçu passe sous le formulaire, quelle que soit la taille de l'écran */
.fcs .fc-qr-zone .qr21-merged .layout{flex-direction:column;flex-wrap:nowrap;align-items:stretch}
.fcs .fc-qr-zone .qr21-merged .builder-col,
.fcs .fc-qr-zone .qr21-merged .preview-col{flex:1 1 auto;width:100%;min-width:0}
/* Filets de sécurité : encart d'amélioration et bouton d'achat masqués */
.fcs .fc-qr-zone .qr21-merged .qr-request-cta,
.fcs .fc-qr-zone .qr21-merged a[href*="qr-buy"]{display:none !important}
