/* Voyance Prestige : appel par ligne directe (fiche), ligne du pays choisi (cartes), pages d'erreur.
   Chargé par templates/voyanceprestige/_pied.html.twig sur toutes les pages à la charte. */

/* ---------- bloc d'appel de la fiche ---------- */
.vp-appel, .vp-appel-on, .vp-appel-occ, .vp-appel-off { display: grid; gap: .6rem; }
.vp-appel [hidden] { display: none !important; }
.vp-appel-depuis { margin: 0; font-size: .85rem; color: var(--doux); }
.vp-appel-drapeaux { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .35rem; }
.vp-pays { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: .35rem .7rem; border: 1px solid var(--bord);
  border-radius: 999px; background: var(--carte); color: var(--encre); font: 500 .85rem/1 var(--sans); cursor: pointer;
  transition: border-color .15s ease, background .15s ease; }
.vp-pays img { border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.vp-pays:hover { border-color: var(--marque); }
.vp-pays[aria-pressed="true"] { border-color: var(--marque); background: var(--ciel); color: var(--marque); font-weight: 700; box-shadow: inset 0 0 0 1px var(--marque); }
.vp-appel-ligne { margin: 0; font-size: .9rem; color: var(--marque); font-weight: 500; overflow-wrap: anywhere; }
.vp-appel-nom { font-weight: 700; }
.vp-appel-code { margin: 0; font-size: .85rem; color: var(--doux); }
.vp-appel-code b { color: var(--code); }

/* ---------- ligne du pays choisi dans les listes de lignes directes ---------- */
.tel.tel-choisi { background: var(--carte); border-radius: var(--r-sm); box-shadow: 0 0 0 1px var(--bord), var(--ombre); font-weight: 700; }
.tel-be.tel-choisi { box-shadow: inset 3px 0 0 var(--be), 0 0 0 1px var(--bord); }
.tel-lu.tel-choisi { box-shadow: inset 3px 0 0 var(--lu), 0 0 0 1px var(--bord); }
.tel-ch.tel-choisi { box-shadow: inset 3px 0 0 var(--ch), 0 0 0 1px var(--bord); }
.tel-ca.tel-choisi { box-shadow: inset 3px 0 0 var(--ca), 0 0 0 1px var(--bord); }
.tel-fr.tel-choisi { box-shadow: inset 3px 0 0 var(--fr), 0 0 0 1px var(--bord); }
.tel { padding: .1rem .4rem .1rem .6rem; }

/* ---------- pages d'erreur ---------- */
.erreur-code { margin: 0 0 .2rem; font: 600 .85rem/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--doux); }
.erreur-liens { list-style: none; padding: 0; margin: 1.4rem 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: .6rem; }
.erreur-liens .vbtn { width: 100%; }