/* JustPorn thumb display mode — 20261109e (LIVE; d = ads aligned in "below", ad text hidden in "clean", no hover slide in "below")
   PC: 3-segment switcher between Search and ThePornDude
   Mobile: one icon + chevron (between logo and lupa) → dropdown menu
*/
.jp-tm-seg{
  display:inline-flex;align-items:center;gap:0;flex-shrink:0;
  height:32px;padding:2px;margin:0 14px 0 0;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
}
.jp-tm-seg .jp-tm-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:28px;border:0;border-radius:8px;padding:0;
  background:transparent;cursor:pointer;color:var(--rd-text-2,#cfcfcf);
}
.jp-tm-seg .jp-tm-btn svg{width:18px;height:18px;fill:none;stroke:currentColor}
.jp-tm-seg .jp-tm-btn:hover{color:#fff;background:rgba(255,255,255,.06)}
.jp-tm-seg .jp-tm-btn.is-active{color:#ff8a1f;background:rgba(255,138,31,.18)}

.jp-tm-mob{position:relative;display:none;flex-shrink:0;z-index:50;order:3;margin:0}
.jp-tm-mob-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:1px;
  height:32px;min-width:34px;padding:0 4px 0 7px;border:0;border-radius:10px;
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  color:var(--rd-text-2,#cfcfcf);cursor:pointer;
}
.jp-tm-mob-btn svg.jp-tm-ico{width:17px;height:17px;fill:none;stroke:currentColor}
.jp-tm-mob-btn svg.jp-tm-chev{width:11px;height:11px;fill:none;stroke:currentColor;opacity:.9;transition:transform .15s}
.jp-tm-mob.open .jp-tm-mob-btn{color:#ff8a1f;background:rgba(255,138,31,.14);box-shadow:inset 0 0 0 1px rgba(255,138,31,.45)}
.jp-tm-mob.open .jp-tm-chev{transform:rotate(180deg)}
.jp-tm-menu{
  display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:200px;
  padding:6px;border-radius:12px;background:var(--rd-surface,#16161d);
  border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px rgba(0,0,0,.55);z-index:1000;
}
.jp-tm-mob.open .jp-tm-menu{display:block}
.jp-tm-menu button{
  display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:8px;
  background:transparent;color:var(--rd-text,#eee);font:600 13px/1.2 Roboto,Arial,sans-serif;
  cursor:pointer;text-align:left;
}
.jp-tm-menu button svg{width:18px;height:18px;fill:none;stroke:currentColor;flex:none}
.jp-tm-menu button:hover{background:rgba(255,255,255,.06)}
.jp-tm-menu button.is-active{color:#ff8a1f;background:rgba(255,138,31,.14)}

@media (max-width:1024px){
  .jp-tm-seg.jp-tm-desk{display:none!important}
  .jp-tm-mob{display:inline-flex!important}
  .header-inner>.btn-mobile.search-js{order:4!important}
}
@media (min-width:1025px){
  .jp-tm-mob{display:none!important}
}

/* CLEAN — hide ALL overlays on video thumbs + Shorts */
html.jp-tm-clean .thumb:not(.avd-video-item)>a>.title,
html.jp-tm-clean .thumb:not(.avd-video-item)>a>.thumb-bottom,
html.jp-tm-clean .thumb:not(.avd-video-item) .item-bottom,
html.jp-tm-clean .thumb:not(.avd-video-item) .item-top,
html.jp-tm-clean .thumb:not(.avd-video-item) .qualtiy,
html.jp-tm-clean .thumb:not(.avd-video-item) .time,
html.jp-tm-clean .thumb:not(.avd-video-item) .line-premium,
html.jp-tm-clean .thumb:not(.avd-video-item) .line-private,
html.jp-tm-clean .thumb:not(.avd-video-item) .line-processing,
html.jp-tm-clean .thumb:not(.avd-video-item) .line-disabled,
html.jp-tm-clean .thumb:not(.avd-video-item) .line-error,
html.jp-tm-clean .thumb:not(.avd-video-item) .touch-preview,
html.jp-tm-clean .jp-match,
html.jp-tm-clean [class*="jp-match"],
html.jp-tm-clean .jp-shorts-play,
html.jp-tm-clean .jp-shorts-info,
html.jp-tm-clean .jp-shorts-title,
html.jp-tm-clean .jp-shorts-meta{display:none!important}
html.jp-tm-clean .thumb:not(.avd-video-item)>a>.img-holder::after,
html.jp-tm-clean .thumb_rel:not(.avd-video-item) .img-holder::after,
html.jp-tm-clean .jp-shorts-img:after{opacity:0!important;background:none!important;content:none!important}
html.jp-tm-clean .thumb:not(.avd-video-item)>a>.img-holder{margin-bottom:0!important}

/* BELOW — title + meta under thumb; keep HD/duration on image */
html.jp-tm-below .thumb:not(.avd-video-item)>a>.title{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  color:var(--rd-text,#eee)!important;white-space:normal!important;-webkit-line-clamp:2!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;z-index:auto!important;
  margin:8px 2px 4px!important;padding:0 2px!important;font-size:14px!important;font-weight:600!important;
  line-height:19px!important;text-shadow:none!important
}
html.jp-tm-below .thumb:not(.avd-video-item)>a>.thumb-bottom,
html.jp-tm-below .thumb:not(.avd-video-item)>a>.thumb-bottom-videos{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  z-index:auto!important;display:flex!important;margin:0 2px 6px!important;width:auto!important
}
html.jp-tm-below .thumb:not(.avd-video-item)>a>.thumb-bottom .thumb-item{color:var(--rd-muted,#9a9a9a)!important}
html.jp-tm-below .thumb:not(.avd-video-item)>a>.img-holder{margin-bottom:0!important}
html.jp-tm-below .thumb:not(.avd-video-item)>a>.img-holder::after,
html.jp-tm-below .thumb_rel:not(.avd-video-item) .img-holder::after{opacity:0!important;background:none!important}

/* d+e 2026-11-09 (e: vyssi specificita :not(#jp0):not(#jp1) proti puvodnim #id pravidlum reklam) (Michal t499u/t500u) */
/* BELOW — no overlay hover animation: title/info stay in place (only default mode keeps the slide/marquee) */
html.jp-tm-below .thumb:not(.avd-video-item)>a>.title,
html.jp-tm-below .thumb:not(.avd-video-item)>a:hover>.title,
html.jp-tm-below .thumb.jp-pv:not(.avd-video-item)>a>.title,
html.jp-tm-below .thumb:not(.avd-video-item)>a:hover>.title.jp-mq-on,
html.jp-tm-below .thumb.jp-pv:not(.avd-video-item)>a>.title.jp-mq-on{
  transform:none!important;transition:color .18s!important;width:auto!important;min-width:0!important;max-width:none!important;
  text-overflow:ellipsis!important;-webkit-mask:none!important;mask:none!important;--rd-ts:0!important;height:auto!important;
  min-height:38px!important
}
html.jp-tm-below .thumb:not(.avd-video-item)>a>.title>.jp-mq{animation:none!important;transform:none!important;display:inline!important;will-change:auto!important}
html.jp-tm-below .thumb:not(.avd-video-item)>a:hover>.img-holder:before,
html.jp-tm-below .thumb.jp-pv:not(.avd-video-item)>a>.img-holder:before{opacity:0!important;transform:none!important}
html.jp-tm-below .thumb:not(.avd-video-item)>a:hover>.img-holder>.item-bottom>*,
html.jp-tm-below .thumb.jp-pv:not(.avd-video-item)>a>.img-holder>.item-bottom>*{visibility:visible!important}
html.jp-tm-below .thumb:not(.avd-video-item)>a:hover>.img-holder>.item-bottom>.time{opacity:.7!important}
html.jp-tm-below .thumb:not(.avd-video-item)>a:hover>.img-holder>.item-bottom>.qualtiy{opacity:1!important}
html.jp-tm-below .thumb:not(.avd-video-item)>a>.thumb-bottom,html.jp-tm-below .thumb:not(.avd-video-item)>a:hover>.thumb-bottom,html.jp-tm-below .thumb.jp-pv:not(.avd-video-item)>a>.thumb-bottom{transform:none!important;opacity:.7!important;visibility:visible!important}
/* BELOW — ad tiles: creative keeps its 16:9 box (no stretch), empty space below matches the text area of video cards */
html.jp-tm-below .thumb.avd-video-item{align-content:start!important}
html.jp-tm-below .thumb.avd-video-item:after{content:"";display:block;grid-column:1/-1;height:var(--jp-tm-adpad,76px)}
html.jp-tm-below:not(#jp0):not(#jp1) .thumb.avd-video-item:hover .msg-native-widget-item-title,
html.jp-tm-below:not(#jp0):not(#jp1) .thumb.avd-video-item:hover .exo-native-widget-item-title{transform:none!important}
/* CLEAN — ad tiles: only the image + "Advertisement" label */
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .msg-native-widget-item-content,
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .msg-native-widget-item-title,
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .msg-native-widget-item-text,
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .msg-native-widget-item-brand,
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .msg-native-widget-header,
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .exo-native-widget-item-content,
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .exo-native-widget-item-title,
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .exo-native-widget-item-text,
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .exo-native-widget-item-brand,
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item .exo-native-widget-header{display:none!important}
html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item>.ad-label,html.jp-tm-clean:not(#jp0):not(#jp1) .thumb.avd-video-item:hover>.ad-label{display:block!important;opacity:.7!important;visibility:visible!important}