/* Retro Bajki - PHP-Fusion 9.10 */
:root{
  --blue-1:#1d6dff; --blue-2:#0b4fd6; --blue-3:#0a2e9e; --sky:#eaf3ff;
  --star:#ffc61a; --red:#e3201f; --orange:#f58a1f; --green:#3aa535; --purple:#7b2fd1;
  --text:#14306e; --line:#ffffff;
  --head:'Baloo 2','Trebuchet MS',sans-serif;
  --body:'Nunito','Segoe UI',Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--body);font-size:15px;color:var(--text);line-height:1.5;
  background:#0a3fb8 url(../images/bg.jpg?v=155) center top/cover fixed;
  background-image:url(../images/bg.jpg?v=155),radial-gradient(circle at 50% 0,#2a86ff 0,#0b4fd6 45%,#072a85 100%);
}
a{color:var(--blue-2);text-decoration:none}
a:hover{color:var(--red);text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--head);margin:.2em 0 .4em;color:var(--blue-3);line-height:1.15}

#jx-page{max-width:1240px;margin:0 auto;padding:0 14px 0}

/* ---------- Nagłówek ---------- */
.jx-header{
  height:230px;border-radius:0 0 22px 22px;position:relative;overflow:hidden;
  background:url(../images/header.jpg?v=155) center/cover no-repeat,
    radial-gradient(circle at 70% 0,#3d95ff,#1456e0 60%,#0b3bb5);
}
.jx-logo{position:absolute;left:34px;top:42px;display:block;text-decoration:none!important}
.jx-logo img{max-height:165px;width:auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.jx-logo-text{
  display:block;font-family:var(--head);font-weight:800;font-size:92px;line-height:1;letter-spacing:-2px;
  color:#e3201f;transform:rotate(-7deg);
  -webkit-text-stroke:5px #fff;paint-order:stroke fill;
  text-shadow:0 6px 0 #0b2f94,0 10px 14px rgba(0,0,0,.35);
}
.jx-slogan{
  display:block;margin:-2px 0 0 100px;font-family:var(--head);font-weight:700;font-size:28px;font-style:italic;
  color:#fff;transform:rotate(-7deg);text-shadow:0 2px 0 #0b2f94;
}

/* ---------- Menu poziome ---------- */
.jx-nav{
  display:flex;align-items:center;gap:10px;margin:10px 0 14px;padding:8px 10px;border-radius:18px;
  background:linear-gradient(#5aa3ff,#2f7dff);border:2px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.25);
}
.jx-nav-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;flex:1}
.jx-btn{
  display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:14px;color:#fff!important;
  font-family:var(--head);font-weight:700;font-size:17px;text-decoration:none!important;
  border:2px solid rgba(255,255,255,.85);box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.25);
  text-shadow:0 1px 1px rgba(0,0,0,.35);transition:transform .12s;
}
.jx-btn:hover{transform:translateY(-2px)}
.jx-ico{font-size:20px;line-height:1}
.jx-red{background:linear-gradient(#ff5a4a,#d8140f)}
.jx-blue{background:linear-gradient(#3b8bff,#0a4fd0)}
.jx-green{background:linear-gradient(#6fd13f,#2e9a2a)}
.jx-orange{background:linear-gradient(#ffb23a,#ee6f10)}
.jx-purple{background:linear-gradient(#a45bff,#6422bb)}
.jx-search{display:flex;background:#fff;border-radius:999px;border:2px solid #cfe3ff;overflow:hidden;min-width:230px}
.jx-search input{flex:1;border:0;padding:8px 14px;font:600 15px var(--body);color:var(--text);outline:0;background:transparent;min-width:0}
.jx-search button{border:0;cursor:pointer;padding:0 14px;background:linear-gradient(#3b8bff,#0a4fd0);color:#fff;font-size:18px}

/* ---------- Kolumny ---------- */
.jx-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.jx-columns.has-left{grid-template-columns:265px minmax(0,1fr)}
.jx-columns.has-right{grid-template-columns:minmax(0,1fr) 300px}
.jx-columns.has-left.has-right{grid-template-columns:265px minmax(0,1fr) 300px}
.jx-left,.jx-right{display:flex;flex-direction:column;gap:14px}
.jx-center{min-width:0}
.jx-au,.jx-bl{margin-bottom:14px}

/* ---------- Boksy ---------- */
.jx-box{
  background:var(--sky);border:3px solid #fff;border-radius:16px;margin-bottom:14px;overflow:hidden;
  box-shadow:0 0 0 2px #1a5be0,0 4px 10px rgba(0,0,0,.28);
}
.jx-left .jx-box,.jx-right .jx-box{margin-bottom:0}
.jx-box-title{
  display:flex;align-items:center;gap:8px;padding:6px 12px;color:#fff;
  background:linear-gradient(#2f7dff,#0a4fd0);border-bottom:2px solid #fff;
}
.jx-box-title h2,.jx-box-title h3{margin:0;color:#fff;font-size:19px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.jx-star{color:var(--star);font-size:28px;line-height:1;text-shadow:0 1px 0 #b87a00,0 0 0 #fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.jx-box-body{padding:12px 14px}
.jx-box-main{background:#fff}
.jx-box-main .jx-box-body{background:#fff}

/* kolorowe warianty tytułu: dodaj klasę w panelu, np. jx-pink */
.jx-pink .jx-box-title{background:linear-gradient(#ff4fa8,#d0126f)}
.jx-green-box .jx-box-title{background:linear-gradient(#6fd13f,#2e9a2a)}

/* listy w panelach (menu, top 10, statystyki) */
.jx-box-side ul{list-style:none;margin:0;padding:0}
.jx-box-side li{padding:3px 0}
.jx-box-side li a{font-weight:700;color:var(--blue-3)}
.jx-box-side ul li::before,.jx-bullet{color:var(--orange);font-size:12px}
.jx-box-side ul li::before{content:"\25BA";margin-right:9px}
.jx-box-side ol{margin:0;padding-left:22px;font-weight:700}
.jx-box-side ol li::before{content:none}

/* ---------- Formularze ---------- */
input[type=text],input[type=password],input[type=email],input[type=number],input[type=url],select,textarea,.form-control{
  width:100%;max-width:100%;padding:6px 10px;border:2px solid #b9d4ff;border-radius:10px;background:#fff;
  font:600 14px var(--body);color:var(--text);outline:0;
}
input:focus,select:focus,textarea:focus{border-color:var(--blue-1);box-shadow:0 0 0 3px rgba(29,109,255,.25)}
input[type=checkbox],input[type=radio]{accent-color:var(--blue-1)}
.button,.btn,input[type=submit],input[type=button],button.btn{
  display:inline-block;padding:7px 18px;border:2px solid #fff;border-radius:10px;cursor:pointer;color:#fff!important;
  background:linear-gradient(#3b8bff,#0a4fd0);font:700 15px var(--head);text-decoration:none!important;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.25);
}
.btn-primary,.btn-success{background:linear-gradient(#6fd13f,#2e9a2a)}
.btn-danger,input[name=login]{background:linear-gradient(#ff5a4a,#d8140f)}
.button:hover,.btn:hover,input[type=submit]:hover{filter:brightness(1.08)}

/* ---------- Tabele / treść ---------- */
table{border-collapse:collapse;max-width:100%}
.tbl-border,.table{width:100%;border:2px solid #cfe3ff;border-radius:10px}
.tbl-border th,.table th,.tbl1,.tbl2{padding:7px 10px}
.table th,.tbl-border th{background:#dcebff;color:var(--blue-3);font-family:var(--head)}
.tbl1,.table tr:nth-child(even){background:#f4f9ff}
.tbl2{background:#e6f1ff}
.well,.alert{padding:10px 14px;border-radius:12px;border:2px solid #cfe3ff;background:#f2f8ff;margin-bottom:10px}
.alert-success{background:#e6f8e0;border-color:#9bdc84}
.alert-danger{background:#ffe5e3;border-color:#ff9c95}
.alert-warning{background:#fff4d8;border-color:#ffd37a}
.pagination{display:flex;gap:6px;list-style:none;padding:0}
.pagination a,.pagination span{padding:4px 10px;border-radius:8px;background:#dcebff;font-weight:700}
.pagination .active a,.pagination .active span{background:var(--blue-2);color:#fff}
.small,.text-muted{color:#5d78b5}

/* Wpisy aktualności (klasy własne do użycia w panelach/szablonach) */
.jx-news-item{display:grid;grid-template-columns:225px 1fr;gap:16px;padding:10px 0;border-bottom:2px solid #e3eeff}
.jx-news-item:last-child{border-bottom:0}
.jx-news-item img{border-radius:10px;border:2px solid #fff;box-shadow:0 0 0 2px #9fc3ff;width:100%;display:block}
.jx-news-item h3{font-size:24px;margin:0 0 2px}
.jx-news-meta{color:#5d78b5;font-size:13px;margin-bottom:6px}
.jx-more{font-weight:800;color:var(--blue-2)}
.jx-more::before{content:"\25BA ";color:var(--orange)}

/* Slider/baner (U_CENTER): <div class="jx-slider"><img ...><div class="jx-dots"><i class="on"></i><i></i></div></div> */
.jx-slider{position:relative;border-radius:14px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 2px #1a5be0,0 4px 10px rgba(0,0,0,.28);margin-bottom:14px;background:#0a2e9e}
.jx-slider img{display:block;width:100%}
.jx-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:8px}
.jx-dots i{width:14px;height:14px;border-radius:50%;background:#fff}
.jx-dots i.on{background:var(--red)}

/* Siatka ulubionych bajek: <div class="jx-thumbs"><a><img></a>...</div> */
.jx-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.jx-thumbs img{display:block;width:100%;border-radius:8px;border:2px solid #fff;box-shadow:0 0 0 2px #9fc3ff}

/* Przycisk "Graj teraz" */
.jx-play{display:block;text-align:center;padding:10px;border-radius:14px;color:#ffd21f!important;font:800 30px/1 var(--head);
  background:linear-gradient(#2b2b2b,#101010);border:3px solid #fff;text-shadow:0 2px 0 #b64a00;text-decoration:none!important}

/* ---------- Stopka ---------- */
.jx-footer{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;
  padding:16px 22px;color:#dce9ff;font-size:14px;border-radius:18px 18px 0 0;
  background:linear-gradient(#0a3fb8,#062a85);
}
.jx-footer a{color:#fff;font-weight:700}
.jx-footer-links{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.jx-footer-links li+li::before{content:"|";margin:0 12px;color:#8fb5ff}
.jx-copy{text-align:right}

/* ---------- Mobile ---------- */
@media (max-width:1020px){
  .jx-columns.has-left.has-right{grid-template-columns:230px minmax(0,1fr)}
  .jx-columns.has-left.has-right .jx-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}
@media (max-width:760px){
  .jx-header{height:170px}
  .jx-logo{left:16px;top:26px}
  .jx-logo-text{font-size:56px;-webkit-text-stroke:3px #fff}
  .jx-slogan{font-size:18px;margin-left:50px}
  .jx-nav{flex-direction:column;align-items:stretch}
  .jx-btn{font-size:15px;padding:6px 12px}
  .jx-columns,.jx-columns.has-left,.jx-columns.has-right,.jx-columns.has-left.has-right{grid-template-columns:minmax(0,1fr)}
  .jx-news-item{grid-template-columns:1fr}
  .jx-footer,.jx-copy{text-align:center;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.jx-btn{transition:none}}
:focus-visible{outline:3px solid var(--star);outline-offset:2px}

/* =====================================================
   JOOMLA 3 - dopasowanie
   ===================================================== */
body.site{margin:0;min-height:100vh}
.jx-nav{position:relative;z-index:20}
.jx-nav-menu{flex:1;min-width:0}
.jx-nav-menu ul,.jx-nav-menu ul.nav,.jx-nav-menu ul.menu{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.jx-nav-menu li{position:relative;list-style:none;margin:0}
.jx-nav-menu li>a,.jx-nav-menu li>span.separator,.jx-nav-menu li>span.nav-header{
  display:flex;align-items:center;gap:6px;padding:7px 18px;border-radius:14px;color:#fff!important;
  font-family:var(--head);font-weight:700;font-size:17px;text-decoration:none!important;cursor:pointer;
  border:2px solid rgba(255,255,255,.85);box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.25);
  text-shadow:0 1px 1px rgba(0,0,0,.35);background:linear-gradient(#3b8bff,#0a4fd0);transition:transform .12s;
}
.jx-nav-menu li>a:hover{transform:translateY(-2px)}
/* kolory kolejnych przycisków menu */
.jx-nav-menu>ul>li:nth-child(7n+1)>a{background:linear-gradient(#ff5a4a,#d8140f)}
.jx-nav-menu>ul>li:nth-child(7n+2)>a{background:linear-gradient(#3b8bff,#0a4fd0)}
.jx-nav-menu>ul>li:nth-child(7n+3)>a{background:linear-gradient(#6fd13f,#2e9a2a)}
.jx-nav-menu>ul>li:nth-child(7n+4)>a{background:linear-gradient(#ffb23a,#ee6f10)}
.jx-nav-menu>ul>li:nth-child(7n+5)>a{background:linear-gradient(#a45bff,#6422bb)}
.jx-nav-menu>ul>li:nth-child(7n+6)>a{background:linear-gradient(#6fd13f,#2e9a2a)}
.jx-nav-menu>ul>li:nth-child(7n+7)>a{background:linear-gradient(#3b8bff,#0a4fd0)}
.jx-nav-menu>ul>li.active>a,.jx-nav-menu>ul>li.current>a{outline:3px solid var(--star);outline-offset:1px}
/* podmenu rozwijane */
.jx-nav-menu li ul{display:none;position:absolute;left:0;top:100%;min-width:200px;flex-direction:column;gap:4px;
  padding:8px;margin:4px 0 0;background:#fff;border:2px solid #1a5be0;border-radius:12px;box-shadow:0 6px 14px rgba(0,0,0,.3);z-index:50}
.jx-nav-menu li:hover>ul,.jx-nav-menu li:focus-within>ul{display:flex}
.jx-nav-menu li ul li>a{background:#eaf3ff!important;color:var(--blue-3)!important;text-shadow:none;border:0;box-shadow:none;font-size:15px;padding:5px 12px}
.jx-nav-menu li ul li>a:hover{background:#dcebff!important}

/* szukajka (mod_search / mod_finder) */
.jx-search{display:block;background:transparent;border:0;min-width:240px;overflow:visible}
.jx-search form,.jx-search .search,.jx-search .finder{display:flex;align-items:center;margin:0;background:#fff;border:2px solid #cfe3ff;border-radius:999px;overflow:hidden}
.jx-search input[type=text],.jx-search input.search-query,.jx-search input.inputbox{border:0!important;border-radius:0;box-shadow:none;margin:0;height:auto;padding:8px 14px;background:transparent}
.jx-search .btn,.jx-search button{border-radius:0;border:0;margin:0;background:linear-gradient(#3b8bff,#0a4fd0);padding:8px 14px}
.jx-search label{display:none}

/* breadcrumbs */
.jx-crumbs{margin:0 0 12px}
.jx-crumbs ul.breadcrumb,.jx-crumbs .breadcrumb{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:6px 14px;list-style:none;background:#dcebff;border:2px solid #fff;border-radius:12px;font-weight:700}
.jx-crumbs .divider,.jx-crumbs .breadcrumb>li+li:before{color:var(--orange);padding:0 4px}
.jx-crumbs .divider img{display:none}

/* baner/slider */
.jx-banner{border-radius:14px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 2px #1a5be0,0 4px 10px rgba(0,0,0,.28);margin-bottom:14px;background:#0a2e9e}
.jx-banner img{display:block;width:100%}
.jx-banner>*{margin:0}

/* moduły w kolumnach: menu, najnowsze, popularne (Joomla) */
.jx-box-side ul.menu,.jx-box-side ul.nav,.jx-box-side ul.latestnews,.jx-box-side ul.mostread,.jx-box-side ul.category-module,.jx-box-side ul.nav-pills{list-style:none;margin:0;padding:0}
.jx-box-side ul.nav>li>a,.jx-box-side ul.menu>li>a{display:inline;padding:0;background:transparent;color:var(--blue-3)}
.jx-box-side ul.nav>li>a:hover,.jx-box-side ul.menu>li>a:hover{background:transparent;color:var(--red)}
.jx-box-side ul ul{padding-left:18px}
.jx-box-side .login-greeting,.jx-box-side label{font-weight:700}
.jx-box-side form .btn,.jx-box-side form button{margin-top:4px}
.jx-box-side input[type=text],.jx-box-side input[type=password],.jx-box-side input[type=email]{height:auto;margin-bottom:6px}
.jx-box-side .input-prepend,.jx-box-side .input-append{display:flex;width:100%}
.jx-box-side .input-prepend .add-on{border-radius:10px 0 0 10px;background:#dcebff;border:2px solid #b9d4ff;padding:4px 8px}
.jx-box-side .form-links{margin-top:8px}

/* artykuły / blog - wpis jak w "Aktualności" */
.item-page,.blog,.blog-featured,.category-list,.contact,.search,.finder{margin:0}
.page-header h1,.page-header h2,.item-page h2,.blog h2{font-size:26px;margin:0 0 6px}
.page-header{border:0;margin:0 0 10px;padding:0}
.page-header h2 a,.items-row h2 a,.blog .item h2 a{color:var(--blue-2)}
.article-info,.article-info-term,.muted{color:#5d78b5!important;font-size:13px}
.article-info dd{display:inline-block;margin:0 12px 0 0}
.article-info .article-info-term{display:none}
.blog .items-row,.blog-featured .items-row{padding:12px 0;border-bottom:2px solid #e3eeff;margin:0}
.blog .items-row:last-child{border-bottom:0}
.blog .item .pull-left img,.blog .item .pull-right img,.item-image img,.img-intro-left,.img-intro-right,.img-intro-none{
  border-radius:10px;border:2px solid #fff;box-shadow:0 0 0 2px #9fc3ff;max-width:100%;height:auto}
.blog .item .item-image{float:left;margin:0 16px 8px 0;max-width:225px}
a.readmore,p.readmore a,.readmore a{display:inline-block;margin-top:4px;font-weight:800;color:var(--blue-2)}
p.readmore a::before,.readmore a::before{content:"\25BA ";color:var(--orange)}
.readmore .btn,p.readmore .btn{background:none;border:0;box-shadow:none;color:var(--blue-2)!important;padding:0}
.items-more ol{list-style:none;padding:0}
.items-more li{padding:3px 0}
.pagination ul{display:flex;gap:6px;list-style:none;margin:10px 0;padding:0;border:0;box-shadow:none}
.pagination ul>li>a,.pagination ul>li>span{float:none;border:0;border-radius:8px;background:#dcebff;color:var(--blue-3);font-weight:700;padding:4px 10px}
.pagination ul>li.active>a,.pagination ul>li.active>span{background:var(--blue-2);color:#fff}
.pager{list-style:none;display:flex;justify-content:space-between;padding:0}
.pager a{border-radius:10px}

/* formularze Joomla */
.control-label label,.form-horizontal label,legend{font-weight:700;color:var(--blue-3)}
legend{border:0;font:700 20px var(--head)}
.form-horizontal .controls{margin-left:0}
.inputbox,input.inputbox,select.inputbox,.input-xlarge{max-width:100%}
.btn{border-radius:10px;text-shadow:0 1px 1px rgba(0,0,0,.3);font-family:var(--head);font-weight:700;border:2px solid #fff;color:#fff;
  background:linear-gradient(#3b8bff,#0a4fd0);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.25)}
.btn:hover,.btn:focus{color:#fff;background:linear-gradient(#5b9dff,#1a5be0)}
.btn-primary,.btn-success{background:linear-gradient(#6fd13f,#2e9a2a)}
.btn-danger{background:linear-gradient(#ff5a4a,#d8140f)}
.btn-warning{background:linear-gradient(#ffb23a,#ee6f10)}
table.category,table.table{width:100%}
.table th{background:#dcebff}
.table-striped tbody>tr:nth-child(odd)>td{background:#f4f9ff}
.table-hover tbody tr:hover td{background:#dcebff}

/* komunikaty systemowe */
#system-message-container{margin-bottom:12px}
.alert{border-radius:12px}
.alert-heading{display:none}
.alert-message,.alert-success{background:#e6f8e0;border-color:#9bdc84;color:#1f5a14}
.alert-error,.alert-danger{background:#ffe5e3;border-color:#ff9c95;color:#7a1410}
.alert-notice,.alert-info{background:#e6f1ff;border-color:#9fc3ff;color:#0a2e9e}
.alert-warning{background:#fff4d8;border-color:#ffd37a;color:#6b4b00}

/* stopka z menu */
.jx-footer-links ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.jx-footer-links li+li::before{content:"|";margin:0 12px;color:#8fb5ff}
.jx-footer-links li a{color:#fff;font-weight:700}
.jx-footer-links li{margin:0}

body.contentpane{background:#fff;padding:10px}
@media (max-width:760px){
  .jx-nav-menu ul{justify-content:center}
  .jx-nav-menu li ul{position:static;display:none}
  .jx-search{min-width:0}
  .blog .item .item-image{float:none;max-width:100%;margin:0 0 8px}
}

/* moduły zastępcze: logowanie i statystyki */
.jx-box-side form#login-form .userdata,.jx-box-side form .userdata{margin:0}
.jx-box-side form .control-group{margin-bottom:6px}
.jx-box-side form .btn{width:100%}
.jx-box-side ul.stats-module,.jx-box-side dl.stats-module{margin:0;padding:0;list-style:none}
.jx-box-side ul.unstyled{list-style:none;margin:6px 0 0;padding:0}
.jx-box-side ul.unstyled li::before{content:none}

/* =====================================================
   MODUŁY Z PODGLĄDU
   ===================================================== */
/* logowanie */
.jx-login .jx-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;margin-bottom:8px}
.jx-login .jx-row label{margin:0;display:flex;align-items:center;gap:6px;font-weight:700;color:var(--blue-3)}
.jx-login .jx-row input{margin:0;border-radius:10px}
.jx-login .jx-lico{font-size:20px;line-height:1}
.jx-login .jx-remember{display:flex;align-items:center;gap:8px;margin:2px 0 10px;font-weight:700}
.jx-login .jx-remember input{width:auto;margin:0}
.jx-login .jx-remember label{margin:0;font-weight:700}
.jx-login .jx-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jx-login .jx-btns>*{display:block;text-align:center;padding:7px 8px;border-radius:10px;border:2px solid #fff;color:#fff!important;
  font:700 15px var(--head);cursor:pointer;text-decoration:none!important;line-height:1.3;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.25)}
.jx-login .jx-btn-red{background:linear-gradient(#ff5a4a,#d8140f)}
.jx-login .jx-btn-blue{background:linear-gradient(#3b8bff,#0a4fd0)}
.jx-login .jx-btns>*:only-child{grid-column:1/-1}
.jx-box-side .jx-loginlinks{margin:8px 0 0;font-size:13px}
.jx-box-side .jx-loginlinks li::before{content:none}

/* slider */
.jx-slider{position:relative;margin:0;border:0;box-shadow:none;background:#0a2e9e;border-radius:0}
.jx-banner .jx-slider{margin:0}
.jx-slide{display:none}
.jx-slide.on{display:block;animation:jxfade .6s}
.jx-slide a{display:block}
.jx-dots i{cursor:pointer}
@keyframes jxfade{from{opacity:.3}to{opacity:1}}

/* ulubione bajki / polecamy */
.jx-thumbs a{display:block}
.jx-thumbs img{transition:transform .15s}
.jx-thumbs a:hover img{transform:scale(1.04)}
.jx-play{background:linear-gradient(#5ee05a,#22962a);color:#fff!important;text-shadow:0 3px 0 #0d5a12;border-color:#fff}
.jx-play span{font-size:32px;vertical-align:middle;margin-right:6px}
.jx-pink .jx-box-title{background:linear-gradient(#ff4fa8,#d0126f)}

/* top 10 + więcej */
.jx-box-side ol.jx-top{list-style:none;margin:0;padding:0;counter-reset:t}
.jx-box-side ol.jx-top li{counter-increment:t;padding:3px 0;font-weight:700}
.jx-box-side ol.jx-top li::before{content:counter(t) ".";color:var(--blue-3);margin-right:8px;font-weight:800}
.jx-morelink{margin:6px 0 0;text-align:right;font-size:13px}
.jx-morelink a{font-weight:800}

/* statystyki */
.jx-box-side ul.jx-stats{list-style:none;margin:0;padding:0}
.jx-box-side ul.jx-stats li{padding:2px 0;font-size:16px;font-weight:600}
.jx-box-side ul.jx-stats li::before{content:none}
.jx-box-side ul.jx-stats b{color:var(--blue-3)}

/* shoutbox: style są w samym module (mod_jxshout) */
.jx-shout{margin-bottom:14px}
.jx-shout .jx-box{margin-bottom:0}

/* ikonki edycji w trybie frontowym (widoczne tylko dla administratora) */
.jx-nav .jmodedit,.jx-nav .jmoddiv>.btn,.jx-nav a.jmodedit{display:none!important}

/* aktualności (override com_content) */
.jx-news-h{font:800 26px var(--head);color:var(--blue-3);margin:0 0 6px}
.jx-news-item h3 a{color:var(--blue-2)}
.jx-news-item p{margin:0 0 6px}
.jx-news-empty{color:#5d78b5}
@media (max-width:760px){.jx-news-item{grid-template-columns:1fr}}

/* przycisk wiadomości w panelu logowania */
.jx-login .jx-btn-pm{grid-column:1/-1}
.jx-inbox-n{display:inline-block;background:#e5231a;color:#fff;border:2px solid #fff;border-radius:999px;padding:0 7px;font-size:12px;margin-left:6px;line-height:16px}

/* avatar w panelu logowania */
.jx-login .jx-avatar{display:block;width:84px;height:84px;margin:8px auto 10px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #1a5be0;overflow:hidden;text-decoration:none}
.jx-login .jx-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.jx-login .jx-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font:800 36px 'Baloo 2',sans-serif}
.jx-login .login-greeting{text-align:center}

/* przycisk rejestracji */
.jx-login .jx-btns.jx-btns-1{grid-template-columns:1fr}
.jx-login .jx-btn-green{background:linear-gradient(#5fd35a,#1f9a1a)}

/* logowanie i rejestracja (styl IPB) */
.jx-auth{max-width:900px;margin:0 auto}
.jx-auth-head{text-align:center;margin-bottom:16px}
.jx-auth-head h1{font:800 30px var(--head);color:#0a3a9c;margin:0 0 4px}
.jx-auth-head p{margin:0;color:#4a6285}
.jx-auth-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.jx-auth-card{background:#f3f8ff;border:2px solid #b9d4f5;border-radius:14px;padding:18px 20px}
.jx-auth-card h2{margin:0 0 12px;font:800 22px var(--head);color:#0a3a9c}
.jx-frow{margin:0 0 12px}
.jx-frow label{display:block;font-weight:800;color:#0a3a9c;margin-bottom:4px}
.jx-frow input[type=text],.jx-frow input[type=password],.jx-frow input[type=email]{display:block;width:100%;box-sizing:border-box;height:auto;min-height:42px;padding:8px 14px;border:2px solid #b9d4ff;border-radius:10px;background:#fff;font:600 15px var(--body);margin:0}
.jx-frow input:focus{border-color:#1a5be0;box-shadow:0 0 0 3px rgba(29,109,255,.2);outline:0}
.jx-frow small{display:block;margin-top:3px;color:#5a739b;font-size:12px}
.jx-fico{margin-right:6px}
.jx-req{color:#e5231a}
.jx-fpair{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.jx-meter{position:relative;height:18px;background:#dbe8fb;border-radius:999px;overflow:hidden;margin:-2px 0 14px}
.jx-meter span{position:absolute;left:0;top:0;bottom:0;width:0;background:#d0dcef;transition:width .2s,background .2s}
.jx-meter em{position:relative;display:block;text-align:center;font:700 11px/18px var(--body);font-style:normal;color:#173a73}
.jx-check{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 12px}
.jx-check input{width:auto;margin:0}
.jx-auth-btn{display:block;width:100%;box-sizing:border-box;text-align:center;padding:10px 14px;border-radius:10px;border:2px solid #fff;color:#fff!important;font:700 16px var(--head);cursor:pointer;text-decoration:none!important;line-height:1.3;
  background:linear-gradient(#5fd35a,#1f9a1a);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.25)}
.jx-auth-btn:hover{filter:brightness(1.08)}
.jx-auth-btn.blue{background:linear-gradient(#3b8bff,#0a4fd0)}
.jx-auth-btn.green{background:linear-gradient(#5fd35a,#1f9a1a)}
.jx-auth.login .jx-auth-card .jx-auth-btn:not(.blue):not(.green){background:linear-gradient(#3b8bff,#0a4fd0)}
.jx-auth-links{margin:12px 0 0;text-align:center;font-size:13px}
.jx-auth-side{background:linear-gradient(#e6f1ff,#cfe3ff);border:2px solid #1a5be0;border-radius:14px;padding:16px 18px}
.jx-auth-side h3{margin:0 0 8px;font:800 19px var(--head);color:#0a3a9c}
.jx-auth-side p{margin:0 0 8px}
.jx-auth-side ul{list-style:none;margin:0 0 14px;padding:0}
.jx-auth-side li{padding:5px 0;border-bottom:1px dashed #9cc0f0;font-weight:700;color:#173a73}
.jx-auth-side li::before{content:none}
.jx-auth-have{text-align:center}
.jx-auth-have b{display:block;margin-bottom:8px;color:#0a3a9c}
@media (max-width:760px){.jx-auth-grid{grid-template-columns:1fr}.jx-fpair{grid-template-columns:1fr}}

.jx-box-title .jx-star{filter:none}

/* zegar w prawym górnym rogu nagłówka */
.jx-clock{position:absolute;right:22px;top:16px;z-index:3;text-align:center;color:#fff;font-weight:800;line-height:1.15;
  background:rgba(8,40,128,.55);border:2px solid rgba(255,255,255,.85);border-radius:14px;padding:7px 16px;
  text-shadow:0 2px 3px rgba(0,0,0,.45);box-shadow:0 3px 8px rgba(0,0,0,.3);backdrop-filter:blur(2px)}
.jx-clock-time{font:800 30px/1.1 var(--head);letter-spacing:1px;font-variant-numeric:tabular-nums}
.jx-clock-date{font:800 15px var(--head);color:#ffe27a}
.jx-clock-day{font:800 14px var(--head);text-transform:uppercase;letter-spacing:1px}
@media (max-width:760px){.jx-clock{right:10px;top:10px;padding:4px 10px}.jx-clock-time{font-size:20px}.jx-clock-date,.jx-clock-day{font-size:11px}}

/* ---------- Stopka w stylu IPB (grafika + kolumny linków + pasek) ---------- */
.jx-footer{display:block;padding:0;margin-top:26px;background:none;border-radius:0;color:#dce9ff}
.jx-footer-art{height:150px;background:url(../images/footer.png?v=160) center bottom/cover no-repeat;margin-bottom:-1px}
.jx-footer-body{background:#093496;padding:6px 26px 0;border-radius:0 0 18px 18px}
.jx-fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px;padding:6px 0 18px}
.jx-fcol h4{margin:0 0 10px;font:800 17px var(--head);color:#ffd21f;text-transform:uppercase;letter-spacing:.5px}
.jx-fcol ul{list-style:none;margin:0;padding:0}
.jx-fcol li{margin:0;padding:4px 0}
.jx-fcol li::before{content:"\25B8";color:#ff9a1f;margin-right:8px}
.jx-fcol li a{color:#fff;font-weight:700;text-decoration:none}
.jx-fcol li a:hover{color:#ffd21f}
.jx-fabout img{max-height:64px;width:auto;display:block;margin-bottom:8px}
.jx-fabout p{margin:0;color:#b9d2ff;line-height:1.5;max-width:380px}
.jx-footer-body .jx-footer-links{margin:0 0 6px}
.jx-fbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:2px solid rgba(255,255,255,.18);padding:12px 0 14px;font-size:14px}
.jx-fbar .jx-copy{text-align:left;color:#b9d2ff}
.jx-totop{color:#fff!important;font-weight:800;text-decoration:none;padding:6px 16px;border-radius:10px;border:2px solid #fff;
  background:linear-gradient(#3b8bff,#0a4fd0);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.25)}
.jx-totop:hover{filter:brightness(1.1)}
@media (max-width:760px){.jx-fcols{grid-template-columns:1fr;gap:16px}.jx-footer-art{height:90px}.jx-fbar{justify-content:center;text-align:center}.jx-fbar .jx-copy{text-align:center}}

/* szybka edycja artykułów (administrator / uprawnieni) */
.jx-adm{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.jx-adm form{margin:0}
.jx-adm-btn{display:inline-block;cursor:pointer;font:700 13px var(--head);text-decoration:none!important;color:#0a4fd0!important;background:#fff;
  border:2px solid #b9d4ff;border-radius:999px;padding:3px 14px;line-height:1.4}
.jx-adm-btn:hover{border-color:#1a5be0;background:#eef5ff}
.jx-adm-btn.del{color:#c4170f!important;border-color:#ffb3ae;background:#fff5f4}
.jx-adm-btn.del:hover{border-color:#e5231a;background:#ffe9e7}

/* ---------- ładniejsza lista aktualności ---------- */
.jx-news-h{position:relative;padding-bottom:10px;margin-bottom:14px}
.jx-news-h::after{content:"";position:absolute;left:0;bottom:0;width:90px;height:5px;border-radius:99px;background:linear-gradient(90deg,#ff9a1f,#ffd21f)}
.jx-news-item{position:relative;background:#f4f9ff;border:2px solid #d6e6ff;border-radius:16px;padding:12px;margin-bottom:14px;
  transition:transform .15s,box-shadow .15s,border-color .15s}
.jx-news-item:last-child{border-bottom:2px solid #d6e6ff;margin-bottom:0}
.jx-news-item:hover{transform:translateY(-2px);border-color:#9fc3ff;box-shadow:0 6px 16px rgba(20,86,224,.18)}
.jx-news-item img{aspect-ratio:4/3;object-fit:cover;height:auto}
.jx-news-item h3{font-size:25px;line-height:1.15;margin:2px 0 6px}
.jx-news-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.jx-news-meta span{background:#e3f0ff;color:#2a4b8f;font-weight:700;font-size:12px;padding:2px 10px;border-radius:999px}
.jx-news-item p{color:#2b3d5c;line-height:1.5;margin:0 0 10px}
.jx-more{display:inline-block;color:#fff!important;font:800 14px var(--head);text-decoration:none!important;padding:5px 16px;border-radius:999px;
  background:linear-gradient(#ffb23a,#ee6f10);border:2px solid #fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.2)}
.jx-more::before{content:none}
.jx-more:hover{filter:brightness(1.08)}
/* pasek administratora w rogu karty */
.jx-has-adm h3{padding-right:170px}
.jx-adm{position:absolute;top:10px;right:10px;margin:0;gap:6px;opacity:.9}
.jx-adm-btn{box-shadow:0 1px 3px rgba(0,0,0,.15)}
@media (max-width:760px){
  .jx-has-adm h3{padding-right:0}
  .jx-adm{position:static;margin-top:10px}
  .jx-news-item img{aspect-ratio:16/9}
}

/* ---------- widok pojedynczego artykułu ---------- */
.jx-article{position:relative}
.jx-art-hero img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:16px;border:2px solid #fff;box-shadow:0 0 0 2px #9fc3ff,0 6px 16px rgba(20,86,224,.2);margin:0 0 16px}
.jx-art-title{position:relative;font:800 34px/1.15 var(--head);color:var(--blue-3);margin:0 0 14px;padding-bottom:12px}
.jx-art-title::after{content:"";position:absolute;left:0;bottom:0;width:90px;height:5px;border-radius:99px;background:linear-gradient(90deg,#ff9a1f,#ffd21f)}
.jx-art-meta{margin:0 0 16px}
.jx-art-meta a{color:#2a4b8f;text-decoration:none}
.jx-art-body{font-size:16px;line-height:1.7;color:#243653}
.jx-art-body p{margin:0 0 14px}
.jx-art-body h2,.jx-art-body h3{font-family:var(--head);color:var(--blue-3);margin:20px 0 8px}
.jx-art-body img{max-width:100%;height:auto;border-radius:12px}
.jx-art-body blockquote{margin:14px 0;padding:10px 16px;border-left:5px solid #ff9a1f;background:#f4f9ff;border-radius:0 12px 12px 0}
.jx-art-body ul,.jx-art-body ol{padding-left:24px}
.jx-art-pager ul.pager{display:flex;justify-content:space-between;gap:10px;list-style:none;margin:22px 0 0;padding:0}
.jx-art-pager ul.pager li{margin:0}
.jx-art-pager ul.pager li::before{content:none}
.jx-art-pager ul.pager a{display:inline-block;padding:6px 18px;border-radius:999px;border:2px solid #b9d4ff;background:#fff;color:#0a4fd0;font-weight:800;text-decoration:none}
.jx-art-pager ul.pager a:hover{border-color:#1a5be0;background:#eef5ff}
.jx-art-foot{margin-top:20px;padding-top:14px;border-top:2px solid #e3eeff;text-align:center}
.jx-art-back{display:inline-block;color:#fff!important;font:800 15px var(--head);text-decoration:none!important;padding:8px 22px;border-radius:10px;border:2px solid #fff;
  background:linear-gradient(#3b8bff,#0a4fd0);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.25)}
.jx-art-back:hover{filter:brightness(1.1)}
.jx-article.jx-has-adm .jx-adm{top:12px;right:12px;z-index:2;background:rgba(255,255,255,.85);padding:4px;border-radius:999px}
@media (max-width:760px){.jx-art-title{font-size:26px}.jx-article.jx-has-adm .jx-adm{position:static;background:none;padding:0;margin:0 0 10px}}

/* ilustracja szablonu (brak własnego obrazka): mała miniatura obok tekstu */
.jx-art-hero.thumb{float:left;width:230px;margin:0 20px 12px 0}
.jx-art-hero.thumb img{aspect-ratio:4/3;margin:0}
@media (max-width:760px){.jx-art-hero.thumb{float:none;width:100%;margin:0 0 14px}.jx-art-hero.thumb img{aspect-ratio:16/9}}
.jx-art-hero.thumb ~ .jx-art-title{overflow:hidden}
.jx-has-adm .jx-art-hero.thumb ~ .jx-art-title{padding-right:175px}
@media (max-width:760px){.jx-has-adm .jx-art-hero.thumb ~ .jx-art-title{padding-right:0}}

/* ---------- paginacja (« ‹ 1 2 › ») ---------- */
.pagination{display:block;margin:18px 0 0;padding:0}
.jx-pagi{display:flex;justify-content:center}
.jx-pagi .pagination-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.jx-pagi .pagination-list li{margin:0;padding:0}
.jx-pagi .pagination-list li::before{content:none}
.pagination .jx-pg{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;box-sizing:border-box;border-radius:12px;
  border:2px solid #b9d4ff;background:#fff;color:#0a4fd0!important;font:800 16px var(--head);text-decoration:none!important;box-shadow:0 2px 0 #d6e6ff;transition:transform .12s,border-color .12s}
.pagination a.jx-pg:hover{border-color:#1a5be0;background:#eef5ff;transform:translateY(-2px)}
.pagination .jx-pg.current{background:linear-gradient(#3b8bff,#0a4fd0);border-color:#fff;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.25)}
.pagination .jx-pg.disabled{opacity:.45;background:#f1f5fb;box-shadow:none}

/* menu górne: ikony i kolory przycisków wg pozycji */
.jx-nav-menu .jx-mi{display:inline-flex;flex:0 0 auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.jx-nav-menu>ul>li>a[data-ic]{gap:8px;padding:5px 18px 5px 12px}
.jx-nav-menu>ul>li>a[data-ic="home"]{background:linear-gradient(#ff5a4a,#d8140f)}
.jx-nav-menu>ul>li>a[data-ic="news"],.jx-nav-menu>ul>li>a[data-ic="contact"],.jx-nav-menu>ul>li>a[data-ic="stats"]{background:linear-gradient(#3b8bff,#0a4fd0)}
.jx-nav-menu>ul>li>a[data-ic="games"],.jx-nav-menu>ul>li>a[data-ic="gallery"]{background:linear-gradient(#6fd13f,#2e9a2a)}
.jx-nav-menu>ul>li>a[data-ic="tv"]{background:linear-gradient(#ffb23a,#ee6f10)}
.jx-nav-menu>ul>li>a[data-ic="forum"]{background:linear-gradient(#a45bff,#6422bb)}
.jx-nav-menu>ul>li>a[data-ic]:hover{filter:brightness(1.08)}

/* menu górne w jednym rzędzie na szerokich ekranach */
@media (min-width:1021px){
  .jx-nav{gap:8px;padding:8px}
  .jx-nav-menu ul,.jx-nav-menu ul.nav,.jx-nav-menu ul.menu{flex-wrap:nowrap;gap:5px}
  .jx-nav-menu li>a,.jx-nav-menu li>span.separator,.jx-nav-menu li>span.nav-header{padding:6px 12px;font-size:15px;white-space:nowrap}
  .jx-nav-menu>ul>li>a[data-ic]{gap:5px;padding:4px 12px 4px 8px}
  .jx-nav-menu .jx-mi svg{width:22px;height:22px}
  .jx-nav .jx-search{min-width:0;flex:0 1 170px}
  .jx-nav .jx-search input[type=text],.jx-nav .jx-search input.search-query,.jx-nav .jx-search input.inputbox{padding:8px 10px;width:100%;min-width:0}
}

/* wyszukiwarka w menu: szukaj w bajkach i forum */
.jx-sform{display:flex;align-items:stretch;margin:0;background:#fff;border:2px solid #cfe3ff;border-radius:999px;overflow:hidden}
.jx-sform input[type=text]{flex:1;min-width:0;width:100%;border:0!important;border-radius:0;box-shadow:none;margin:0;height:auto;padding:8px 12px;background:transparent;font:600 14px var(--body);color:var(--text);outline:0}
.jx-sform button{border:0;margin:0;padding:0 14px;cursor:pointer;background:linear-gradient(#3b8bff,#0a4fd0);display:flex;align-items:center}
.jx-sform button:hover{filter:brightness(1.1)}
.jx-sform button svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}

/* wyszukiwarka: ładniejszy wygląd (pole + okrągły przycisk jak w menu) */
.jx-nav .jx-sform{align-items:center;gap:4px;padding:3px 3px 3px 6px;background:linear-gradient(#fff,#eef5ff);border:2px solid #fff;border-radius:999px;overflow:visible;box-shadow:inset 0 2px 4px rgba(10,58,156,.22),0 2px 3px rgba(0,0,0,.25);transition:box-shadow .15s}
.jx-nav .jx-sform:focus-within{box-shadow:inset 0 2px 4px rgba(10,58,156,.22),0 0 0 3px #ffd23c,0 2px 3px rgba(0,0,0,.25)}
.jx-nav .jx-sform input[type=text]{padding:6px 8px;font:700 14px var(--body);color:var(--blue-3,#0a3a9c)}
.jx-nav .jx-sform input[type=text]::placeholder{color:#8aa0c8;font-weight:600}
.jx-nav .jx-sform button{flex:0 0 36px;width:36px;height:36px;padding:0;justify-content:center;border-radius:50%;border:2px solid #fff;background:linear-gradient(#ffb23a,#ee6f10);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.3);transition:transform .12s}
.jx-nav .jx-sform button:hover{transform:scale(1.08) rotate(-8deg);filter:none}

/* menu rozciągnięte na całą szerokość paska (bez pustej przestrzeni) */
@media (min-width:1021px){
  .jx-nav-menu{flex:1 1 auto}
  .jx-nav-menu>ul,.jx-nav-menu>ul.nav,.jx-nav-menu>ul.menu{gap:6px;width:100%}
  .jx-nav-menu>ul>li{flex:1 1 auto}
  .jx-nav-menu>ul>li>a{justify-content:center;width:100%;box-sizing:border-box;font-size:16px;padding-top:7px;padding-bottom:7px}
  .jx-nav-menu>ul>li>a[data-ic]{padding:6px 10px}
  .jx-nav-menu .jx-mi svg{width:24px;height:24px}
  .jx-nav .jx-search{flex:0 0 190px}
}

/* nagłówek listy aktualności na środku */
.jx-news-h{text-align:center;letter-spacing:1px}
.jx-news-h::after{left:50%;transform:translateX(-50%)}
.jx-news-empty{text-align:center}

/* boczne menu: estetyczne pozycje z kolorowymi ikonami */
.jx-box-side ul.menu,.jx-box-side ul.nav{display:flex;flex-direction:column;gap:6px;padding:2px 0}
.jx-box-side ul.menu>li,.jx-box-side ul.nav>li{padding:0;margin:0}
.jx-box-side ul.menu>li::before,.jx-box-side ul.nav>li::before{content:none}
.jx-box-side ul.menu>li>a,.jx-box-side ul.nav>li>a{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 7px;border-radius:12px;background:#fff;border:2px solid #d6e6ff;color:var(--blue-3);font:800 15px var(--head);text-decoration:none;box-shadow:0 2px 0 #d6e6ff;transition:transform .12s,border-color .12s,background .12s}
.jx-box-side ul.menu>li>a:hover,.jx-box-side ul.nav>li>a:hover{background:#f1f7ff;border-color:#7fb0ff;color:var(--blue-3);transform:translateX(3px)}
.jx-box-side ul.menu>li.active>a,.jx-box-side ul.menu>li.current>a,.jx-box-side ul.nav>li.active>a{background:linear-gradient(#3b8bff,#0a4fd0);border-color:#fff;color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.25)}
.jx-box-side ul.menu>li>a .jx-mi,.jx-box-side ul.nav>li>a .jx-mi{flex:0 0 30px;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(#3b8bff,#0a4fd0);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3);filter:none}
.jx-box-side .jx-mi svg{width:19px;height:19px}
.jx-box-side a[data-ic="home"] .jx-mi{background:linear-gradient(#ff5a4a,#d8140f)}
.jx-box-side a[data-ic="games"] .jx-mi,.jx-box-side a[data-ic="gallery"] .jx-mi{background:linear-gradient(#6fd13f,#2e9a2a)}
.jx-box-side a[data-ic="tv"] .jx-mi{background:linear-gradient(#ffb23a,#ee6f10)}
.jx-box-side a[data-ic="forum"] .jx-mi{background:linear-gradient(#a45bff,#6422bb)}
/* przycisk edycji modułu (tylko administrator) - mały, okrągły */
.jx-box-side .jx-box-title,.jx-box .jx-box-title{position:relative}
.jx-box-title .jmodedit,.jx-box-title a.jmodedit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;padding:0;margin:0;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.8);box-shadow:none;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:12px;line-height:1}
.jx-box-title .jmodedit:hover{background:rgba(255,255,255,.35)}

/* rejestracja: informacja o wieku */
.jx-age{background:#fff8e1;border:2px solid #ffe08a;border-radius:12px;padding:10px 14px;margin:6px 0 14px;color:#5b4500;font-size:14px;line-height:1.45}
.jx-age b{color:#7a5200}
.jx-age p{margin:4px 0 8px}
.jx-age-ck{display:flex;gap:8px;align-items:flex-start;font-weight:700;cursor:pointer}
.jx-age-ck input{flex:0 0 auto;margin-top:3px;width:18px;height:18px}

/* przycisk Regulamin w menu */
.jx-nav-menu>ul>li>a[data-ic="terms"]{background:linear-gradient(#ff4fa8,#d0126f)}
.jx-box-side a[data-ic="terms"] .jx-mi{background:linear-gradient(#ff4fa8,#d0126f)}

/* reset hasła / przypomnienie loginu */
.jx-auth-narrow{max-width:520px}
.jx-auth-narrow .jx-auth-card{box-shadow:0 6px 18px rgba(10,58,156,.12)}
.jx-auth-narrow .jx-frow{margin-bottom:14px}
.jx-auth-narrow .jx-frow label{display:block;margin-bottom:6px;font:800 14px var(--head);color:#0a3a9c}
.jx-auth-narrow .jx-frow input{display:block;width:100%;box-sizing:border-box;height:auto;min-height:44px;padding:10px 14px;border:2px solid #b9d4ff;border-radius:10px;background:#fff;font:600 15px var(--body);margin:0}
.jx-auth-narrow .jx-frow input:focus{border-color:var(--blue-1);box-shadow:0 0 0 3px rgba(29,109,255,.2)}
.jx-auth-narrow .jx-auth-btn{margin-top:4px}

/* informacja o cookies */
.jx-cookie{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;max-width:760px;margin:0 auto;display:flex;gap:12px;align-items:center;
  background:#0a3a9c;color:#fff;border:2px solid #fff;border-radius:14px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.35);font:600 13px/1.4 var(--body)}
.jx-cookie[hidden]{display:none}
.jx-cookie a{color:#ffd23c;text-decoration:underline}
.jx-cookie button{flex:0 0 auto;cursor:pointer;border:2px solid #fff;border-radius:10px;padding:6px 16px;color:#fff;font:700 14px var(--head);background:linear-gradient(#6fd13f,#2e9a2a)}
@media(max-width:560px){.jx-cookie{flex-direction:column;align-items:stretch;text-align:center}}
.jx-cookie .jx-cookie-no{background:transparent;border-color:#9cc0f0;font-weight:600}