/* e-Pszczelarz.pl / Cloudy2026 - RWD stage 3
   Finalny pass wizualny: aktualnosci, tresc, moduly boczne/dolne i stopka.
   Desktop pozostaje bez zmian poza nowa stopka.
*/

.eps-rwd-title-list{display:none}

/* Nowa stopka - desktop + mobile */
#ja-footer{
  background:#2f5968!important;
  color:#edf5f7!important;
  border:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#ja-footer .main{max-width:1200px!important;margin:0 auto!important;padding:0!important}
#ja-footer .eps-footer{
  padding:22px 18px!important;
  text-align:center!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-style:normal!important;
  line-height:1.45!important;
}
#ja-footer .eps-footer *{font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important}
#ja-footer .eps-footer-brand strong{
  display:block!important;
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
#ja-footer .eps-footer-brand span{
  display:block!important;
  color:#d1e0e6!important;
  font-size:13px!important;
  line-height:1.4!important;
}
#ja-footer .eps-footer-links{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:8px!important;
  margin:16px auto 14px!important;
  padding:0!important;
}
#ja-footer .eps-footer-links a,
#ja-footer .eps-footer-cookie-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  text-shadow:none!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  cursor:pointer!important;
}
#ja-footer .eps-footer-links a:hover,
#ja-footer .eps-footer-cookie-button:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.35)!important}
#ja-footer .eps-footer-copy{color:#bdd0d8!important;font-size:11.5px!important;line-height:1.35!important}

@media (max-width:767px){
  body#bd{
    background:#edf3f5!important;
    color:#263e49!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:16px!important;
    line-height:1.5!important;
  }

  #websiteWraper{padding:8px!important;background:#edf3f5!important}
  #ja-container,
  #ja-container>.main,
  #ja-mainbody,
  #ja-main,
  #ja-main>.inner,
  #ja-contentwrap,
  #ja-content,
  #ja-current-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  #ja-container>.main,
  #ja-main>.inner{padding:0!important}

  #ja-main .roundTop1,
  #ja-main .roundTop2,
  #ja-main .roundBottom1,
  #ja-main .roundBottom2,
  #ja-main .ja-mass-top .roundTop1,
  #ja-main .ja-mass-top .roundTop2,
  #ja-main .ja-mass-top .roundBottom1,
  #ja-main .ja-mass-top .roundBottom2{display:none!important}

  /* Pozycja TOP w Joomla jest tutaj, a nie w #ja-topsl. */
  #ja-main .ja-mass-top{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    padding:0!important;
    background:transparent!important;
  }
  #ja-main .ja-mass-top .ja-moduletable{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 10px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #d4e1e6!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 2px 7px rgba(36,72,88,.08)!important;
  }
  #ja-main .ja-mass-top .ja-moduletable>h3{
    margin:0!important;
    padding:10px 12px!important;
    border:0!important;
    background:#3b96b5!important;
    color:#fff!important;
    text-shadow:none!important;
    font:600 15px/1.3 Arial,Helvetica,sans-serif!important;
  }
  #ja-main .ja-mass-top .ja-moduletable>h3 span{color:#fff!important;background:none!important}
  #ja-main .ja-mass-top .ja-box-ct{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  /* Raport specjalny */
  #Mod409 .ja-box-ct{padding:8px!important}
  #Mod409 img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto!important;border-radius:7px!important}

  /* Aktualnosci + najnowsze artykuly: mobilna lista zbudowana przez JS. */
  #Mod367.eps-rwd-news-list-mode .nspMain,
  #Mod330.eps-rwd-news-list-mode .nspMain{display:none!important}
  #Mod367.eps-rwd-news-list-mode .eps-rwd-title-list,
  #Mod330.eps-rwd-news-list-mode .eps-rwd-title-list{
    display:block!important;
    margin:0!important;
    padding:7px!important;
    background:#f4f8fa!important;
  }
  #Mod367 .eps-rwd-title-link,
  #Mod330 .eps-rwd-title-link{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:0 0 7px!important;
    padding:12px 36px 12px 13px!important;
    border:1px solid #d9e5e9!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#244f61!important;
    box-shadow:0 1px 2px rgba(35,69,83,.05)!important;
    text-decoration:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font:600 15px/1.35 Arial,Helvetica,sans-serif!important;
  }
  #Mod367 .eps-rwd-title-link:last-child,
  #Mod330 .eps-rwd-title-link:last-child{margin-bottom:0!important}
  #Mod367 .eps-rwd-title-link:after,
  #Mod330 .eps-rwd-title-link:after{
    content:"›"!important;
    position:absolute!important;
    right:13px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#76a0b0!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:400!important;
  }
  #Mod367 .eps-rwd-title-link:active,
  #Mod330 .eps-rwd-title-link:active{background:#edf5f8!important}

  /* Glowna tresc i listy K2 */
  .ja-content-main{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid #d7e2e7!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 2px 7px rgba(36,72,88,.06)!important;
    color:#2b424c!important;
    font:15px/1.55 Arial,Helvetica,sans-serif!important;
  }
  .ja-content-main p,
  .ja-content-main li,
  .itemBody,
  .itemFullText,
  .catItemBody,
  .catItemIntroText{
    font-size:15px!important;
    line-height:1.55!important;
  }
  .ja-content-main a{color:#17627f!important;text-decoration:none!important}
  .ja-content-main a:hover{text-decoration:underline!important}
  .catItemView,
  .latestItemView,
  .genericItemView{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    padding:0 0 12px!important;
    border-bottom:1px solid #e0e8eb!important;
    background:#fff!important;
  }
  .catItemView:last-child,
  .latestItemView:last-child,
  .genericItemView:last-child{border-bottom:0!important}
  .catItemTitle,
  .latestItemTitle,
  .genericItemTitle,
  .itemTitle{
    margin:0 0 7px!important;
    color:#244f61!important;
    font-size:20px!important;
    line-height:1.28!important;
    font-weight:700!important;
  }
  .catItemImageBlock,
  .latestItemImageBlock,
  .genericItemImageBlock,
  .itemImageBlock{margin:0 0 9px!important}
  .catItemImageBlock img,
  .latestItemImageBlock img,
  .genericItemImageBlock img,
  .itemImageBlock img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    max-height:260px!important;
    height:auto!important;
    margin:0 auto!important;
    border-radius:7px!important;
  }

  /* Sidebary i dolne moduly: bez starych rownych wysokosci. */
  #ja-left,
  #ja-right,
  #eps-bottom-full,
  #ja-botsl{margin-top:12px!important}
  #ja-left .ja-moduletable,
  #ja-right .ja-moduletable,
  #eps-bottom-full .ja-moduletable,
  #ja-botsl .ja-moduletable,
  #ja-botsl .ja-box,
  #ja-botsl .equalsTop,
  #ja-botsl .equalsBottom{
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 10px!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:9px!important;
    box-shadow:0 2px 6px rgba(35,70,85,.07)!important;
  }
  #ja-left .ja-box-ct,
  #ja-right .ja-box-ct,
  #eps-bottom-full .ja-box-ct,
  #ja-botsl .ja-box-ct,
  #ja-botsl .jamod-content{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:8px!important;
    overflow:visible!important;
    background:#fff!important;
  }
  #ja-left h3,
  #ja-right h3,
  #eps-bottom-full h3,
  #ja-botsl h3{
    min-height:0!important;
    margin:0!important;
    padding:10px 12px!important;
    color:#fff!important;
    text-shadow:none!important;
    font:600 15px/1.3 Arial,Helvetica,sans-serif!important;
  }
  #ja-left h3 span,
  #ja-right h3 span,
  #eps-bottom-full h3 span,
  #ja-botsl h3 span{color:#fff!important;background:none!important}
  #ja-left ul,
  #ja-right ul,
  #ja-botsl ul,
  #eps-bottom-full ul{max-width:100%!important;margin:0!important;padding:0!important;list-style:none!important}
  #ja-left li,
  #ja-right li,
  #ja-botsl li,
  #eps-bottom-full li{margin:0 0 5px!important;padding:0!important}
  #ja-left li>a,
  #ja-right li>a,
  #ja-botsl li>a,
  #eps-bottom-full li>a{
    display:block!important;
    padding:9px 10px!important;
    border:1px solid #e1e9ec!important;
    border-radius:6px!important;
    background:#f9fbfc!important;
    color:#35545f!important;
    text-decoration:none!important;
    font:14px/1.35 Arial,Helvetica,sans-serif!important;
  }
  #ja-left table,
  #ja-right table,
  #ja-botsl table,
  #eps-bottom-full table{width:100%!important;max-width:100%!important;height:auto!important}

  /* Legacy slidery i elementy ze sztywnymi rozmiarami. */
  #ja-left [style*="width"],
  #ja-right [style*="width"],
  #ja-botsl [style*="width"],
  #eps-bottom-full [style*="width"]{max-width:100%!important}
  #ja-left [style*="height"],
  #ja-right [style*="height"],
  #ja-botsl [style*="height"],
  #eps-bottom-full [style*="height"]{height:auto!important;min-height:0!important}
  #ja-left img,
  #ja-right img,
  #ja-botsl img,
  #eps-bottom-full img{max-width:100%!important;height:auto!important}

  /* Formularze */
  #ja-left input[type="text"],
  #ja-left input[type="password"],
  #ja-right input[type="text"],
  #ja-right input[type="password"],
  #ja-botsl input[type="text"],
  #ja-botsl input[type="password"],
  #ja-botsl input[type="email"],
  #eps-bottom-full input[type="text"],
  #eps-bottom-full input[type="password"]{
    width:100%!important;
    max-width:100%!important;
    min-height:40px!important;
    margin:0 0 7px!important;
    padding:7px 9px!important;
    font-size:16px!important;
    box-sizing:border-box!important;
  }

  /* Stopka mobilna */
  #ja-footer{margin-top:14px!important}
  #ja-footer .eps-footer{padding:20px 12px!important;text-align:center!important}
  #ja-footer .eps-footer-brand strong{font-size:19px!important}
  #ja-footer .eps-footer-brand span{font-size:12.5px!important}
  #ja-footer .eps-footer-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    margin:15px 0 13px!important;
  }
  #ja-footer .eps-footer-links a,
  #ja-footer .eps-footer-cookie-button{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:8px!important;
    white-space:normal!important;
    font-size:12px!important;
  }
}

@media (max-width:420px){
  #websiteWraper{padding:6px!important}
  .ja-content-main{padding:10px!important}
  .catItemTitle,
  .latestItemTitle,
  .genericItemTitle,
  .itemTitle{font-size:19px!important}
  #Mod367 .eps-rwd-title-link,
  #Mod330 .eps-rwd-title-link{font-size:14.5px!important;padding-top:11px!important;padding-bottom:11px!important}
  #ja-footer .eps-footer-links{grid-template-columns:1fr!important}
  #ja-footer .eps-footer-links a,
  #ja-footer .eps-footer-cookie-button{min-height:39px!important}
}