/* s8p.css — patch s8lls.com: loga, responsywność, menu mobilne (wstrzykiwane przez nginx sub_filter) */

/* — loga "Nasze doświadczenie wynieśliśmy z:" — */
img[src*="logo-1.png"]{height:3rem!important}
img[src*="logo-2.png"]{height:2.75rem!important}
img[src*="logo-3.png"]{height:2rem!important}
img[src*="logo-4.png"]{height:2.25rem!important}
img[src*="logo-5.png"]{display:none!important}

/* — responsywność — */
@media (max-width:1023.98px){
  .grid>*{min-width:0}
}
@media (min-width:768px) and (max-width:1023.98px){
  header>div{gap:1.25rem!important;padding-left:1rem!important;padding-right:1rem!important}
  header nav{gap:1.1rem!important}
  header a.pill{padding:8px 16px!important;font-size:13px!important}
}
@media (max-width:767.98px){
  header>div{gap:.5rem!important;padding-left:.75rem!important;padding-right:.75rem!important}
  header a.pill{padding:7px 12px!important;font-size:12px!important}
  header a[href*="rejestracja"]{display:inline-flex!important}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  div.flex:has(>.pill),div.flex:has(>span.h-12){flex-wrap:wrap}
  div.flex.gap-12{flex-wrap:wrap;gap:1.5rem 2.5rem}
  header div.flex{flex-wrap:nowrap!important}
}
@media (max-width:400px){
  header>div{gap:.4rem!important;padding-left:.625rem!important;padding-right:.625rem!important}
  header a.pill{padding:5px 9px!important;font-size:11px!important}
  header img[alt="S8LLS"]{width:88px!important;height:auto!important}
  #s8p-burger{width:36px;padding:8px}
}
@media (max-width:374px){
  header>div{gap:.3rem!important}
  header img[alt="S8LLS"]{width:78px!important}
}

/* — hamburger — */
#s8p-burger{display:none}
@media (max-width:767.98px){
  #s8p-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:9px;background:none;border:0;cursor:pointer;flex-shrink:0}
  #s8p-burger span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s}
  #s8p-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #s8p-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  #s8p-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* — panel menu mobilnego — */
#s8p-menu{position:fixed;top:72px;left:0;right:0;bottom:0;z-index:60;background:#171717;color:#fff;overflow-y:auto;padding:12px 24px 40px;display:none}
#s8p-menu.s8p-otwarte{display:block}
#s8p-menu .s8p-g{display:block;padding:14px 0;font-size:17px;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}
#s8p-menu .s8p-sub{padding:4px 0 8px;border-bottom:1px solid rgba(255,255,255,.08)}
#s8p-menu .s8p-sub a{display:block;padding:10px 0 10px 16px;font-size:14px;color:rgba(255,255,255,.75);text-decoration:none}
#s8p-menu a:hover,#s8p-menu a:active{color:#20D489}
#s8p-menu .s8p-cta{display:flex;flex-direction:column;gap:10px;margin-top:20px}
#s8p-menu .s8p-btn{display:flex;justify-content:center;align-items:center;padding:12px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none}
#s8p-menu .s8p-btn-obrys{border:1px solid rgba(255,255,255,.4);color:#fff}
#s8p-menu .s8p-btn-ziel{background:#20D489;color:#101613}
#s8p-menu .s8p-btn-ziel:hover{color:#101613}
@media (min-width:768px){#s8p-menu{display:none!important}}

/* awaryjnie na bardzo starych/wąskich ekranach (<341px) rejestracja tylko w menu */
@media (max-width:340px){
  header a[href*="rejestracja"]{display:none!important}
}