.elementor-478 .elementor-element.elementor-element-731ee79{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:6vw;--padding-bottom:2vw;--padding-left:5vw;--padding-right:5vw;}.elementor-478 .elementor-element.elementor-element-50857dc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:20;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-478 .elementor-element.elementor-element-86a5851{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-c3b1ab8{--swiper-slides-to-display:5;--swiper-slides-gap:20px;width:100%;max-width:100%;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-5%;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-5%;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;--arrow-normal-color:var( --e-global-color-primary );}.elementor-478 .elementor-element.elementor-element-090b472{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-478 .elementor-element.elementor-element-177749e{--grid-columns:5;--grid-row-gap:20px;--grid-column-gap:20px;}@media(max-width:1024px){.elementor-478 .elementor-element.elementor-element-50857dc{--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-478 .elementor-element.elementor-element-c3b1ab8{--swiper-slides-to-display:4;}.elementor-478 .elementor-element.elementor-element-177749e{--grid-columns:4;}}@media(max-width:767px){.elementor-478 .elementor-element.elementor-element-50857dc{--padding-top:20%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-478 .elementor-element.elementor-element-c3b1ab8{--swiper-slides-to-display:1;}.elementor-478 .elementor-element.elementor-element-32baea4{z-index:10;}.elementor-478 .elementor-element.elementor-element-177749e{--grid-columns:2;z-index:10;}}/* Start custom CSS for loop-carousel, class: .elementor-element-c3b1ab8 *//* 0) Anti-horizontal scroll (globálně) */
html, body{
max-width: 100%;
overflow-x: clip;
}
@supports not (overflow-x: clip){
html, body{ overflow-x: hidden; }
}
/* Elementor / šablony někdy přidávají wrapper, který taky může přetékat */
#page, .site, .elementor-site, .dialog-off-canvas-main-canvas{
overflow-x: clip;
}
@supports not (overflow-x: clip){
#page, .site, .elementor-site, .dialog-off-canvas-main-canvas{
overflow-x: hidden;
}
}
/* 1) Povolit přesahy jen v sekcích mkts (pro hover scale a šipky) */
@media (min-width: 1025px){
/* sekce + feed */
.mkts-sekce-poradu,
.mkts-sekce-poradu .mkts-feed-poradu{
overflow: visible !important;
}
/* loop carousel widget a jeho swipery */
.mkts-sekce-poradu .mkts-loop,
.mkts-sekce-poradu .mkts-loop .elementor-widget-loop-carousel,
.mkts-sekce-poradu .mkts-loop .swiper,
.mkts-sekce-poradu .mkts-loop .swiper-wrapper{
overflow: visible !important;
}
/* Elementor kontejnery někdy clipují */
.mkts-sekce-poradu .e-con,
.mkts-sekce-poradu .e-con-inner{
overflow: visible !important;
}
}
/* 2) Šipky – logika viditelnosti */
.mkts-sekce-poradu .elementor-swiper-button-prev.swiper-button-disabled,
.mkts-sekce-poradu .elementor-swiper-button-prev[aria-disabled="true"]{
opacity: 0 !important;
pointer-events: none !important;
}
/* Hover-only chování jen na zařízení s myší */
@media (hover: hover) and (pointer: fine){
/* default: šipky schované */
.mkts-sekce-poradu .mkts-loop .elementor-swiper-button{
opacity: 0;
pointer-events: none;
transition: opacity .18s ease;
}
/* při najetí na widget: šipky vidět */
.mkts-sekce-poradu .mkts-loop:hover .elementor-swiper-button,
.mkts-sekce-poradu .mkts-loop:focus-within .elementor-swiper-button{
opacity: 1;
pointer-events: auto;
}
/* disabled vždy schovat */
.mkts-sekce-poradu .elementor-swiper-button.swiper-button-disabled,
.mkts-sekce-poradu .elementor-swiper-button[aria-disabled="true"]{
opacity: 0 !important;
pointer-events: none !important;
}
}
/* 3) Stíny a z-index šipek */
.mkts-sekce-poradu .elementor-swiper-button svg{
filter:
drop-shadow(0 3px 6px rgba(0,0,0,.75))
drop-shadow(0 10px 22px rgba(0,0,0,.65));
}
.mkts-sekce-poradu .elementor-swiper-button{
z-index: 15 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50857dc *//* Disney+ hover efekt: zvětšení coveru + bílý rámeček s mezerou */
@media (hover: hover) and (pointer: fine){
/* ať se hoverovaný slide překryje přes sousední */
.mkts-sekce-poradu .swiper-slide{
position: relative;
overflow: visible !important;
}
.mkts-sekce-poradu .swiper-slide:hover,
.mkts-sekce-poradu .swiper-slide:focus-within{
z-index: 50;
}
/* samotný cover (tvůj s background-image) */
.mkts-sekce-poradu .mkts-karta-dilu{
position: relative;
transform: translateZ(0);
transition: transform .18s ease;
will-change: transform;
}
/* rámeček kolem coveru + “spacing” mezi coverem a rámečkem */
.mkts-sekce-poradu .mkts-karta-dilu::after{
content: "";
position: absolute;
inset: -4px; /* mezera (gap) kolem coveru */
border: 3px solid rgba(255,255,255,.95);
border-radius: 13px; /* dolaď podle radiusu */
opacity: 0;
pointer-events: none;
transition: opacity .18s ease;
}
/* hover / focus */
.mkts-sekce-poradu .swiper-slide:hover .mkts-karta-dilu,
.mkts-sekce-poradu .swiper-slide:focus-within .mkts-karta-dilu{
transform: scale(1.06);
}
.mkts-sekce-poradu .swiper-slide:hover .mkts-karta-dilu::after,
.mkts-sekce-poradu .swiper-slide:focus-within .mkts-karta-dilu::after{
opacity: 1;
}
}
/* respektuj reduced-motion */
@media (prefers-reduced-motion: reduce){
.mkts-sekce-poradu .mkts-karta-dilu{
transition: none !important;
transform: none !important;
}
.mkts-sekce-poradu .mkts-karta-dilu::after{
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-090b472 *//* Disney+ hover efekt: zvětšení coveru + bílý rámeček s mezerou */
@media (hover: hover) and (pointer: fine){
/* ať se hoverovaný slide překryje přes sousední */
.mkts-sekce-poradu .swiper-slide{
position: relative;
overflow: visible !important;
}
.mkts-sekce-poradu .swiper-slide:hover,
.mkts-sekce-poradu .swiper-slide:focus-within{
z-index: 50;
}
/* samotný cover (tvůj s background-image) */
.mkts-sekce-poradu .mkts-karta-dilu{
position: relative;
transform: translateZ(0);
transition: transform .18s ease;
will-change: transform;
}
/* rámeček kolem coveru + “spacing” mezi coverem a rámečkem */
.mkts-sekce-poradu .mkts-karta-dilu::after{
content: "";
position: absolute;
inset: -4px; /* mezera (gap) kolem coveru */
border: 3px solid rgba(255,255,255,.95);
border-radius: 13px; /* dolaď podle radiusu */
opacity: 0;
pointer-events: none;
transition: opacity .18s ease;
}
/* hover / focus */
.mkts-sekce-poradu .swiper-slide:hover .mkts-karta-dilu,
.mkts-sekce-poradu .swiper-slide:focus-within .mkts-karta-dilu{
transform: scale(1.06);
}
.mkts-sekce-poradu .swiper-slide:hover .mkts-karta-dilu::after,
.mkts-sekce-poradu .swiper-slide:focus-within .mkts-karta-dilu::after{
opacity: 1;
}
}
/* respektuj reduced-motion */
@media (prefers-reduced-motion: reduce){
.mkts-sekce-poradu .mkts-karta-dilu{
transition: none !important;
transform: none !important;
}
.mkts-sekce-poradu .mkts-karta-dilu::after{
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-731ee79 */.mkts-nejnovejsi{
position: relative;
}
.mkts-nejnovejsi::after{
content:"";
position:absolute;
top:0; left:0; right:0;
height: 40%;
pointer-events:none;
background: linear-gradient(to bottom,
rgba(0,0,0,.90) 0%,
rgba(0,0,0,0) 100%
);
z-index: 1; /* uprav podle toho, nad čím to má být */
}/* End custom CSS */