/* JOsport blog redesign v4 */
body.josport-blog-v4{--jb-blue:#199ce6;--jb-navy:#254480;--jb-deep:#041020;--jb-ink:#0d1c31;--jb-muted:#637086;--jb-line:#dce5ef}
body.josport-blog-v4 #content-wrapper{width:100%!important;max-width:none!important;padding:0!important}
body.josport-blog-v4 #content-wrapper .content-wrapper-in,body.josport-blog-v4 #content,body.josport-blog-v4 #content>.content-inner{float:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
body.josport-blog-v4 #content{background:#fff}
body.josport-blog-v4 #content *,body.josport-blog-v4 #content *::before,body.josport-blog-v4 #content *::after{box-sizing:border-box}
body.josport-blog-v4 .jb-original-heading{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.josport-blog-v4 .jb-shell,body.josport-blog-v4 #newsWrapper,body.josport-blog-v4 #content .listingControls{width:calc(100% - 64px)!important;max-width:1360px!important;margin-left:auto!important;margin-right:auto!important}
body.josport-blog-v4 .jb-hero{position:relative;isolation:isolate;overflow:hidden;margin:0 0 38px;color:#fff;background:radial-gradient(ellipse at 15% 10%,rgba(25,156,230,.22),transparent 65%),#041020}
body.josport-blog-v4 .jb-hero::before{content:"";position:absolute;z-index:-1;inset:0 0 0 35%;background-image:linear-gradient(90deg,#041020 0%,rgba(4,16,32,.3) 55%,rgba(4,16,32,.18) 100%),url("https://www.josport.cz/user/documents/upload/Foto%20Ch%C3%BDnov%202025/JOsport%20(2).jpg");background-position:center;background-size:cover}
body.josport-blog-v4 .jb-hero::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:56px 56px}
body.josport-blog-v4 .jb-hero .jb-shell{padding-top:clamp(45px,5vw,78px);padding-bottom:clamp(45px,5vw,78px)}
body.josport-blog-v4 .jb-eyebrow{display:inline-flex;align-items:center;gap:15px;margin-bottom:22px;color:#b7e5ff;font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.18em;text-transform:uppercase}
body.josport-blog-v4 .jb-eyebrow::after{content:"";width:55px;height:2px;background:var(--jb-blue)}
body.josport-blog-v4 .jb-hero h2{max-width:850px;margin:0 0 24px;color:#fff!important;font-size:clamp(42px,5.4vw,78px);font-weight:900;line-height:1.03;letter-spacing:-.045em;text-transform:none}
body.josport-blog-v4 .jb-hero h2 span{color:#38b6ff}
body.josport-blog-v4 .jb-hero p{max-width:590px;margin:0;color:#d4e1ef;font-size:18px;line-height:1.75}
body.josport-blog-v4 .jb-categories{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:30px}
body.josport-blog-v4 .jb-category{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid var(--jb-line);border-radius:7px;color:var(--jb-navy);background:#fff;box-shadow:0 5px 16px rgba(20,55,90,.035);font-size:14px;font-weight:800;line-height:1.5;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
body.josport-blog-v4 .jb-category:hover{transform:translateY(-2px);border-color:var(--jb-blue);color:var(--jb-navy);text-decoration:none}
body.josport-blog-v4 .jb-category.is-active{border-color:var(--jb-blue);color:#fff;background:linear-gradient(110deg,#199ce6,#087fc2)}
body.josport-blog-v4 #newsWrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px!important;padding:0!important;background:transparent}
body.josport-blog-v4 #newsWrapper::before,body.josport-blog-v4 #newsWrapper::after{display:none!important}
body.josport-blog-v4 #newsWrapper>.news-item{display:flex!important;float:none!important;flex-direction:column;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden;border:1px solid var(--jb-line)!important;border-radius:10px;background:#fff;box-shadow:0 8px 28px rgba(15,45,80,.045);transition:transform .25s ease,box-shadow .25s ease}
body.josport-blog-v4 #newsWrapper>.news-item:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(15,45,80,.1)}
body.josport-blog-v4 #newsWrapper .news-item>.image{display:block!important;float:none!important;flex:none!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;background:#edf3f9}
body.josport-blog-v4 #newsWrapper .news-item>.image>a{display:block;width:100%;overflow:hidden}
body.josport-blog-v4 #newsWrapper .news-item>.image img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;border-radius:0!important}
body.josport-blog-v4 #newsWrapper .news-item>.text{display:flex!important;float:none!important;flex:1;flex-direction:column;align-items:flex-start;width:100%!important;min-width:0;max-width:none!important;margin:0!important;padding:25px!important}
body.josport-blog-v4 .jb-article-label{display:block;margin-bottom:13px;color:#087fc2;font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
body.josport-blog-v4 #newsWrapper .news-item .title{display:block;margin:0 0 16px!important;padding:0!important;color:var(--jb-ink)!important;font-size:22px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.025em;text-decoration:none!important}
body.josport-blog-v4 #newsWrapper .news-item .title:hover{color:#087fc2!important}
body.josport-blog-v4 #newsWrapper .news-item .description{width:100%;margin:0 0 22px!important;color:var(--jb-muted);font-size:15px;line-height:1.75}
body.josport-blog-v4 #newsWrapper .news-item .description p{margin:0;color:inherit;font-size:inherit;line-height:inherit}
body.josport-blog-v4 .jb-read{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:auto;color:#087fc2;font-size:15px;font-weight:800;line-height:1.5;text-decoration:none}
body.josport-blog-v4 .jb-read:hover{color:var(--jb-navy);text-decoration:underline}
body.josport-blog-v4 #newsWrapper>.jb-featured{display:grid!important;grid-column:1/-1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}
body.josport-blog-v4 #newsWrapper>.jb-featured:hover{transform:none}
body.josport-blog-v4 #newsWrapper>.jb-featured>.image{align-self:center}
body.josport-blog-v4 #newsWrapper>.jb-featured>.text{justify-content:center;padding:clamp(26px,3vw,45px)!important}
body.josport-blog-v4 #newsWrapper>.jb-featured .title{font-size:clamp(26px,2.7vw,39px)!important;line-height:1.16!important;letter-spacing:-.035em}
body.josport-blog-v4 #newsWrapper>.jb-featured .description{font-size:16px}
body.josport-blog-v4 .jb-featured .jb-read{min-height:48px;margin-top:0;padding:12px 22px;border-radius:5px;color:#fff;background:linear-gradient(110deg,#199ce6,#087fc2)}
body.josport-blog-v4 .jb-featured .jb-read:hover{color:#fff;background:var(--jb-navy);text-decoration:none}
body.josport-blog-v4 .jb-more-heading{grid-column:1/-1;margin:12px 0 -4px;color:var(--jb-ink);font-size:clamp(28px,3vw,38px);font-weight:900;line-height:1.2;letter-spacing:-.035em}
body.josport-blog-v4 #content .listingControls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:35px 0!important}
body.josport-blog-v4 #content .listingControls .pagination{width:auto;margin:0}
body.josport-blog-v4 #content .listingControls .itemsTotal{color:var(--jb-muted)}
body.josport-blog-v4 .jb-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:15px;margin-bottom:60px;padding:38px 42px;overflow:hidden;border-radius:10px;color:#fff;background:radial-gradient(ellipse at 90% 20%,rgba(25,156,230,.3),transparent 65%),#071a33}
body.josport-blog-v4 .jb-cta h2{margin:0 0 12px;color:#fff;font-size:clamp(26px,3vw,38px);font-weight:900;line-height:1.2;letter-spacing:-.035em}
body.josport-blog-v4 .jb-cta p{max-width:760px;margin:0;color:#c5d5e7;font-size:16px;line-height:1.7}
body.josport-blog-v4 .jb-cta>a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:15px;min-height:50px;padding:14px 23px;border-radius:5px;color:#fff;background:var(--jb-blue);font-size:15px;font-weight:800;line-height:1.5;text-decoration:none}
body.josport-blog-v4 .jb-cta>a:hover{color:#fff;background:#087fc2}
body.josport-blog-v4 #content a:focus-visible{outline:3px solid #199ce6;outline-offset:4px}
@media(max-width:1000px){
body.josport-blog-v4 #newsWrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px!important}
body.josport-blog-v4 #newsWrapper>.jb-featured{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.josport-blog-v4 .jb-cta{padding:30px}
}
@media(max-width:700px){
body.josport-blog-v4 .jb-shell,body.josport-blog-v4 #newsWrapper,body.josport-blog-v4 #content .listingControls{width:calc(100% - 32px)!important}
body.josport-blog-v4 .jb-hero{margin-bottom:25px}
body.josport-blog-v4 .jb-hero::before{inset:0;opacity:.28}
body.josport-blog-v4 .jb-hero h2{font-size:clamp(38px,10vw,58px)}
body.josport-blog-v4 .jb-hero p{font-size:16px}
body.josport-blog-v4 .jb-categories{gap:8px;margin-bottom:24px}
body.josport-blog-v4 .jb-category{min-height:43px;padding:10px 13px;font-size:12px}
body.josport-blog-v4 #newsWrapper{grid-template-columns:minmax(0,1fr);gap:22px!important}
body.josport-blog-v4 #newsWrapper>.jb-featured{display:flex!important;flex-direction:column}
body.josport-blog-v4 #newsWrapper .news-item>.text,body.josport-blog-v4 #newsWrapper>.jb-featured>.text{padding:23px!important}
body.josport-blog-v4 #newsWrapper>.jb-featured .title{font-size:28px!important}
body.josport-blog-v4 .jb-cta{align-items:stretch;flex-direction:column;gap:24px;padding:27px 23px;margin-bottom:35px}
body.josport-blog-v4 .jb-cta>a{width:100%}
}
@media(prefers-reduced-motion:reduce){body.josport-blog-v4 #content *{transition:none!important;animation:none!important}}


/* V3: kategoriální karty s ikonami a rozbalení článků */
body.josport-blog-v4 .jb-category-nav{display:flex;flex-wrap:wrap;align-items:stretch;gap:18px;margin-top:0;margin-bottom:34px}
body.josport-blog-v4 .jb-topic{display:flex;align-items:center;gap:17px;flex:0 1 410px;min-width:0;padding:21px 24px;border:1px solid #dbe8f4;border-radius:13px;color:var(--jb-navy);background:linear-gradient(135deg,#fff,#f2f8fd);box-shadow:0 7px 22px rgba(14,62,110,.05);text-decoration:none;transition:transform .2s ease,border-color .2s ease}
body.josport-blog-v4 .jb-topic:hover{transform:translateY(-3px);border-color:#199ce6;text-decoration:none}
body.josport-blog-v4 .jb-topic-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid #d4eafa;border-radius:14px;color:#1197df;background:#eaf6ff}
body.josport-blog-v4 .jb-topic-icon svg{display:block;width:28px;height:28px}
body.josport-blog-v4 .jb-topic-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
body.josport-blog-v4 .jb-topic-copy strong{color:#173c69;font-size:17px;font-weight:800;line-height:1.4}
body.josport-blog-v4 .jb-topic-copy small{color:#677e96;font-size:13px;line-height:1.5}
body.josport-blog-v4 .jb-topic-arrow{color:#129bdf;font-size:24px}
body.josport-blog-v4 .jb-topic.is-active{border-color:#199ce6;background:linear-gradient(120deg,#0b345e,#174f83);box-shadow:0 12px 28px rgba(14,62,110,.15)}
body.josport-blog-v4 .jb-topic.is-active .jb-topic-copy strong{color:#fff}
body.josport-blog-v4 .jb-topic.is-active .jb-topic-copy small{color:#c2daee}
body.josport-blog-v4 .jb-topic.is-active .jb-topic-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#6dceff}
body.josport-blog-v4 .jb-blog-back{display:block;flex:0 0 100%;color:#254480;font-weight:700;margin-bottom:2px;text-decoration:none}
body.josport-blog-v4 #newsWrapper>.news-item.jb-collapsed{display:none!important}
body.josport-blog-v4 .jb-expand{text-align:center;padding:30px 0 5px}
body.josport-blog-v4 .jb-expand-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 27px;border:1px solid #199ce6;border-radius:7px;color:#fff;background:linear-gradient(110deg,#199ce6,#087fc2);box-shadow:0 8px 20px rgba(25,156,230,.17);font-family:inherit;font-size:15px;font-weight:800;line-height:1.5;cursor:pointer}
body.josport-blog-v4 .jb-expand-button:hover{background:#174f83}
body.josport-blog-v4 .jb-expand-button:focus-visible{outline:3px solid #199ce6;outline-offset:4px}
@media(max-width:700px){
 body.josport-blog-v4 .jb-category-nav{gap:12px;margin-bottom:25px}
 body.josport-blog-v4 .jb-topic{flex:1 1 100%;padding:17px;gap:14px}
 body.josport-blog-v4 .jb-topic-copy strong{font-size:16px}
 body.josport-blog-v4 .jb-topic-icon{width:46px;height:46px;flex-basis:46px}
 body.josport-blog-v4 .jb-expand-button{width:100%}
}

/* V3.1 — plynulé prolnutí fotografie s modrým pozadím */
body.josport-blog-v4 .jb-hero::before {
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(4,16,32,.35), rgba(4,16,32,.12)),
    url("https://www.josport.cz/user/documents/upload/Foto%20Ch%C3%BDnov%202025/JOsport%20(2).jpg");
  background-size: cover;
  background-position: center right;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 25%, rgba(0,0,0,.15) 38%, rgba(0,0,0,.65) 55%, #000 78%);
  mask-image: linear-gradient(90deg, transparent 0%, transparent 25%, rgba(0,0,0,.15) 38%, rgba(0,0,0,.65) 55%, #000 78%);
}

/* V4: viditelné kategorie a responzivní opravy */
body.josport-blog-v4 #content #jb4-categories{display:flex!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:0!important;position:relative!important;overflow:visible!important;clear:both}
body.josport-blog-v4 #content .jb-topic{display:flex!important;visibility:visible!important;opacity:1!important;min-height:96px}
body.josport-blog-v4 .jb-load-status{margin:14px 0 0;color:#637086;font-size:14px;line-height:1.6}
body.josport-blog-v4 .jb-expand-button:disabled{opacity:.7;cursor:progress}
body.josport-blog-v4 #content .listingControls[hidden]{display:none!important}
body.josport-blog-v4 #content .news-item .title{overflow-wrap:anywhere;word-break:normal}
body.josport-blog-v4 #content .jb-topic-copy{overflow-wrap:anywhere}
body.josport-blog-v4 #articlesListHeading{scroll-margin-top:130px}
body.josport-blog-v4 .jb-hero h2{overflow-wrap:break-word}
body.josport-blog-v4 .jb-hero .jb-shell{position:relative;z-index:1}
@media(min-width:701px) and (max-width:1100px){
 body.josport-blog-v4 #content .jb-topic{flex:1 1 300px;padding:19px;gap:13px}
 body.josport-blog-v4 #newsWrapper>.jb-featured{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 body.josport-blog-v4 #newsWrapper>.jb-featured .title{font-size:28px!important}
 body.josport-blog-v4 #newsWrapper>.jb-featured>.text{padding:24px!important}
 body.josport-blog-v4 .jb-cta{flex-wrap:wrap}
 body.josport-blog-v4 .jb-cta>div{min-width:0;flex:1 1 420px}
}
@media(max-width:700px){
 body.josport-blog-v4 #content #jb4-categories{flex-direction:column;gap:12px!important}
 body.josport-blog-v4 #content .jb-topic{flex:0 0 auto;width:100%;min-height:84px;padding:16px}
 body.josport-blog-v4 .jb-hero h2{font-size:clamp(32px,9vw,52px);letter-spacing:-.035em}
 body.josport-blog-v4 .jb-hero .jb-shell{padding-top:40px;padding-bottom:42px}
 body.josport-blog-v4 .jb-hero::before{opacity:.24;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
 body.josport-blog-v4 #newsWrapper>.jb-featured .title{font-size:26px!important}
 body.josport-blog-v4 #content .listingControls{gap:12px}
}
@media(max-width:375px){
 body.josport-blog-v4 .jb-shell,body.josport-blog-v4 #newsWrapper,body.josport-blog-v4 #content .listingControls{width:calc(100% - 24px)!important}
 body.josport-blog-v4 #newsWrapper .news-item>.text{padding:19px!important}
 body.josport-blog-v4 .jb-topic-copy strong{font-size:15px}
 body.josport-blog-v4 .jb-topic-copy small{font-size:12px}
}