/* VilleTranquille V14.2 — barre d'actions hero compacte : recherche + autour de moi + découvrir */

@media (min-width:901px){
  .vt-hero-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:26px;
    width:min(100%,1060px);
    position:relative;
    z-index:8;
  }
  .vt-hero-actions .vt-fullscreen-search{
    flex:0 1 610px;
    width:auto;
    max-width:610px;
    margin-top:0!important;
    min-width:0;
  }
  .vt-hero-actions .vt-fullscreen-search input{
    height:62px!important;
    font-size:16px!important;
    padding-left:52px!important;
    padding-right:126px!important;
    border-radius:15px!important;
  }
  .vt-hero-actions .vt-fullscreen-search .search-icon{
    top:15px!important;
  }
  .vt-hero-actions .vt-fullscreen-search .search-submit{
    top:7px!important;
    right:7px!important;
    height:48px!important;
    min-width:108px!important;
    padding:0 17px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  .vt-hero-actions .vt-fullscreen-search .search-results{
    top:68px!important;
    left:0;
    right:0;
  }
  .vt-hero-actions .vt-around-me,
  .vt-hero-actions .vt-hero-discover{
    margin:0!important;
    min-height:52px;
    height:52px;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 16px!important;
    border-radius:14px!important;
    white-space:nowrap;
    font-size:13px!important;
    font-weight:850!important;
    text-decoration:none;
    position:static!important;
    transform:none!important;
    flex:0 0 auto;
    box-sizing:border-box;
  }
  .vt-hero-actions .vt-around-me{
    border:1px solid rgba(255,255,255,.34)!important;
    background:rgba(9,27,50,.52)!important;
    color:#fff!important;
    backdrop-filter:blur(9px);
  }
  .vt-hero-actions .vt-around-me:hover{
    background:rgba(255,255,255,.14)!important;
    border-color:rgba(255,255,255,.58)!important;
  }
  .vt-hero-actions .vt-hero-discover{
    border:1px solid rgba(255,255,255,.2)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    backdrop-filter:blur(9px);
  }
  .vt-hero-actions .vt-hero-discover:hover{
    background:#fff!important;
    color:#102544!important;
  }
  .vt-hero-actions .vt-hero-discover i{
    width:25px!important;
    height:25px!important;
    border-radius:50%!important;
    border:1px solid currentColor!important;
    display:grid!important;
    place-items:center!important;
    font-size:13px!important;
  }
  /* V14.1 plaçait le cue au-dessus des KPI : dans V14.2 il est désormais dans la barre d'actions */
  .vt-fullscreen-inner > .vt-scroll-cue{display:none!important}
  .vt-fullscreen-examples{margin-top:16px!important}
}

@media (min-width:901px) and (max-width:1180px){
  .vt-hero-actions{gap:8px;width:100%}
  .vt-hero-actions .vt-fullscreen-search{flex:1 1 520px;max-width:none}
  .vt-hero-actions .vt-around-me,
  .vt-hero-actions .vt-hero-discover{padding:0 13px!important;font-size:12px!important}
}

@media (max-width:900px){
  .vt-hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:22px;
    width:100%;
    position:relative;
    z-index:8;
  }
  .vt-hero-actions .vt-fullscreen-search{
    grid-column:1/-1;
    width:100%;
    max-width:none;
    margin-top:0!important;
  }
  .vt-hero-actions .vt-around-me,
  .vt-hero-actions .vt-hero-discover{
    position:static!important;
    transform:none!important;
    margin:0!important;
    width:100%;
    min-height:46px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-radius:12px!important;
    color:#fff!important;
    text-decoration:none;
    font-size:12px!important;
    font-weight:850!important;
    box-sizing:border-box;
  }
  .vt-hero-actions .vt-around-me{
    border:1px solid rgba(255,255,255,.35)!important;
    background:rgba(9,27,50,.48)!important;
  }
  .vt-hero-actions .vt-hero-discover{
    border:1px solid rgba(255,255,255,.2)!important;
    background:rgba(255,255,255,.10)!important;
  }
  .vt-hero-actions .vt-hero-discover i{
    width:23px!important;height:23px!important;border:1px solid currentColor!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:12px!important;
  }
  .vt-fullscreen-inner > .vt-scroll-cue{display:none!important}
}

@media (max-width:520px){
  .vt-hero-actions{grid-template-columns:1fr;gap:8px}
  .vt-hero-actions .vt-fullscreen-search,
  .vt-hero-actions .vt-around-me,
  .vt-hero-actions .vt-hero-discover{grid-column:1}
}