/* ==========================================================================
   NEOFLUX — Page « Panneaux publicitaires » (lot metiers-B, 16/10/2026) : compléments au gabarit métier
   Chargé par pages/panneaux.php APRÈS css/interieur.css et css/metier.css.
   Portée : classes « vi- » dans <main class="vi"> uniquement (comme metier.css).
   ========================================================================== */

/* h1 du lot E : « Panneaux publicitaires à Alger » + les 4 produits, sur une seule ligne de texte
   (le h1 .vi-h1-k est en flex : tout le texte est dans un seul <span>) */
.vi-h1-k { align-items: flex-start; }
.vi-h1-k::before { margin-top: .7em; }          /* trait en face de la 1re ligne quand le titre passe sur 2 lignes */
.vi-h1-k > span { min-width: 0; }
.vi-h1-plus { font-weight: 500; }
/* Étiquette de l'admin sur 2 lignes (téléphone) : point en face de la 1re ligne */
.vi-hero-tag { align-items: flex-start; }
.vi-hero-tag::before { margin-top: calc(.7em - 3.5px); }

/* Encadré sombre « Pourquoi… ? » : étiquette de l'admin (pp_why_label) au-dessus du titre.
   (.vi-led p de metier.css donnerait au surtitre la taille et la couleur du texte courant) */
.vi-led p.vi-eb { margin: 0 0 10px; max-width: none; font-size: .75rem; color: var(--vi-accent); }
/* Comparatif : nom du support classique de la ligne (pp_cmpN_bad_lbl) au-dessus de sa valeur */
.vi-led-ref { display: block; font-size: .8rem; font-weight: 600; color: rgba(255, 255, 255, .72); }

/* Spécifications : étiquette (pp_tech_label), titre (pp_tech_title) et texte (pp_tech_desc) de l'admin */
.vi-tech .vi-eb { margin-bottom: 8px; }
.vi-tech-sub { margin: -6px 0 16px; max-width: 680px; font-size: .95rem; color: var(--vi-sub); }
/* Donnée sans valeur chiffrée : son nom sert de titre */
.vi-tech-it > div > .vi-tech-n:first-child { font-size: 1.05rem; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--vi-ink); line-height: 1.35; }
/* 5 données : 3 + 2 sur ordinateur (au lieu de 4 + 1) */
@media (min-width: 961px) {
    .vi-tech-grid.is-5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .vi-tech-grid.is-5 > li { grid-column: span 2; }
    .vi-tech-grid.is-5 > li:nth-child(n+4) { grid-column: span 3; }
}

/* Accroche de solution saisie comme une phrase (nfx_vm_phrase, ex. pp_sol1_tagline en ligne) : casse normale,
   plus lisible qu'une phrase entière en capitales */
.vi-sol-k.is-phrase { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; }

@media (max-width: 768px) {
    .vi-led p.vi-eb, .vi-led-ref, .vi-tech-sub { font-size: 15px; }
    .vi-tech-it > div > .vi-tech-n:first-child { font-size: 16px; }
    .vi-sol-k.is-phrase { font-size: 15px; letter-spacing: 0; }
}