/* IQTHINGS Relais : compléments à la mise en page .iqa (landing.css de l'extension voix). Portée limitée à .iqa. */

/* Premier écran : visuel */
.iqr-appel { background:#fff; border-radius:18px; padding:1.1rem; box-shadow:0 20px 50px rgba(0,0,0,.28); color:var(--ink); }
.iqr-appel-top { display:flex; align-items:center; gap:.5rem; font-size:.8rem; color:var(--mut); padding-bottom:.8rem; margin-bottom:.8rem; border-bottom:1px solid var(--line); }
.iqr-appel-etat { display:flex; gap:.6rem; align-items:flex-start; margin:0 0 .55rem; font-size:.93rem; line-height:1.4; }
.iqr-appel-etat b { flex:0 0 auto; display:inline-flex; width:26px; height:26px; border-radius:50%; align-items:center; justify-content:center; background:var(--ink); color:#fff; font-size:.8rem; }
.iqr-appel-etat.is-assist b { background:var(--blue); }
.iqr-appel-etat span { display:block; color:var(--mut); font-size:.8rem; }
.iqa-hero .iqa-btn-ghost { color:#fff !important; }
.iqa-hero-facts { margin-top:.4rem; }

/* Situations */
.iqr-situation { background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.4rem 1.4rem .6rem; border-top:3px solid var(--sun); }
.iqr-fictif { font-size:.85rem; color:var(--mut); }

/* Parcours d'un appel : liste lisible sans image */
.iqr-path { list-style:none; margin:0 0 1.5rem; padding:0; display:grid; grid-template-columns:repeat(5, 1fr); gap:1rem; counter-reset:none; }
.iqr-path > li { background:#fff; border-radius:14px; padding:1.2rem 1.1rem .5rem; position:relative; border-top:4px solid var(--blue-l); }
.iqr-path > li.is-pro { border-top-color:var(--sun); }
.iqr-path > li.is-ia { border-top-color:var(--blue); background:#eef5fd; }
.iqr-path h3 { font-size:1rem; }
.iqr-path p { font-size:.92rem; margin-bottom:.8rem; }
.iqr-path .iqa-n { margin-bottom:.6rem; }
.iqr-hors { background:var(--ink); color:#e6edf3; border-radius:14px; padding:1rem 1.3rem; margin:0 0 1.5rem; }
.iqr-hors strong { color:var(--sun); }
.iqr-schema { margin:1.5rem 0 0; }
.iqr-schema img { display:block; width:100%; height:auto; border-radius:14px; border:1px solid var(--line); }
.iqr-schema figcaption { font-size:.85rem; color:var(--mut); margin-top:.5rem; }
.iqr-anim { margin:1.5rem 0 0; max-width:760px; }
.iqr-anim img { display:block; width:100%; height:auto; border-radius:14px; background:var(--ink); }
.iqr-anim figcaption { display:flex; flex-wrap:wrap; gap:.6rem 1rem; align-items:center; margin-top:.6rem; }
.iqr-anim-btn { min-height:44px; padding:.5rem 1rem; border-radius:10px; border:1.5px solid var(--ink); background:#fff; color:var(--ink); font:inherit; font-weight:600; cursor:pointer; }
.iqr-anim-btn:focus-visible { outline:3px solid var(--blue-l); outline-offset:2px; }

/* Fiche d'appel fictive */
.iqr-fiche { background:#fff; border:1px solid var(--line); border-top:6px solid var(--sun); border-radius:16px; padding:1.2rem 1.3rem .6rem; box-shadow:0 12px 30px rgba(26,44,62,.08); }
.iqr-fiche-h { display:flex; justify-content:space-between; align-items:center; gap:.6rem; margin:0 0 .6rem !important; font-weight:600; color:var(--ink); }
.iqr-fiche dl { margin:0; }
.iqr-fiche dt { font-size:.78rem; color:var(--mut); margin-top:.7rem; }
.iqr-fiche dd { margin:.1rem 0 0; color:var(--ink); font-weight:600; }
.iqr-espace { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin-top:1.5rem; }
.iqr-espace > div { background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.2rem 1.3rem .5rem; }
.iqa-alt .iqr-espace > div { border-color:transparent; }

/* Formules */
.iqr-plans { display:grid; grid-template-columns:repeat(2, 1fr); gap:1.4rem; align-items:stretch; }
.iqr-plan { background:#fff; border:1px solid var(--line); border-radius:16px; padding:1.6rem 1.5rem 1.2rem; display:flex; flex-direction:column; }
.iqr-plan-pro { border-color:var(--ink); box-shadow:0 12px 30px rgba(26,44,62,.1); }
.iqr-plan h3 { font-size:1.35rem; }
.iqr-plan h4 { font-size:.8rem; letter-spacing:.07em; text-transform:uppercase; color:var(--blue); margin:1.1rem 0 .4rem; }
.iqr-plan-pour { color:var(--mut); font-size:.95rem; }
.iqr-plan-prix { font-size:1.9rem; color:var(--ink); line-height:1.1; margin:.2rem 0 .3rem !important; }
.iqr-plan-prix small { font-size:.9rem; color:var(--mut); font-weight:500; }
.iqr-plan-ms { font-size:.9rem; color:var(--mut); }
.iqr-minutes { margin:.6rem 0 0; display:grid; gap:.5rem; }
.iqr-minutes div { background:var(--soft); border-radius:10px; padding:.6rem .8rem; }
.iqr-minutes dt { font-size:.82rem; color:var(--mut); }
.iqr-minutes dd { margin:0; color:var(--ink); }
.iqr-minutes strong { font-size:1.25rem; }
.iqr-liste { list-style:none; margin:0; padding:0; }
.iqr-liste li { position:relative; padding:0 0 .5rem 1.6rem; font-size:.95rem; }
.iqr-liste li::before { content:""; position:absolute; left:0; top:.35em; width:14px; height:14px; border-radius:50%; background:#e6f1fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%232f78d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat; }
.iqr-liste-opt li::before { background:#f1f3f5; background-image:none; }
.iqr-plan-cta { margin:auto 0 0 !important; padding-top:1rem; }
.iqr-plan-cta .iqa-btn { width:100%; }
.iqr-frais { margin-top:1.2rem; }

/* Confidentialité en bref */
.iqr-conf { background:#fff; border:1px solid var(--line); border-left:5px solid var(--blue); border-radius:14px; padding:1.4rem 1.5rem .8rem; margin-top:2rem; }
.iqa-alt .iqr-conf { border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; }
.iqr-conf ul { margin:0 0 1rem; padding-left:1.2rem; }
.iqr-conf li { margin-bottom:.4rem; }

/* Formulaire */
.iqr-form-wrap { max-width:640px; margin:0 auto; text-align:left; }
.iqr-form { background:#fff; color:var(--txt); border-radius:16px; padding:1.4rem; border:1px solid var(--line); }
.iqr-champ { margin:0 0 1rem; }
.iqr-form label { display:block; font-weight:600; color:var(--ink); margin-bottom:.3rem; }
.iqr-form input[type=text], .iqr-form input:not([type]), .iqr-form input[type=tel], .iqr-form input[type=email], .iqr-form select, .iqr-form textarea { width:100%; min-height:48px; padding:.65rem .8rem; border:1.5px solid #8795a3; border-radius:10px; font:inherit; color:var(--ink); background:#fff; }
.iqr-form textarea { min-height:110px; }
.iqr-form input:focus-visible, .iqr-form select:focus-visible, .iqr-form textarea:focus-visible, .iqr-form button:focus-visible { outline:3px solid var(--blue-l); outline-offset:2px; }
.iqr-form [aria-invalid="true"] { border-color:#b3261e; }
.iqr-form .iqr-case { display:flex; gap:.7rem; align-items:flex-start; font-weight:500; }
.iqr-form .iqr-case input { flex:0 0 24px; width:24px; height:24px; margin-top:.15rem; }
.iqr-rappel { border:1px solid var(--line); border-radius:12px; padding:.9rem 1rem .2rem; margin:0 0 1rem; }
.iqr-rappel legend { font-weight:600; color:var(--ink); padding:0 .4rem; }
.iqr-req, .iqr-fac { font-weight:400; font-size:.85rem; color:var(--mut); }
.iqr-err { display:block; color:#b3261e; font-size:.9rem; margin-top:.3rem; }
.iqr-msg { border-radius:12px; padding:1rem 1.2rem; margin:0 0 1rem; }
.iqr-msg:focus { outline:3px solid var(--blue-l); }
.iqr-msg h3 { margin-bottom:.3rem; }
.iqr-msg p, .iqr-msg ul { margin:0; }
.iqr-ok { background:#e9f6ef; border:1px solid #1f8a55; color:#14472b; }
.iqr-erreurs { background:#fdecea; border:1px solid #b3261e; color:#6b1710; }
.iqr-erreurs ul { padding-left:1.2rem; }
.iqr-test { background:#fff8e1; border:1px dashed #b58900; border-radius:10px; padding:.5rem .8rem; font-size:.88rem; }
.iqr-envoyer { width:100%; border:0; cursor:pointer; font:inherit; font-weight:600; }
.iqr-transcription { margin-top:1rem; }
.iqa .iqt-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }

@media (max-width: 980px) {
	.iqr-path { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 720px) {
	.iqr-path, .iqr-plans, .iqr-espace { grid-template-columns:1fr; }
	.iqr-schema { display:none; }          /* le parcours est lisible dans la liste ci-dessus ; l'image, trop large pour un téléphone, n'est pas chargée */
	.iqr-form { padding:1.1rem; }
}
@media (prefers-reduced-motion: reduce) { .iqr-anim-btn { transition:none; } }

/* Focus visible sur la case de consentement (le thème impose sinon un contour gris trop pâle) */
.iqa .iqr-form input[type=checkbox]:focus-visible { outline:3px solid #2f78d4 !important; outline-offset:3px; transition:none !important; }
.iqa a:focus-visible, .iqa .iqr-form select:focus-visible, .iqa .iqr-form textarea:focus-visible { outline:3px solid #2f78d4 !important; outline-offset:2px; transition:none; }