/* VilleTranquille V14 — benchmark en cartels, indicateurs en cartes, finition couleurs */

/* BENCHMARK : abandon du tableau, 1 cartel par indicateur */
.v14-benchmark-box{padding:30px;border-radius:28px;background:linear-gradient(180deg,#fbfdff 0%,#f5f9ff 100%);border:1px solid #d9e5f2;box-shadow:0 18px 46px rgba(18,43,76,.06)}
.v14-benchmark-head{align-items:flex-end;gap:22px;margin-bottom:22px}
.v14-benchmark-head h3{font-size:clamp(30px,3vw,48px);line-height:1.02;letter-spacing:-.045em;margin:7px 0 8px;color:#0d2749}
.v14-benchmark-head p{font-size:17px;line-height:1.55;max-width:850px;color:#657990}
.v14-benchmark-legend{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.v14-benchmark-legend span{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #dce6f1;font-size:13px;font-weight:800;color:#4d6078;white-space:nowrap}
.v14-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.v14-legend-dot.above{background:#13a96b}.v14-legend-dot.below{background:#e64c4c}
.v14-benchmark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v14-benchmark-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dde7f0;border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(17,43,77,.05)}
.v14-benchmark-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#246ef0}
.v14-benchmark-card.v14-cambriolages:before{background:#f47a20}.v14-benchmark-card.v14-vols-vehicules:before{background:#246ef0}.v14-benchmark-card.v14-degradations:before{background:#17b9d7}.v14-benchmark-card.v14-escroqueries:before{background:#7857e8}
.v14-benchmark-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #edf2f7}
.v14-benchmark-card-head>div{display:flex;align-items:center;gap:12px}.v14-benchmark-icon{width:46px;height:46px;border-radius:14px;background:#edf6ff;display:grid;place-items:center;color:#1666d9;flex:0 0 auto}.v14-benchmark-icon svg{width:23px;height:23px}
.v14-benchmark-card-head h4{font-size:21px;line-height:1.1;margin:2px 0 0;color:#0d2749}.v14-benchmark-card-head small{font-size:12px;color:#7a899c}.v14-benchmark-card-head>a{font-size:12px;font-weight:800;color:#1769e8;text-decoration:none;white-space:nowrap}
.v14-benchmark-main{padding:22px 0 18px;display:flex;align-items:end;justify-content:space-between;gap:14px}.v14-benchmark-main strong{font-size:clamp(48px,5vw,72px);line-height:.9;letter-spacing:-.055em;color:#0d2749}.v14-benchmark-main sup{font-size:.48em;top:-.4em;position:relative}.v14-benchmark-main span{font-size:13px;color:#74859a;font-weight:700;text-align:right}
.v14-benchmark-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v14-benchmark-fact{min-height:114px;border-radius:16px;padding:14px 15px;background:#f4f7fa;border:1px solid transparent;display:flex;flex-direction:column;justify-content:center}
.v14-benchmark-fact small{font-size:12px;font-weight:800;color:#65778d;margin-bottom:6px}.v14-benchmark-fact b{font-size:27px;line-height:1;color:#0d2749;margin-bottom:6px}.v14-benchmark-fact em{font-size:12px;font-style:normal;font-weight:800;line-height:1.3;color:#65778d}
.v14-benchmark-fact.above{background:#eaf9f2;border-color:#bee8d4}.v14-benchmark-fact.above b,.v14-benchmark-fact.above em{color:#087d50}
.v14-benchmark-fact.below{background:#fff0ef;border-color:#f3cac6}.v14-benchmark-fact.below b,.v14-benchmark-fact.below em{color:#bf3f3a}
.v14-benchmark-fact.neutral{background:#f2f5f8;border-color:#e4eaf0}
.v14-benchmark-box .v7-bench-note{margin:18px 4px 0;font-size:13px;line-height:1.5;color:#6b7c91}

/* EXPLORER LES INDICATEURS : chaque donnée devient un vrai cartel */
.v14-indicators-section{padding-top:22px}.v14-indicators-head{margin-bottom:18px}.v14-indicators-head h2{font-size:clamp(38px,4vw,58px)}
.v14-indicator-group{border:1px solid #dce6ef;border-radius:20px;background:#fff;margin:12px 0;overflow:hidden;box-shadow:0 8px 24px rgba(20,42,70,.035)}
.v14-indicator-group>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(90deg,#f8fbff,#fff);user-select:none}.v14-indicator-group>summary::-webkit-details-marker{display:none}.v14-indicator-group>summary span{display:flex;align-items:center;gap:10px}.v14-indicator-group>summary b{font-size:19px;color:#0d2749}.v14-indicator-group>summary small{font-size:12px;font-weight:800;color:#58708c;background:#edf4fb;border-radius:999px;padding:6px 9px}.v14-indicator-group>summary>i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf2fc;color:#1769e8;font-size:21px;font-weight:500;transition:.18s}.v14-indicator-group[open]>summary>i{transform:rotate(45deg)}
.v14-indicator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;background:#f7f9fc;border-top:1px solid #e7edf3}
.v14-indicator-card{position:relative;text-decoration:none;color:#0d2749;background:#fff;border:1px solid #e1e8ef;border-radius:18px;padding:18px;transition:.16s ease;overflow:hidden}.v14-indicator-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(18,43,76,.08);border-color:#cddcea}.v14-indicator-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#7c91aa}.v14-indicator-card.above:before{background:#14a86b}.v14-indicator-card.below:before{background:#e64d4d}
.v14-indicator-card-top{display:flex;align-items:center;gap:11px}.v14-indicator-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf6ff;color:#1769e8;flex:0 0 auto}.v14-indicator-icon svg{width:21px;height:21px}.v14-indicator-card-top>div{min-width:0;flex:1}.v14-indicator-card-top strong{display:block;font-size:17px;line-height:1.18}.v14-indicator-card-top small{display:block;color:#73859a;font-size:12px;margin-top:3px}.v14-indicator-card-top>i{font-style:normal;color:#1a78ce;font-size:22px}
.v14-indicator-value{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:18px 0 8px}.v14-indicator-value b{font-size:clamp(34px,3.1vw,48px);line-height:1;letter-spacing:-.045em}.v14-indicator-value em{font-style:normal;font-size:15px;font-weight:900;border-radius:999px;padding:8px 12px;background:#eff3f7;color:#5d7189}.v14-indicator-card.above .v14-indicator-value em{background:#e5f8ef;color:#087d50}.v14-indicator-card.below .v14-indicator-value em{background:#ffeceb;color:#be403b}.v14-indicator-card p{margin:0;color:#718399;font-size:13px;line-height:1.4}

/* Petit rappel quartiers : pas de fausse précision */
.seo-faq-grid article p{font-size:15px;line-height:1.55}

@media(max-width:960px){.v14-benchmark-grid{grid-template-columns:1fr}.v14-indicator-grid{grid-template-columns:1fr}.v14-benchmark-head{align-items:flex-start;flex-direction:column}.v14-benchmark-legend{justify-content:flex-start}}
@media(max-width:600px){.v14-benchmark-box{padding:18px;border-radius:22px}.v14-benchmark-card{padding:17px}.v14-benchmark-main strong{font-size:50px}.v14-benchmark-facts{grid-template-columns:1fr}.v14-benchmark-fact{min-height:auto}.v14-indicator-grid{padding:10px}.v14-indicator-card{padding:15px}.v14-indicator-value b{font-size:38px}}

/* V14.1 — finition hero home : accès rapides dégagés, KPI mieux pondérés, cue hors bandeau */
@media (min-width: 901px){
  .vt-fullscreen-inner{
    padding-top:54px!important;
    padding-bottom:164px!important;
  }
  .vt-fullscreen-content{
    max-width:860px;
  }
  .vt-fullscreen-examples{
    margin-top:15px!important;
  }
  .vt-quick-cities{
    margin-top:8px!important;
    margin-bottom:24px!important;
    max-width:900px!important;
  }
  .vt-fullscreen-stats{
    bottom:24px!important;
    grid-template-columns:minmax(0,1.02fr) minmax(0,1.30fr) minmax(0,.58fr) minmax(0,1.30fr)!important;
  }
  .vt-fullscreen-stats>div:nth-child(2) strong{
    font-size:clamp(27px,2.45vw,42px)!important;
  }
  .vt-fullscreen-stats>div:nth-child(3){
    padding-left:24px!important;
    padding-right:14px!important;
  }
  .vt-fullscreen-stats>div:nth-child(3) strong{
    font-size:clamp(31px,3vw,47px)!important;
  }
  .vt-fullscreen-stats>div:nth-child(4){
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .vt-fullscreen-stats>div:nth-child(4) strong{
    font-size:clamp(28px,2.45vw,41px)!important;
  }
  .vt-scroll-cue{
    left:50%!important;
    right:auto!important;
    bottom:142px!important;
    transform:translateX(-50%);
    gap:8px!important;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(6,24,42,.42);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(10px);
    color:rgba(255,255,255,.82)!important;
    z-index:3;
  }
  .vt-scroll-cue i{
    width:28px!important;
    height:28px!important;
  }
}

@media (min-width: 901px) and (max-height: 820px){
  .vt-fullscreen-inner{
    padding-top:34px!important;
    padding-bottom:158px!important;
  }
  .vt-fullscreen-content h1{
    font-size:clamp(52px,5.9vw,82px)!important;
    margin-top:14px!important;
    margin-bottom:18px!important;
  }
  .vt-fullscreen-content>p{
    font-size:17px!important;
    line-height:1.45!important;
  }
  .vt-fullscreen-search{
    margin-top:24px!important;
  }
  .vt-quick-cities a{
    min-height:33px!important;
  }
}

@media (max-width: 900px){
  .vt-fullscreen-stats>div:nth-child(3){
    flex-basis:36%;
  }
  .vt-fullscreen-stats>div:nth-child(4){
    flex-basis:58%;
  }
}