/* 30 dni dla Siebie - home index R7313
   Korekty po testach: manipulator, katalog i autopromocja. */

/* Manipulator: wracamy dokładnie do geometrii R2860.
   Klikalność rozszerza osobny JS, bez przesuwania grafiki przycisków. */
body.home-refresh-r1 .home-control-device--status [data-home-choice="success"],
body.home-refresh-r1 .home-control-device--status [data-home-choice="fail"]{
  top:14.5%!important;
  height:68.5%!important;
}
body.home-refresh-r1 .home-control-device--mood [data-home-choice="easy"],
body.home-refresh-r1 .home-control-device--mood [data-home-choice="hard"]{
  top:16%!important;
  height:63%!important;
}
body.home-refresh-r1 .home-control-device--mood [data-home-choice="medium"]{
  top:20%!important;
  height:60%!important;
}

/* Katalog: faktyczna paginacja 8 elementów, 4x2 na desktopie. */
body.home-refresh-r1 .home-refresh-catalogue .home-challenge-pagination{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:20px;
}
body.home-refresh-r1 .home-refresh-catalogue__all{display:none!important}
body.home-refresh-r1 #homeChallengePagedGrid>*:nth-child(n+9){display:grid!important}

/* Pasek nad katalogiem ma wyglądać jak jasny kafel, nie jak komunikat ostrzegawczy. */
body.home-refresh-r1 .home-challenges-login-note{
  min-height:78px;
  align-items:center!important;
  padding:15px 18px!important;
  background:var(--surface)!important;
  border-color:var(--border)!important;
  box-shadow:0 10px 26px rgba(17,24,39,.05);
}
body.home-refresh-r1 .home-challenges-login-note span{
  align-self:center;
  color:var(--text)!important;
  font-size:14px!important;
  line-height:1.55!important;
}
body.home-refresh-r1 .home-challenges-login-note strong{
  color:var(--text)!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:900!important;
}

/* Bez pomarańczowej kreski przed nagłówkiem autopromocji. */
body.home-refresh-r1 .home-section-title--promo::before{
  display:none!important;
  content:none!important;
}

@media(max-width:820px){
  body.home-refresh-r1 .home-challenges-login-note{
    min-height:0;
    align-items:flex-start!important;
    padding:14px!important;
  }
  body.home-refresh-r1 .home-challenges-login-note span{
    font-size:12px!important;
  }
  body.home-refresh-r1 .home-challenges-login-note strong{
    display:block;
    margin-bottom:3px;
    font-size:14px!important;
  }
  body.home-refresh-r1 .home-refresh-catalogue .home-challenge-pagination{
    gap:8px;
    margin-top:16px;
  }
}