/* OFQD V38 — KPI "OFQD en direct" cliquables. */

body.ofqd-home-page #ofqd-v11-pack2 .ofqd-v11-kpis .ofqd-kpi-clickable{
  cursor:pointer!important;
  user-select:none!important;
  transition:
    transform .15s ease,
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease!important;
}

body.ofqd-home-page #ofqd-v11-pack2 .ofqd-v11-kpis .ofqd-kpi-clickable:hover{
  transform:translateY(-1px)!important;
  border-color:#9fc2ea!important;
  box-shadow:0 8px 18px rgba(7,39,91,.12)!important;
}

body.ofqd-home-page #ofqd-v11-pack2 .ofqd-v11-kpis .ofqd-kpi-clickable:focus-visible{
  outline:2px solid #1677ee!important;
  outline-offset:2px!important;
}

body.ofqd-home-page #ofqd-v11-pack2 .ofqd-v11-kpis .ofqd-kpi-clickable.is-active{
  border-color:#1677ee!important;
  background:#eef6ff!important;
  box-shadow:0 7px 18px rgba(22,119,238,.14)!important;
}

body.ofqd-home-page #ofqd-v11-pack2 .ofqd-v11-kpis .ofqd-kpi-clickable.is-active::after{
  content:"›";
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  color:#1677ee;
  font-size:18px;
  font-weight:900;
}

body.ofqd-home-page #ofqd-v11-pack2 .ofqd-v11-kpis .ofqd-kpi-clickable{
  position:relative!important;
  padding-right:28px!important;
}


/* =========================================================
   OFQD V39 — alignement final des KPI "OFQD en direct"
   ========================================================= */

/* Toutes les cartes normales : chiffre + libellé sur une ligne */
body.ofqd-home-page #ofqd-v11-pack2
.ofqd-v11-kpis > span:not(.ofqd-kpi-zone){
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:49px!important;
  padding:7px 28px 7px 9px!important;
}

body.ofqd-home-page #ofqd-v11-pack2
.ofqd-v11-kpis > span:not(.ofqd-kpi-zone) > b{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}

body.ofqd-home-page #ofqd-v11-pack2
.ofqd-v11-kpis > span:not(.ofqd-kpi-zone) > small{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

/* France : toujours sur 2 lignes, sans chevauchement */
body.ofqd-home-page #ofqd-v11-pack2
.ofqd-v11-kpis > .ofqd-kpi-zone{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  min-height:49px!important;
  padding:7px 28px 7px 9px!important;
}

body.ofqd-home-page #ofqd-v11-pack2
.ofqd-v11-kpis > .ofqd-kpi-zone > b{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}

body.ofqd-home-page #ofqd-v11-pack2
.ofqd-v11-kpis > .ofqd-kpi-zone > small{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

/* Sports : 197 et "sports" alignés comme les autres KPI */
body.ofqd-home-page #ofqd-v11-pack2
[data-kpi-filter="sport"]{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}

body.ofqd-home-page #ofqd-v11-pack2
[data-kpi-filter="sport"] [data-kpi="sports"],
body.ofqd-home-page #ofqd-v11-pack2
[data-kpi-filter="sport"] small{
  margin:0!important;
  padding:0!important;
  line-height:1.1!important;
}

/* Les 7 cartes ont la même hauteur */
body.ofqd-home-page #ofqd-v11-pack2
.ofqd-v11-dashboard.is-france-view
.ofqd-v11-kpis > span{
  min-height:49px!important;
}

@media(max-width:700px){
  body.ofqd-home-page #ofqd-v11-pack2
  .ofqd-v11-dashboard.is-france-view
  .ofqd-v11-kpis > span{
    min-height:46px!important;
  }
}