/* Original BeryPixel public content components. */
/* Universally usable infobox: neutral by default, independent from BeryPixel branding. */
.bpx-public-infobox {
  --bpx-box-bg:#f5f6f7;--bpx-box-text:#222d38;--bpx-box-border:#44566a;
  box-sizing:border-box;display:flow-root;float:none;clear:both;
  width:100%;max-width:100%;min-width:0;
  margin:1.5rem 0;padding:1.3rem 1.5rem;
  border:1px solid var(--bpx-box-border);border-left:5px solid var(--bpx-box-border);
  border-radius:9px;background:var(--bpx-box-bg);color:var(--bpx-box-text);
  text-align:left;white-space:normal;overflow-wrap:break-word;word-break:normal;
  line-height:1.58;font-size:1rem;
}
.bpx-public-infobox.bpx-tone-tip{--bpx-box-bg:#f0f9f2;--bpx-box-text:#1c3323;--bpx-box-border:#34764d}
.bpx-public-infobox.bpx-tone-warning{--bpx-box-bg:#fff7eb;--bpx-box-text:#432d15;--bpx-box-border:#a66a25}
.bpx-public-infobox.bpx-tone-custom { /* Exact safe per-box hexadecimal CSS variables are saved by administrator. */ }
/* Only the heading is a block; bold fragments INSIDE the body must remain inline. */
.bpx-public-infobox > .bpx-infobox-title{display:block;margin:0 0 .75rem;font-size:1.1em;font-weight:800;line-height:1.45;color:inherit}
.bpx-public-infobox .bpx-infobox-content{display:flow-root;min-width:0;color:inherit}
.bpx-public-infobox .bpx-infobox-content :is(p,div){display:block;margin:0 0 .9em;line-height:inherit;color:inherit}
.bpx-public-infobox .bpx-infobox-content :is(p,div):last-child{margin-bottom:0}
.bpx-public-infobox .bpx-infobox-content :is(b,strong){display:inline;font-weight:700;margin:0}
.bpx-public-infobox .bpx-infobox-content :is(em,i){display:inline;font-style:italic}
.bpx-public-infobox .bpx-infobox-content a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.bpx-public-infobox .bpx-infobox-content a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.bpx-public-infobox .bpx-infobox-content :is(ul,ol){margin:.5em 0 .8em;padding-left:1.5em}
@media(max-width:600px){.bpx-public-infobox{padding:1rem 1.1rem}}

.bpx-public-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:15px;margin:1.5rem 0}
.bpx-public-gallery figure{margin:0}.bpx-public-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:9px;display:block}.bpx-public-gallery figcaption{font-size:.8rem;opacity:.76;margin-top:5px}
.bpx-public-poll{margin:1.5rem 0;border:1px solid var(--bpx-poll-border,#cbd5df);border-radius:12px;padding:1.25rem 1.4rem;background:var(--bpx-poll-bg,#f5f7f8);color:var(--bpx-poll-text,#253141)}.bpx-public-poll h3{margin:0 0 1rem}.bpx-public-poll fieldset{border:0;margin:0;padding:0}.bpx-public-poll label{display:flex;gap:8px;align-items:center;margin:8px 0;cursor:pointer}.bpx-public-poll button{background:var(--bpx-poll-action,#354d62);color:#fff;padding:9px 16px;border:0;border-radius:7px;cursor:pointer}.bpx-public-poll button:hover{filter:brightness(.84)}.bpx-public-poll meter{display:block;width:100%}.bpx-poll-message{font-size:.9rem}

/* Obtékané autorské textové boxy: bez pozadí, 1,3px černé ohraničení.
   Explicitní šířka brání zúžení prvku při float/shrink-to-fit. */
.bpx-float-box{
    display:block;
    box-sizing:border-box;
    width:clamp(195px,43%,330px);
    max-width:calc(100% - 16px);
    margin:9px 19px 17px 0;
    padding:13px 15px;
    border:1.3px solid #000;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:inherit;
    font-size:.98em;
    font-weight:600;
    line-height:1.55;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    hyphens:none;
}
.bpx-float-left{float:left}
.bpx-float-right{float:right;margin:9px 0 17px 19px}
@media(max-width:640px){
    .bpx-float-box,.bpx-float-left,.bpx-float-right{
        float:none;
        clear:both;
        width:100%;max-width:100%;
        margin:14px 0;
    }
}

/* 0.6.11 responsive one-large / three-small gallery and keyboard-accessible lightbox. */
.bpx-public-gallery{display:block!important;max-width:100%;width:100%;margin:24px 0!important;min-width:0}
.bpx-gallery-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:9px;min-width:0}
.bpx-gallery-tile{display:block;position:relative;min-width:0;overflow:hidden;background:#ecedf2;aspect-ratio:4/3;border-radius:4px;line-height:0}
.bpx-gallery-tile-0{grid-column:1/-1;aspect-ratio:3/2}
.bpx-gallery-tile img{display:block;width:100%;height:100%;object-fit:cover;max-width:100%}
.bpx-gallery-tile:focus-visible{outline:4px solid #9b25c0;outline-offset:3px}
.bpx-gallery-more{position:absolute;inset:0;background:#080b0db8;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:bold clamp(24px,5vw,43px)/1 system-ui,sans-serif}
.bpx-gallery-more span{font-size:24px}
.bpx-gallery-lightbox{position:fixed;inset:0;width:min(96vw,1150px);max-width:none;max-height:94dvh;margin:auto;padding:0;border:0;border-radius:12px;background:#101116;color:#fff;box-shadow:0 20px 65px #0008;overflow:auto}
.bpx-gallery-lightbox::backdrop{background:#03050bed}
.bpx-gallery-lightbox-inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:94dvh}
.bpx-gallery-lightbox-head{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;color:#fff;min-height:49px;font:700 14px system-ui,sans-serif}
.bpx-gallery-lightbox button{color:#fff;background:#242934d9;border:1px solid #535965;cursor:pointer;border-radius:50%;width:40px;height:40px;font:bold 27px/1 system-ui,sans-serif;display:grid;place-items:center}
.bpx-gallery-lightbox button:focus-visible{outline:3px solid #d38af8;outline-offset:2px}
.bpx-gallery-lightbox .bpx-gallery-close{font-size:26px}
.bpx-gallery-lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px;max-height:calc(94dvh - 125px);overflow:hidden}
.bpx-gallery-lightbox-image{display:block;max-width:100%;max-height:calc(94dvh - 135px);height:auto;width:auto;object-fit:contain}
.bpx-gallery-lightbox .bpx-gallery-prev,.bpx-gallery-lightbox .bpx-gallery-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.bpx-gallery-prev{left:9px}.bpx-gallery-next{right:9px}
.bpx-gallery-lightbox .bpx-gallery-photo-info{position:absolute;right:10px;bottom:10px;z-index:3;color:#fff}
.bpx-gallery-lightbox-foot{min-height:37px;padding:8px 15px;color:#fff;font:600 13px/1.5 system-ui,sans-serif}
@media(max-width:550px){.bpx-gallery-preview{gap:5px}.bpx-gallery-lightbox{width:100vw;max-height:100dvh;border-radius:0}.bpx-gallery-lightbox-inner{max-height:100dvh}.bpx-gallery-lightbox-stage{max-height:calc(100dvh - 115px)}.bpx-gallery-lightbox-image{max-height:calc(100dvh - 130px)}.bpx-gallery-lightbox button{width:34px;height:34px;font-size:23px}}

/* 0.6.12 – photo viewer; actions centered BELOW picture, no info button. */
body.bpx-lightbox-open{overflow:hidden}
.bpx-gallery-lightbox{width:min(98vw,1580px);max-width:none;max-height:96dvh;overflow:hidden;background:#252525;border-radius:7px;color:#fff}
.bpx-gallery-lightbox-inner{max-height:96dvh;display:block;padding:10px}
.bpx-gallery-lightbox-content{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;max-height:calc(96dvh - 20px)}
.bpx-gallery-lightbox-content.bpx-gallery-with-ad{grid-template-columns:minmax(0,1fr) 300px}
.bpx-gallery-lightbox-view{display:flex;flex-direction:column;align-items:stretch;min-width:0;max-height:calc(96dvh - 20px)}
.bpx-gallery-photo-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;flex:1 1 auto;max-height:calc(96dvh - 93px)}
.bpx-gallery-lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(96dvh - 93px);object-fit:contain}
.bpx-gallery-lightbox-credit{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,max-content);max-width:100%;background:rgba(9,12,17,.8);color:#fff;padding:8px 14px;font:500 15px/1.45 system-ui,sans-serif;display:flex;gap:6px 15px;justify-content:center;flex-wrap:wrap;text-align:center;overflow-wrap:anywhere}
.bpx-gallery-lightbox-credit[hidden]{display:none!important}
.bpx-gallery-lightbox-controls{min-height:66px;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 0 5px;color:white}
.bpx-gallery-lightbox .bpx-gallery-lightbox-controls button{position:static;transform:none;width:44px;height:44px;min-width:44px;min-height:44px;background:#090a0e;border:1px solid #626262;color:#fff;border-radius:50%;font:bold 28px/1 system-ui,sans-serif;display:grid;place-items:center}
.bpx-gallery-lightbox-controls .bpx-gallery-counter{min-width:65px;text-align:center;color:#fff;font:600 15px/1.3 system-ui,sans-serif}
.bpx-gallery-lightbox-controls button:disabled{opacity:.5;cursor:not-allowed}
.bpx-gallery-lightbox-ad{width:300px;max-width:300px;min-width:300px;min-height:0;overflow:hidden;text-align:center;color:white}
.bpx-gallery-lightbox-ad[hidden]{display:none!important}
.bpx-gallery-lightbox-ad>*{margin-left:auto;margin-right:auto;max-width:300px}
.bpx-gallery-lightbox-ad iframe,.bpx-gallery-lightbox-ad img{max-width:300px}
@media(max-width:1099px){.bpx-gallery-lightbox-content.bpx-gallery-with-ad{grid-template-columns:minmax(0,1fr)!important}.bpx-gallery-lightbox-ad{display:none!important}}
@media(max-width:550px){.bpx-gallery-lightbox{width:100vw;max-height:100dvh;border-radius:0}.bpx-gallery-lightbox-inner{max-height:100dvh;padding:6px}.bpx-gallery-lightbox-content,.bpx-gallery-lightbox-view{max-height:calc(100dvh - 12px)}.bpx-gallery-photo-wrap{max-height:calc(100dvh - 95px)}.bpx-gallery-lightbox-image{max-height:calc(100dvh - 95px)}.bpx-gallery-lightbox-credit{font-size:13px;max-height:35%;overflow:auto}.bpx-gallery-lightbox-controls{min-height:65px;gap:10px}}

.bpx-gallery-image-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;max-height:calc(96dvh - 93px);min-width:0;line-height:0}
.bpx-gallery-image-frame .bpx-gallery-lightbox-credit{line-height:1.45}
@media(max-width:550px){.bpx-gallery-image-frame{max-height:calc(100dvh - 95px)}}


/* CMS 0.6.18 — image lightbox with stable 16:9 viewing region.
   Preview on the article page is unchanged (large + three small).
   The photo never stretches; contain preserves the native aspect ratio. */
body.bpx-lightbox-open{overflow:hidden;}
.bpx-gallery-lightbox {
  box-sizing:border-box;width:min(98vw,1530px);max-width:none;max-height:96dvh;
  padding:0;margin:auto;overflow:hidden;background:#303030;color:#fff;border:0;border-radius:6px;
}
.bpx-gallery-lightbox-inner{box-sizing:border-box;padding:16px;max-height:96dvh;overflow:auto;}
.bpx-gallery-lightbox-content {
  display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;
  min-width:0;max-height:none;
}
/* Reserve the same 300px column throughout slide navigation: no horizontal jumps. */
.bpx-gallery-lightbox-content.bpx-gallery-has-ad-slot{grid-template-columns:minmax(0,1fr) 300px;}
.bpx-gallery-lightbox-view{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;max-height:none;}
.bpx-gallery-photo-wrap {
  box-sizing:border-box;display:flex;flex:0 0 auto;align-items:center;justify-content:center;
  width:100%;height:min(62dvh,620px);min-height:0;max-height:none;
  overflow:hidden;background:#303030;
}
.bpx-gallery-image-frame{
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;max-width:100%;max-height:100%;line-height:0;
}
.bpx-gallery-lightbox-image{
  box-sizing:border-box;display:block;position:static;width:100%;height:100%;
  max-width:100%;max-height:100%;object-fit:contain;object-position:center;
}
/* Caption is beneath photograph, not an overlay. */
.bpx-gallery-lightbox-credit{
  position:static;left:auto;bottom:auto;transform:none;box-sizing:border-box;
  display:flex;justify-content:center;gap:6px 14px;flex-wrap:wrap;
  width:max-content;max-width:100%;min-height:0;max-height:70px;
  margin:13px auto 0;padding:7px 14px;background:#090909;
  border:1px solid #4b4b4b;border-radius:5px;overflow:auto;
  font:500 13px/1.5 system-ui,sans-serif;color:#fff;text-align:center;
}
.bpx-gallery-lightbox-credit[hidden]{display:none!important;}
.bpx-gallery-lightbox-controls{
  position:static;box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;width:100%;min-height:66px;gap:18px;padding:8px 0 0;margin-top:11px;
}
.bpx-gallery-lightbox .bpx-gallery-lightbox-controls button {
  box-sizing:border-box;display:grid;place-items:center;position:static;transform:none;
  flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;
  margin:0;padding:0;background:#080808;color:#fff;
  border:1px solid #888;border-radius:50%;overflow:hidden;cursor:pointer;
}
.bpx-gallery-lightbox .bpx-gallery-lightbox-controls button svg {
  display:block;flex:none;box-sizing:border-box;width:25px;height:25px;
  max-width:none;max-height:none;overflow:visible;pointer-events:none;
}
.bpx-gallery-lightbox .bpx-gallery-lightbox-controls button:is(:hover,:focus-visible){background:#444;border-color:#fff;}
.bpx-gallery-lightbox .bpx-gallery-lightbox-controls .bpx-gallery-counter{min-width:68px;text-align:center;font:600 16px/1.4 system-ui,sans-serif;color:#fff;}
.bpx-gallery-lightbox-ad{
  box-sizing:border-box;width:300px;min-width:300px;max-width:300px;
  min-height:0;max-height:min(92dvh,720px);overflow:auto;
  padding:0;margin:0;text-align:center;align-self:center;
}
.bpx-gallery-lightbox-ad[hidden]{display:none!important;}
.bpx-gallery-lightbox-ad img,.bpx-gallery-lightbox-ad iframe {max-width:300px;}
/* Narrow devices: no side ad and no clipped controls; thumbnails stay 3 across. */
@media(max-width:1099px){
 .bpx-gallery-lightbox-content.bpx-gallery-has-ad-slot{grid-template-columns:minmax(0,1fr);}
 .bpx-gallery-lightbox-ad{display:none!important;}
 .bpx-gallery-photo-wrap{height:min(61dvh,600px);}
}
@media(max-width:600px){
 .bpx-gallery-lightbox{width:100vw;max-height:100dvh;border-radius:0;}
 .bpx-gallery-lightbox-inner{padding:10px;max-height:100dvh;}
 .bpx-gallery-lightbox-content{gap:0;}
 .bpx-gallery-photo-wrap{height:min(62dvh,560px);}
 .bpx-gallery-lightbox-credit{margin-top:10px;font-size:12px;max-height:66px;padding:6px 10px;}
 .bpx-gallery-lightbox-controls{gap:12px;min-height:60px;margin-top:7px;padding-bottom:8px;}
 .bpx-gallery-lightbox .bpx-gallery-lightbox-controls button{flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px;}
}
@media(max-height:550px) and (orientation:landscape){
 .bpx-gallery-photo-wrap{height:52dvh;}
 .bpx-gallery-lightbox-inner{padding:8px;}
 .bpx-gallery-lightbox-controls{min-height:52px;margin-top:2px;}
}

/* CMS 0.6.19 -- final desktop ad rail, preserved native photo proportions.
   NO rules here affect the in-article 1+3 thumbnail preview. */
@media (min-width:1100px){
 dialog.bpx-gallery-lightbox{
   box-sizing:border-box; width:min(calc(100vw - 36px),1536px)!important;
   max-width:calc(100vw - 36px)!important; min-width:0!important;
 }
 dialog.bpx-gallery-lightbox .bpx-gallery-lightbox-inner{
   width:100%; max-width:100%; padding:18px!important;
 }
 dialog.bpx-gallery-lightbox .bpx-gallery-lightbox-content{
   width:100%; max-width:100%; min-width:0; gap:24px!important;
 }
 dialog.bpx-gallery-lightbox .bpx-gallery-lightbox-content.bpx-gallery-has-ad-slot{
   display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;
 }
 dialog.bpx-gallery-lightbox .bpx-gallery-lightbox-view{min-width:0;max-width:100%;}
 dialog.bpx-gallery-lightbox .bpx-gallery-photo-wrap{
   width:100%; height:min(67dvh,680px); aspect-ratio:auto;
 }
 dialog.bpx-gallery-lightbox .bpx-gallery-lightbox-ad{
   width:300px!important;min-width:300px!important;max-width:300px!important;
   position:static!important;align-self:center;
 }
}
.bpx-gallery-lightbox .bpx-gallery-image-frame,
.bpx-gallery-lightbox .bpx-gallery-lightbox-image{
  min-width:0;min-height:0;max-width:100%;max-height:100%;
}
.bpx-gallery-lightbox .bpx-gallery-lightbox-image{object-fit:contain!important;object-position:center!important;}
.bpx-gallery-test-placement{
  box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:300px;height:600px;max-width:100%;padding:20px;gap:17px;
  border:2px dashed #ababab;background:#242424;color:#fff;font:600 14px/1.5 system-ui,sans-serif;
}
.bpx-gallery-test-placement strong{font-size:29px;color:#fff;}
.bpx-gallery-test-placement small{color:#d9d9d9;text-align:center;font-size:12px;}
@media(max-width:1099px){
 dialog.bpx-gallery-lightbox .bpx-gallery-lightbox-content.bpx-gallery-has-ad-slot{display:grid;grid-template-columns:minmax(0,1fr)!important;}
 dialog.bpx-gallery-lightbox .bpx-gallery-lightbox-ad{display:none!important;}
}