/* QualiAvis V3 — Formulaire « Déposer un avis » Toutes les règles sont préfixées par l'ID #qualiavis-depot pour une spécificité suffisante face à Elementor / au thème (qui surclassent les sélecteurs simples). */ #qualiavis-depot { max-width: 780px; margin: 0 auto; font-family: "Lato", "Segoe UI", sans-serif; color: #2c3e50; } #qualiavis-depot h1 { text-align: center; font-size: 26px; line-height: 1.3; margin-bottom: 6px; } #qualiavis-depot h1 .qa-sub { font-size: 17px; font-weight: 400; color: #666; } #qualiavis-depot h3 { margin: 28px 0 10px; padding-bottom: 6px; border-bottom: 1px solid #eee; font-size: 18px; } #qualiavis-depot h4 { margin: 0 0 8px; font-size: 15px; font-weight: 600; } #qualiavis-depot sup { color: #d63638; } #qualiavis-depot .qa-form { margin-top: 20px; } #qualiavis-depot .qa-item { margin: 16px 0; display: flex; flex-direction: column; gap: 6px; } #qualiavis-depot .qa-item > label { font-weight: 600; font-size: 14px; } #qualiavis-depot input[type="text"], #qualiavis-depot input[type="email"], #qualiavis-depot input[type="date"], #qualiavis-depot textarea, #qualiavis-depot select { width: 100%; padding: 11px 13px; border: 1px solid #ccc; border-radius: 6px; font-size: 15px; line-height: 1.4; background: #fff; color: #2c3e50; box-sizing: border-box; transition: border-color .2s ease; } #qualiavis-depot input:focus, #qualiavis-depot textarea:focus, #qualiavis-depot select:focus { outline: none; border-color: #2271b1; } #qualiavis-depot textarea { min-height: 130px; resize: vertical; } #qualiavis-depot .qa-error { background: #fff2f2 !important; border-color: #d63638 !important; } /* Notation 1..5 */ #qualiavis-depot .qa-notation { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 4px 0; } #qualiavis-depot .qa-notation .qa-scale-label { font-size: 12px; color: #999; } #qualiavis-depot .qa-notation input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } #qualiavis-depot .qa-notation label.qa-chip { cursor: pointer; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 50%; font-weight: 700; font-size: 15px; color: #555; background: #fff; transition: all .15s ease; user-select: none; } #qualiavis-depot .qa-notation label.qa-chip:hover { border-color: #2271b1; color: #2271b1; } #qualiavis-depot .qa-notation input[type="radio"]:checked + label.qa-chip { background: #2271b1; border-color: #2271b1; color: #fff; } #qualiavis-depot .qa-notation.qa-error { outline: 1px dashed #d63638; outline-offset: 6px; border-radius: 6px; } /* Boutons */ #qualiavis-depot .qa-btn { display: inline-block; width: auto; background: #2271b1; color: #fff; border: none; padding: 13px 26px; border-radius: 6px; font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background .2s ease; } #qualiavis-depot .qa-btn:hover { background: #185a91; color: #fff; } #qualiavis-depot .qa-btn:disabled { opacity: .5; cursor: not-allowed; } #qualiavis-depot .qa-cgu label { display: flex; align-items: center; gap: 8px; font-weight: 400; font-size: 14px; } #qualiavis-depot .qa-cgu input { width: auto; } #qualiavis-depot .qa-required-note { color: #999; font-size: 13px; margin-top: 16px; } #qualiavis-depot .qa-thanks { text-align: center; font-size: 16px; line-height: 1.6; max-width: 620px; margin: 20px auto; } /* Overlay de redirection Google (ajouté au , hors conteneur) */ .qa-gmb-overlay.qa-gmb-overlay { position: fixed; inset: 0; z-index: 99998; background: rgba(0, 0, 0, 0.92); display: flex; align-items: center; justify-content: center; } .qa-gmb-overlay .qa-gmb-box { background: #fff; border-radius: 10px; padding: 40px; max-width: 500px; text-align: center; font-weight: 700; text-transform: uppercase; color: #555; font-size: 18px; line-height: 1.5; }