/*
 * 2026-10-01 - wspólna warstwa responsywnych kafelków Czelendży.
 * Cel: równe wysokości, brak wychodzenia tekstu poza kafelek i czytelny font
 * na telefonach, tabletach oraz wąskich desktopach.
 */

/* Aktywny Czelendż: górna nawigacja sekcji. */
.challenge-mobile-nav-v1{
  align-items:stretch!important;
}
.challenge-mobile-nav-v1 button{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:7px 6px!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none;
  text-wrap:balance;
  font-size:clamp(12px,1.18vw,15px)!important;
  line-height:1.12!important;
}
.challenge-mobile-nav-v1[data-tab-count="5"] button{font-size:clamp(12px,1.18vw,15px)!important}
.challenge-mobile-nav-v1[data-tab-count="4"] button{font-size:clamp(13px,1.28vw,16px)!important}
.challenge-mobile-nav-v1[data-tab-count="3"] button,
.challenge-mobile-nav-v1[data-tab-count="2"] button{font-size:clamp(14px,1.35vw,17px)!important}

/* Aktywny Czelendż: wspólna zasada dla rzędów akcji. */
.challenge-main > .challenge-bottom-actions,
.challenge-repeat-actions-v1{
  align-items:stretch!important;
  grid-auto-rows:1fr;
}
.challenge-main > .challenge-bottom-actions .btn,
.challenge-repeat-actions-v1 .btn{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  margin:0!important;
  padding:8px 7px!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none;
  text-wrap:balance;
  font-size:clamp(11px,1.02vw,14px)!important;
  line-height:1.12!important;
}
.challenge-main > .challenge-bottom-actions[data-action-count="4"] .btn,
.challenge-repeat-actions-v1[data-action-count="4"] .btn{font-size:clamp(11px,1.02vw,14px)!important}
.challenge-main > .challenge-bottom-actions[data-action-count="3"] .btn,
.challenge-repeat-actions-v1[data-action-count="3"] .btn{font-size:clamp(12px,1.12vw,15px)!important}
.challenge-main > .challenge-bottom-actions[data-action-count="2"] .btn,
.challenge-repeat-actions-v1[data-action-count="2"] .btn,
.challenge-main > .challenge-bottom-actions[data-action-count="1"] .btn,
.challenge-repeat-actions-v1[data-action-count="1"] .btn{font-size:clamp(13px,1.2vw,15px)!important}

/* Publiczne strony opisowe Czelendży: równe kafelki dolnego menu. */
@media (max-width:820px){
  .challenge-info-mobile-nav{
    align-items:stretch!important;
    grid-auto-rows:1fr;
  }
  .challenge-info-mobile-nav a,
  .challenge-info-mobile-nav button{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    overflow:hidden!important;
    padding:5px 3px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none;
    text-wrap:balance;
    text-align:center!important;
    line-height:1.08!important;
  }
  .challenge-info-mobile-nav b{font-size:9px!important;line-height:1.05!important}
  .challenge-info-mobile-nav span{font-size:7.4px!important;line-height:1.05!important}

  /* Górny szybki pasek opisowych podstron może się przewijać, ale każdy kafelek
     zachowuje tę samą wysokość i tekst nigdy nie wychodzi poza obrys. */
  .challenge-mobile-quicknav{align-items:stretch!important}
  .challenge-mobile-quicknav a{
    box-sizing:border-box!important;
    flex:1 0 82px!important;
    min-width:82px!important;
    max-width:140px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    padding:5px 7px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none;
    text-wrap:balance;
    text-align:center!important;
    font-size:9px!important;
    line-height:1.1!important;
  }
}

/* Footer Czelendży: obie kontrolki mają zawsze identyczny rozmiar tekstu. */
.site-mountain-origin-control,
.site-ai-details>summary.site-ai-details__title{
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:800!important;
}

@media (max-width:820px){
  .challenge-mobile-nav-v1 button{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:6px 3px!important;
    font-size:clamp(9px,2.55vw,10.5px)!important;
    letter-spacing:-.01em;
  }
  .challenge-mobile-nav-v1[data-tab-count="5"] button{font-size:clamp(9px,2.55vw,10.5px)!important}
  .challenge-mobile-nav-v1[data-tab-count="4"] button{font-size:clamp(9.5px,2.75vw,11.5px)!important}
  .challenge-mobile-nav-v1[data-tab-count="3"] button,
  .challenge-mobile-nav-v1[data-tab-count="2"] button{font-size:clamp(10.5px,3vw,12.5px)!important}

  .challenge-main > .challenge-bottom-actions .btn,
  .challenge-repeat-actions-v1 .btn{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:6px 3px!important;
    font-size:clamp(8.4px,2.35vw,10px)!important;
    letter-spacing:-.005em;
  }
  .challenge-main > .challenge-bottom-actions[data-action-count="4"] .btn,
  .challenge-repeat-actions-v1[data-action-count="4"] .btn{font-size:clamp(8.4px,2.35vw,10px)!important}
  .challenge-main > .challenge-bottom-actions[data-action-count="3"] .btn,
  .challenge-repeat-actions-v1[data-action-count="3"] .btn{font-size:clamp(9.5px,2.6vw,11px)!important}
  .challenge-main > .challenge-bottom-actions[data-action-count="2"] .btn,
  .challenge-repeat-actions-v1[data-action-count="2"] .btn,
  .challenge-main > .challenge-bottom-actions[data-action-count="1"] .btn,
  .challenge-repeat-actions-v1[data-action-count="1"] .btn{font-size:clamp(10.5px,2.8vw,12px)!important}

  .site-mountain-origin-control,
  .site-ai-details>summary.site-ai-details__title{
    font-size:9px!important;
    line-height:1.25!important;
  }
}

@media (max-width:420px){
  .site-mountain-origin-control,
  .site-ai-details>summary.site-ai-details__title{
    font-size:8.5px!important;
  }
}

@media (max-width:340px){
  .challenge-mobile-nav-v1[data-tab-count="5"] button{font-size:8.5px!important}
  .challenge-main > .challenge-bottom-actions[data-action-count="4"] .btn,
  .challenge-repeat-actions-v1[data-action-count="4"] .btn{font-size:8px!important}
}