/* YMY – verze 0 „originál“: doplňky k původním stylům THINE místo stylů pluginů
   (Revolution Slider, Titan Lightbox, FlexSlider, Foundation top-bar). Vzhled se nemění. */

/* slider v hlavičce – prolínání + Ken Burns (dříve Revolution Slider) */
/* animované „loading“ ikony pluginů už nejsou potřeba */
#header-slider-container, .uxb-port-loading-text, .image-slider-wrapper { background-image: none !important; }
#header-slider, #header-slider > ul { position: absolute; inset: 0; height: 100%; margin: 0; padding: 0; list-style: none; }
#header-slider > ul > li { position: absolute; inset: 0; opacity: 0; overflow: hidden; transition: opacity .5s ease; }
#header-slider > ul > li.is-active { opacity: 1; z-index: 1; }
#header-slider > ul > li img { width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; }
.tp-bullets { position: absolute; z-index: 20; }
.tparrows {
  position: absolute; z-index: 20; top: 50%; width: 40px; height: 40px; margin-top: -20px; line-height: 40px;
  cursor: pointer; opacity: 0; transition: opacity .2s ease, background .12s ease-in-out;
}
#header-slider-container:hover .tparrows { opacity: 1; }
#root-container .tparrows.uxb-custom-nav.tp-rightarrow { right: 30px; }

/* obrázek v obsahu (dříve FlexSlider) */
.image-slider-wrapper .image-slider { list-style: none; margin: 0; padding: 0; }
.image-slider-wrapper .image-slider img { display: block; width: 100%; height: auto; }

/* lightbox (dříve Titan Lightbox) */
.ymy-lightbox { padding: 0; border: 0; background: transparent; max-width: 96vw; max-height: 96vh; overflow: visible; }
.ymy-lightbox::backdrop { background: rgba(0, 0, 0, .85); }
.ymy-lightbox img { display: block; max-width: 92vw; max-height: 86vh; width: auto; height: auto; box-shadow: 0 0 30px rgba(0, 0, 0, .5); background: #fff; padding: 6px; }
.ymy-lightbox button {
  position: absolute; border: 0; background: rgba(255, 255, 255, .5); color: #222; cursor: pointer;
  width: 44px; height: 44px; font: 24px/44px 'Ionicons'; text-align: center; transition: background .12s ease-in-out;
}
.ymy-lightbox button:hover { background: rgba(255, 255, 255, .9); }
.ymy-lightbox .lb-prev { left: 6px; top: 50%; margin-top: -22px; }
.ymy-lightbox .lb-next { right: 6px; top: 50%; margin-top: -22px; }
.ymy-lightbox .lb-close { right: 6px; top: 6px; }
.ymy-lightbox .lb-prev::before { content: '\f153'; }
.ymy-lightbox .lb-next::before { content: '\f154'; }
.ymy-lightbox .lb-close::before { content: '\f12a'; }
.ymy-lightbox.single .lb-prev, .ymy-lightbox.single .lb-next, .ymy-lightbox.single .lb-count { display: none; }
.ymy-lightbox .lb-count { position: absolute; left: 0; right: 0; bottom: -28px; text-align: center; color: #ccc; font: 12px 'Open Sans', sans-serif; }

/* mobilní menu (dříve Foundation top-bar JS): podmenu se rozbalí pod položkou */
#mobile-menu .top-bar-section .dropdown { display: none; position: static; }
#mobile-menu .top-bar-section li.open > .dropdown { display: block; }
#mobile-menu .top-bar-section .dropdown li > a { padding-left: 30px; font-weight: normal; }

/* bez JavaScriptu: obsah viditelný i tak */
.no-js #tagline { opacity: 1; }
.no-js #sidebar-wrapper { opacity: 1; position: static; }
.no-js .uxb-port-loaded-element-wrapper, .no-js .uxb-port-element-item, .no-js .image-slider-wrapper .image-slider { opacity: 1; visibility: visible; }
.no-js .uxb-port-loading-text { display: none; }
.no-js #header-slider > ul > li:first-child { opacity: 1; }
.no-js .image-slider-wrapper { height: auto; min-height: 0; }
.no-js #content-container .image-slider-wrapper li:first-child { display: block; }

/* upozornění na stránky, které v demu nejsou (jen demo) */
.ymy-toast {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 9999; max-width: 92vw;
  background: #333; color: #fff; padding: 12px 18px; font: 13px/1.5 'Open Sans', sans-serif; box-shadow: 0 4px 18px rgba(0, 0, 0, .25);
  opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s;
}
.ymy-toast.on { opacity: 1; visibility: visible; }
.ymy-toast a { color: #ff9a96; }