/* Eger Termál – Helyi Reels 4.11.0 */
.etlr-responsive-reels,.etlr-responsive-reels *,.etlr-gallery,.etlr-gallery *{box-sizing:border-box}
.etlr-responsive-reels,.etlr-gallery{display:block;width:100%;max-width:100%;min-width:0;overflow:visible}
.etlr-grid{display:grid;width:100%;max-width:100%;min-width:0;margin:0;padding:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:start}
.etlr-mobile-grid{display:none}
.etlr-card-item{display:block;position:relative;width:100%;min-width:0;max-width:100%;margin:0;padding:0;overflow:visible}
.etlr-video-shell{position:relative;display:block;width:100%;max-width:100%;min-width:0;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:#111;isolation:isolate;contain:layout paint}
.etlr-poster-button{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:#111;overflow:hidden;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-align:left}
.etlr-poster-image{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;object-fit:cover!important;object-position:center center!important;vertical-align:top}
.etlr-poster-fallback{position:absolute;inset:0;display:block;background:linear-gradient(145deg,#252525,#101010)}
.etlr-play-icon{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.64);box-shadow:0 2px 10px rgba(0,0,0,.22);pointer-events:none}
.etlr-play-icon span{display:block;width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #fff}
.etlr-poster-button:hover .etlr-play-icon{background:rgba(0,0,0,.78)}
.etlr-poster-button:focus-visible{outline:3px solid #fff;outline-offset:-5px;box-shadow:inset 0 0 0 6px rgba(0,90,170,.8)}
.etlr-live-video{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;object-fit:contain!important;object-position:center center!important;background:#000!important}
.etlr-description{display:block;width:100%;max-width:100%;margin:8px 0 0;padding:0;font-size:14px;line-height:1.45;font-weight:500;color:#222;overflow-wrap:anywhere;word-break:normal}
.etlr-empty-front{margin:0}
/* Gallery retains the mixed aspect-ratio masonry layout. */
.etlr-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:8px;gap:16px;align-items:start;width:100%;min-width:0}
.etlr-gallery-item{min-width:0;grid-column:span 1}
.etlr-gallery-item.etlr-orientation-portrait .etlr-video-shell{aspect-ratio:9/16}
.etlr-gallery-item.etlr-orientation-landscape .etlr-video-shell{aspect-ratio:16/9}
.etlr-gallery-item.etlr-orientation-square .etlr-video-shell{aspect-ratio:1/1}
.etlr-gallery-item .etlr-video-shell{border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.etlr-gallery-item .etlr-description{padding:0 3px}
@media(max-width:1399px){.etlr-desktop-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.etlr-gallery-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:8px}}
@media(max-width:1099px){.etlr-desktop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.etlr-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;grid-auto-rows:8px}}
@media(max-width:767px){
 .etlr-desktop-grid{display:none!important}.etlr-mobile-grid{display:block!important;width:100%!important}
 .etlr-mobile-grid .etlr-card-item{width:100%;min-width:0}.etlr-mobile-grid .etlr-video-shell{width:100%;aspect-ratio:9/16;border-radius:12px}.etlr-mobile-grid .etlr-poster-image{object-fit:cover!important}.etlr-play-icon{width:38px;height:38px}.etlr-play-icon span{border-top-width:6px;border-bottom-width:6px;border-left-width:9px}.etlr-description{font-size:14px;line-height:1.45;margin-top:7px}
 .etlr-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-auto-rows:7px}.etlr-gallery-item{grid-column:span 1}.etlr-gallery-item .etlr-video-shell{border-radius:11px}.etlr-gallery-item .etlr-description{font-size:13px;margin-top:6px}
}
@media(max-width:390px){.etlr-gallery-grid{gap:8px;grid-auto-rows:6px}.etlr-play-icon{width:36px;height:36px}}
@media(min-width:768px){.etlr-mobile-grid{display:none!important}.etlr-desktop-grid{display:block!important}}
@media(prefers-reduced-motion:reduce){.etlr-poster-button,.etlr-play-icon{transition:none}}
@media(forced-colors:active){.etlr-poster-button{border:2px solid ButtonText}.etlr-play-icon{border:2px solid ButtonText;background:ButtonFace}.etlr-play-icon span{border-left-color:ButtonText}}
.etlr-video-error{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;text-align:center;color:#fff;background:#111;font-size:14px;line-height:1.45}

/* Responsive carousel 4.10.0. Do not contain vertical scroll: the page must keep scrolling over a card. */
.etlr-responsive-reels [hidden]{display:none!important}
.etlr-responsive-reels .etlr-carousel-controls{display:flex;align-items:center;gap:10px;width:100%;min-width:0;margin:0;padding:0}
.etlr-responsive-reels .etlr-carousel-controls-desktop{justify-content:flex-end;margin:0 0 12px}
.etlr-responsive-reels .etlr-carousel-controls-mobile{display:none}
.etlr-responsive-reels .etlr-carousel-button{appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #d3dce0;border-radius:50%;background:#fff;color:#173e45;font:inherit;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(12,40,46,.09);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.etlr-responsive-reels .etlr-carousel-button:hover:not(:disabled){background:#0a9fb6;color:#fff;border-color:#0a9fb6}
.etlr-responsive-reels .etlr-carousel-button:focus-visible{outline:3px solid #0a9fb6;outline-offset:3px}
.etlr-responsive-reels .etlr-carousel-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.etlr-responsive-reels .etlr-carousel-viewport{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0;padding:0;border:0;background:transparent;outline-offset:4px;overscroll-behavior:auto!important;}
.etlr-responsive-reels .etlr-desktop-grid{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.etlr-responsive-reels .etlr-desktop-grid::-webkit-scrollbar{display:none}
.etlr-responsive-reels .etlr-mobile-grid{display:none!important}
.etlr-responsive-reels .etlr-carousel-track{display:flex!important;flex-flow:row nowrap!important;align-items:flex-start;gap:16px;width:max-content;min-width:100%;max-width:none;margin:0;padding:0;transform:none!important;transition:none!important}
.etlr-responsive-reels .etlr-carousel-track>.etlr-card-item{display:block;flex:0 0 180px;width:auto;min-width:0!important;max-width:none!important;margin:0!important;scroll-snap-align:start}
.etlr-responsive-reels .etlr-video-shell{width:100%}
.etlr-responsive-reels .etlr-carousel-status{margin-right:auto;color:#53666a;font-size:12px}
.etlr-responsive-reels .etlr-carousel-status-visible{color:#53666a;font-size:13px;line-height:1.35}
.etlr-responsive-reels .etlr-sr-only{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}
@media(max-width:767px){
 .etlr-responsive-reels .etlr-carousel-controls-desktop{display:none!important}
 .etlr-responsive-reels .etlr-desktop-grid{display:none!important}
 .etlr-responsive-reels .etlr-carousel-controls-mobile{display:flex!important}
 .etlr-responsive-reels .etlr-carousel-controls-mobile-prev{justify-content:flex-start;margin:0 0 8px}
 .etlr-responsive-reels .etlr-carousel-controls-mobile-next{justify-content:space-between;margin:12px 0 0}
 .etlr-responsive-reels .etlr-mobile-grid{display:block!important;overflow:visible!important;height:auto!important;max-height:none!important;contain:none!important;scroll-behavior:auto;scroll-snap-type:none}
 .etlr-responsive-reels .etlr-carousel-track{display:flex!important;flex-flow:column nowrap!important;align-items:stretch;gap:18px;width:100%!important;min-width:0!important;max-width:100%!important;transform:none!important;transition:none!important}
 .etlr-responsive-reels .etlr-carousel-track>.etlr-card-item{display:block;flex:0 0 auto;width:100%!important;min-width:0!important;max-width:100%!important;scroll-snap-align:none}
 .etlr-responsive-reels .etlr-mobile-grid .etlr-video-shell{display:block;width:100%;max-width:100%;aspect-ratio:9/16}
 .etlr-responsive-reels .etlr-mobile-grid .etlr-description{overflow-wrap:anywhere}
}
@media(min-width:768px){.etlr-responsive-reels .etlr-carousel-controls-mobile{display:none!important}.etlr-responsive-reels .etlr-desktop-grid{display:block!important}.etlr-responsive-reels .etlr-mobile-grid{display:none!important}}
@media(prefers-reduced-motion:reduce){.etlr-responsive-reels .etlr-carousel-button{transition:none!important}.etlr-responsive-reels .etlr-desktop-grid{scroll-behavior:auto!important}}
@media(forced-colors:active){.etlr-responsive-reels .etlr-carousel-button{border:2px solid ButtonText;color:ButtonText;background:ButtonFace}}

/* v4.11.0: desktop edge-overlay controls; mobile shows selected videos + a single destination link. */
.etlr-responsive-reels [hidden] { display: none !important; }
.etlr-responsive-reels .etlr-desktop-carousel-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    --etlr-arrow-center: 42%;
}
.etlr-responsive-reels .etlr-desktop-carousel-wrap > .etlr-carousel-controls-desktop {
    position: absolute;
    z-index: 20;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    pointer-events: none;
}
.etlr-responsive-reels .etlr-carousel-controls-desktop .etlr-carousel-button {
    position: absolute;
    top: var(--etlr-arrow-center);
    display: grid;
    place-items: center;
    width: clamp(42px, 3vw, 54px);
    height: clamp(42px, 3vw, 54px);
    min-width: clamp(42px, 3vw, 54px);
    min-height: clamp(42px, 3vw, 54px);
    padding: 0;
    border: 1px solid rgba(10, 159, 182, .45);
    border-radius: 50%;
    background: rgba(255, 255, 255, .78);
    color: #087f91;
    font-size: clamp(23px, 1.7vw, 30px);
    line-height: 1;
    box-shadow: 0 3px 14px rgba(0, 30, 40, .16);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    opacity: .86;
    pointer-events: auto;
    transition: background-color .16s ease, opacity .16s ease, border-color .16s ease;
}
.etlr-responsive-reels .etlr-carousel-controls-desktop .etlr-carousel-button-prev {
    left: 0;
    right: auto;
    transform: translate(-50%, -50%);
}
.etlr-responsive-reels .etlr-carousel-controls-desktop .etlr-carousel-button-next {
    right: 0;
    left: auto;
    transform: translate(50%, -50%);
}
.etlr-responsive-reels .etlr-carousel-controls-desktop .etlr-carousel-button:hover:not(:disabled) {
    background: rgba(255, 255, 255, .96);
    border-color: rgba(10, 159, 182, .75);
    opacity: 1;
}
.etlr-responsive-reels .etlr-carousel-controls-desktop .etlr-carousel-button:focus-visible {
    outline: 3px solid #087f91;
    outline-offset: 3px;
    opacity: 1;
}
.etlr-responsive-reels .etlr-carousel-controls-desktop .etlr-carousel-button:disabled {
    opacity: .3;
}
.etlr-responsive-reels .etlr-desktop-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.etlr-responsive-reels .etlr-mobile-more-wrap { display: none !important; }
.etlr-responsive-reels .etlr-mobile-empty { display: none; }
@media (max-width: 767px) {
    .etlr-responsive-reels .etlr-desktop-carousel-wrap { display: none !important; }
    .etlr-responsive-reels .etlr-mobile-grid {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        max-height: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        contain: none !important;
        scroll-snap-type: none !important;
    }
    .etlr-responsive-reels .etlr-mobile-grid .etlr-carousel-track {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: clamp(18px, 5vw, 28px) !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        transition: none !important;
    }
    .etlr-responsive-reels .etlr-mobile-grid .etlr-card-item {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    .etlr-responsive-reels .etlr-mobile-grid .etlr-video-shell {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        aspect-ratio: 9 / 16 !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: clamp(10px, 3vw, 16px) !important;
    }
    .etlr-responsive-reels .etlr-mobile-grid .etlr-poster-button,
    .etlr-responsive-reels .etlr-mobile-grid .etlr-live-video {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
    }
    .etlr-responsive-reels .etlr-mobile-grid .etlr-poster-image { object-fit: cover !important; }
    .etlr-responsive-reels .etlr-mobile-grid .etlr-description {
        margin: 8px 2px 0 !important;
        font-size: clamp(14px, 3.8vw, 16px) !important;
        line-height: 1.45 !important;
        overflow-wrap: anywhere;
    }
    .etlr-responsive-reels .etlr-mobile-more-wrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: clamp(22px, 6vw, 32px) auto 4px !important;
        padding: 0 4px !important;
    }
    .etlr-responsive-reels .etlr-mobile-more-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 190px !important;
        min-height: 48px !important;
        margin: 0 auto !important;
        padding: 12px 22px !important;
        border: 1px solid #078fa7 !important;
        border-radius: 999px !important;
        background: #079fb7 !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: 0 4px 14px rgba(3, 105, 125, .18) !important;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }
    .etlr-responsive-reels .etlr-mobile-more-button:hover { background: #087f91 !important; color: #fff !important; }
    .etlr-responsive-reels .etlr-mobile-more-button:focus-visible { outline: 3px solid #075e6a !important; outline-offset: 4px !important; }
    .etlr-responsive-reels .etlr-mobile-more-arrow { font-size: 20px; line-height: 1; }
    .etlr-responsive-reels .etlr-mobile-empty {
        display: block;
        margin: 0;
        padding: 16px;
        color: #526469;
        font-size: 14px;
        text-align: center;
    }
}
@media (prefers-reduced-motion: reduce) {
    .etlr-responsive-reels .etlr-carousel-controls-desktop .etlr-carousel-button,
    .etlr-responsive-reels .etlr-mobile-more-button { transition: none !important; }
}


/* v4.11.1: prevent Elementor fixed-height/overflow wrappers from clipping later mobile cards. */
@media (max-width: 767px) {
    .etlr-responsive-reels.etlr-mobile-flow-natural,
    .etlr-responsive-reels .etlr-mobile-grid.etlr-mobile-flow-natural,
    .etlr-mobile-flow-expand {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        contain: none !important;
        clip-path: none !important;
    }
    .etlr-responsive-reels .etlr-mobile-grid.etlr-mobile-flow-natural {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-block: 0 !important;
    }
    .etlr-responsive-reels .etlr-mobile-grid.etlr-mobile-flow-natural > .etlr-carousel-track {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        position: relative !important;
        align-self: stretch !important;
    }
    .etlr-responsive-reels .etlr-mobile-grid.etlr-mobile-flow-natural > .etlr-carousel-track > .etlr-card-item {
        position: relative !important;
        inset: auto !important;
        height: auto !important;
        max-height: none !important;
        transform: none !important;
    }
    .etlr-responsive-reels .etlr-mobile-more-wrap {
        position: relative !important;
        clear: both !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        z-index: 1;
    }
}
