/* DRUK R5.19 — Slider top-right control spacing fix.
   Keeps slide indicator, dots and navigation arrows visually separated.
   Hero image/text/stats/layout are unchanged. */

@media (min-width:821px){
  body.v83-home .vh-slider-controls{
    top:18px!important;
    right:18px!important;
    bottom:auto!important;
    left:auto!important;
    display:grid!important;
    grid-template-columns:auto auto 38px 38px!important;
    align-items:center!important;
    column-gap:10px!important;
    min-width:0!important;
    padding:7px 8px 7px 12px!important;
    border-radius:999px!important;
    background:rgba(4,30,53,.70)!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
  }

  /* Visual order: count | dots | previous | next. */
  body.v83-home .home-slider-count{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:static!important;
    transform:none!important;
    margin:0 4px 0 0!important;
    padding:0!important;
    min-width:48px!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  body.v83-home .home-slider-dots{
    grid-column:2!important;
    grid-row:1!important;
    position:static!important;
    transform:none!important;
    margin:0 5px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:38px!important;
  }
  body.v83-home .home-slider-prev{
    grid-column:3!important;
    grid-row:1!important;
  }
  body.v83-home .home-slider-next{
    grid-column:4!important;
    grid-row:1!important;
  }
  body.v83-home .home-slider-arrow{
    position:static!important;
    transform:none!important;
    margin:0!important;
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
}

@media (min-width:821px) and (max-width:1050px){
  body.v83-home .vh-slider-controls{
    right:12px!important;
    top:12px!important;
    grid-template-columns:auto auto 34px 34px!important;
    column-gap:7px!important;
    padding:6px 7px 6px 10px!important;
  }
  body.v83-home .home-slider-arrow{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
}

/* Mobile keeps the approved arrows at top-right. Hide count and dots there so
   there is no crowding inside the narrow control rail. */
@media (max-width:820px){
  body.v83-home .vh-slider-controls{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  body.v83-home .home-slider-count,
  body.v83-home .home-slider-dots{
    display:none!important;
  }
}