/* Slovra V6 — PART 1.8 Banner + mobile flag polish
   Keeps Part 1.7 showcase intact; removes the detached footer strip and flag ring. */

/* Let the active slide paint the entire hero. The slide dots now float on top of
   the gradient instead of occupying a separate row that could inherit a light background. */
#screen-home .slovra-hero-slider{
  display:block!important;
  min-height:236px!important;
  position:relative!important;
  overflow:hidden!important;
}
#screen-home .slovra-hero-slides{
  min-height:236px!important;
  height:236px!important;
  overflow:hidden!important;
}
#screen-home .slovra-hero-slide{
  min-height:236px!important;
  height:236px!important;
  box-sizing:border-box!important;
  padding-bottom:42px!important;
}
#screen-home .slovra-hero-nav{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:14px!important;
  z-index:12!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
#screen-home .slovra-hero-nav::before,
#screen-home .slovra-hero-nav::after{
  content:none!important;
  display:none!important;
}
#screen-home .slovra-hero-nav button{
  background:rgba(255,255,255,.24)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
}
#screen-home .slovra-hero-nav button::after{
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 0 10px rgba(255,255,255,.30)!important;
}

/* Prevent old light-mode hero rules from painting a separate pale footer. */
body.light-mode #screen-home.slovra-home-simple .hero-banner,
body.light #screen-home.slovra-home-simple .hero-banner,
body.light-mode #screen-home .slovra-hero-slider,
body.light #screen-home .slovra-hero-slider{
  background:#17171a!important;
}

/* Mobile Russian flag: keep the flag, remove the heavy contour/ring. */
@media(max-width:720px){
  #screen-home .flag-icon-small{
    display:block!important;
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    border:0!important;
    outline:0!important;
    box-shadow:0 2px 7px rgba(0,0,0,.16)!important;
    border-radius:50%!important;
    object-fit:cover!important;
  }
  #screen-home .slovra-hero-slider,
  #screen-home .slovra-hero-slides,
  #screen-home .slovra-hero-slide{
    min-height:270px!important;
    height:270px!important;
  }
  #screen-home .slovra-hero-slide{
    padding-bottom:44px!important;
  }
  #screen-home .slovra-hero-nav{
    left:16px!important;
    right:16px!important;
    bottom:13px!important;
  }
}

@media(max-width:420px){
  #screen-home .flag-icon-small{
    width:21px!important;
    height:21px!important;
    flex-basis:21px!important;
  }
}