/*
 * L'onglet « Analyse » de l'admin (classes/admin/GondoOngletAnalyse.php, gabarits views/templates/admin/onglets/
 * analyse/), à la lettre de la maquette (docs/design/admin-prestashop/GondoOngletAnalyse.dc.html). Chargée après
 * admin.css et composants.css, dont elle reprend la palette (variables --gondo-… de .gondo-admin), les panneaux, le
 * sélecteur, les boutons, le message d'état, la note et le tableau ; elle ne pose que ce qui est propre à l'onglet :
 * la barre de réglages, le choix de la liste et son aide, la liste vide, l'entonnoir, la phrase du bouton désactivé,
 * et l'état de chargement pendant un rechargement sur place.
 *
 * Classes préfixées gondo-o-analyse, sélecteurs qui commencent par .gondo-admin, tailles en px, 13 px au moins, police
 * héritée. Ce que le back-office impose aux label et select (marge basse de 5 px, gras sur PrestaShop 8, largeur) est
 * remis à zéro par des sélecteurs plus précis. La mise en page suit la largeur réellement disponible, par des requêtes
 * de conteneur sur .gondo-admin (conteneur « gondo ») :
 *   moins de 760 px  l'entonnoir sur des colonnes étroites (120 px, la piste, 110 px), comme la maquette à 768
 *   760 px et plus   l'entonnoir de la maquette à 1 280 (180 px, la piste, 170 px)
 * Le tableau des mots-clés garde sa largeur de 1 180 px et défile en dessous (le composant fixe la première colonne
 * et la colonne d'action).
 */

/* ------------------------------------------------------------------ l'onglet */

.gondo-admin .gondo-o-analyse,
.gondo-admin .gondo-o-analyse__contenu {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  color: var(--gondo-encre, #1C1917);
}

/* pendant un rechargement sur place (admin.js et onglet-analyse.js posent aria-busy) */
.gondo-admin .gondo-o-analyse[aria-busy="true"] .gondo-o-analyse__contenu > :not(.gondo-o-analyse-reglages) {
  opacity: 0.55;
  transition: opacity 0.15s;
}
.gondo-admin .gondo-o-analyse[aria-busy="true"] {
  cursor: progress;
}

.gondo-admin .gondo-o-analyse__note {
  margin: 0;
}

/* ------------------------------------------------------------------ la barre de réglages */

.gondo-admin .gondo-o-analyse-reglages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  margin: 0;
  padding: 12px 16px;
}
.gondo-admin .gondo-o-analyse-reglages__dates {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.gondo-admin label.gondo-o-analyse-reglages__date,
.gondo-admin label.gondo-o-analyse-reglages__public {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: var(--gondo-texte, #524840);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
.gondo-admin label.gondo-o-analyse-reglages__public {
  gap: 8px;
}
.gondo-admin .gondo-o-analyse-reglages input.gondo-c-saisie,
.gondo-admin .gondo-o-analyse-reglages select.gondo-c-saisie {
  width: auto;
  padding: 5px 8px;
  color: var(--gondo-encre, #1C1917);
}
.gondo-admin .gondo-o-analyse-reglages select.gondo-c-saisie {
  min-width: 160px;
}
.gondo-admin label.gondo-o-analyse-reglages__case {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--gondo-encre, #1C1917);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
}
.gondo-admin .gondo-o-analyse-reglages__erreur,
.gondo-admin .gondo-o-analyse-reglages__note {
  flex: 1 1 100%;
  margin: 0;
}

/* ------------------------------------------------------------------ le choix de la liste */

.gondo-admin .gondo-o-analyse-listes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
/* quatre options longues : elles passent à la ligne plutôt que de déborder quand la place manque */
.gondo-admin .gondo-o-analyse-listes .gondo-c-selecteur {
  flex-wrap: wrap;
  max-width: 100%;
}
.gondo-admin .gondo-o-analyse-listes__aide {
  display: flex;
  flex: 1 1 280px;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.gondo-admin .gondo-o-analyse-listes__texte {
  max-width: 640px;
  margin: 0;
  color: var(--gondo-texte, #524840);
  font-size: 13px;
  line-height: 18px;
  text-wrap: pretty;
}
.gondo-admin .gondo-o-analyse-listes__compter {
  margin: 0;
}
.gondo-admin .gondo-o-analyse-listes__compter .gondo-liste__aide-texte {
  max-width: 640px;
}

/* ------------------------------------------------------------------ la liste vide « sans produit exact » */

.gondo-admin .gondo-o-analyse-vide {
  padding: 16px 18px 6px;
}
.gondo-admin .gondo-o-analyse-vide__titre,
#content.bootstrap .gondo-admin .gondo-o-analyse-vide__titre {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  color: var(--gondo-encre, #1C1917);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-transform: none;
}

/* ------------------------------------------------------------------ l'entonnoir */

.gondo-admin .gondo-o-analyse-entonnoir {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 20px 20px;
}
.gondo-admin .gondo-o-analyse-entonnoir__titre,
#content.bootstrap .gondo-admin .gondo-o-analyse-entonnoir__titre {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--gondo-encre, #1C1917);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-transform: none;
}
.gondo-admin .gondo-o-analyse-entonnoir__etapes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.gondo-admin .gondo-o-analyse-entonnoir__etape {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) 110px;
  gap: 6px 16px;
  align-items: center;
}
.gondo-admin .gondo-o-analyse-entonnoir__libelle {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.gondo-admin .gondo-o-analyse-entonnoir__piste {
  position: relative;
  display: block;
  height: 28px;
  border-radius: 2px;
  background: var(--gondo-surface, #FBF7F2);
}
.gondo-admin .gondo-o-analyse-entonnoir__barre {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 2px;
}
.gondo-admin .gondo-o-analyse-entonnoir__barre--1 {
  background: var(--gondo-entonnoir-1, #414C52);
}
/* une étape que rien ne mesure : les hachures « inconnu » sur toute la piste, jamais une largeur */
.gondo-admin .gondo-o-analyse-entonnoir__barre--inconnue {
  background: var(--gondo-inconnu, repeating-linear-gradient(45deg, #ADA69C 0 3px, #DCD7D0 3px 6px));
}
.gondo-admin .gondo-o-analyse-entonnoir__chiffres {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-variant-numeric: tabular-nums;
}
.gondo-admin .gondo-o-analyse-entonnoir__valeur {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
.gondo-admin .gondo-o-analyse-entonnoir__etape--inconnue .gondo-o-analyse-entonnoir__valeur {
  color: var(--gondo-inactif-texte, #756D64);
}
.gondo-admin .gondo-o-analyse-entonnoir__detail {
  color: var(--gondo-texte, #524840);
  font-size: 13px;
  line-height: 18px;
  overflow-wrap: anywhere;
}

/* ------------------------------------------------------------------ la mesure : le bouton désactivé et sa raison */

.gondo-admin .gondo-o-analyse-mesure__actions {
  align-items: center;
  gap: 8px 14px;
}
.gondo-admin .gondo-o-analyse-mesure__pourquoi {
  flex: 1 1 280px;
  max-width: 560px;
  margin: 0;
  color: var(--gondo-texte, #524840);
  font-size: 13px;
  line-height: 19px;
  text-wrap: pretty;
}

/* ------------------------------------------------------------------ largeurs */

@container gondo (min-width: 760px) {
  .gondo-admin .gondo-o-analyse-entonnoir__etape {
    grid-template-columns: 180px minmax(0, 1fr) 170px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gondo-admin .gondo-o-analyse[aria-busy="true"] .gondo-o-analyse__contenu > :not(.gondo-o-analyse-reglages) {
    transition: none;
  }
}