/* Lelakarts: adjust these values to change logo size or video shading.
   Overlay: 0 = none, 0.15 = 15% black, 0.6 = original theme shading. */
:root {
    --lelakarts-video-overlay: 0;
    --lelakarts-logo-width: 150px;
    --lelakarts-mobile-logo-width: 150px;
}

/* Only the Foliex YouTube hero widget, including Elementor's preview. */
.elementor-widget-bdevs-home-youtube-video .overlay-dark-60-video::before {
    background: rgba(0, 0, 0, var(--lelakarts-video-overlay)) !important;
}

/* Keep the theme's scroll visibility animation; expand the open logo slot. */
header .header-navigation-logo .logo-holder:not(.closed) {
    width: var(--lelakarts-logo-width);
    height: 40px;
    vertical-align: middle;
    bottom: 0;
}
header .header-navigation-logo .logo-holder > a {
    display: inline-flex;
    width: var(--lelakarts-logo-width);
    height: 40px;
    align-items: center;
    justify-content: center;
}
header .header-navigation-logo .logo-holder img {
    width: var(--lelakarts-logo-width);
    height: 16px;
    max-width: 100%;
    max-height: 16px;
    object-fit: contain;
    image-rendering: auto;
}
header .header-navigation-xs .logo-holder {
    width: var(--lelakarts-mobile-logo-width);
    height: 40px;
    padding: 0;
}
header .header-navigation-xs .logo-holder img {
    width: var(--lelakarts-mobile-logo-width);
    height: 16px;
    max-width: 100%;
    max-height: 16px;
    object-fit: contain;
    image-rendering: auto;
}
/* Extra room toward the menu shifts the logo left within the centered header.
   Closed state retains Foliex's original collapse animation. */
header .header-navigation-logo .logo-holder:not(.closed) {
    margin-left: 0;
    margin-right: 50px;
}
header .header-navigation-xs .logo-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* YouTube cannot disable its title via showinfo. Mask the top title strip
   against the existing black letterbox, without resizing or zooming video.
   This also covers picture pixels if the source reaches this area. */
:root {
    --lelakarts-youtube-title-mask: 90px;
}
.elementor-widget-bdevs-home-youtube-video .hero-fullscreen.overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--lelakarts-youtube-title-mask);
    background: #000;
    z-index: 2;
    pointer-events: none;
}