/* Skin lễ kỷ niệm 13/2
 * 3 video hero (Admin): mobile ≤767 · tablet 768–991 · desktop ≥992
 * Selector hiện phải dài hơn rule ẩn, không thì video luôn display:none.
 */

body.event-theme-le-ky-niem-132 .hero-slider .hero-background {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .hero-bg-video.hero-theme-media {
    display: none !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: none;
    pointer-events: none;
    z-index: 1;
}

@media (max-width: 767px) {
    body.event-theme-le-ky-niem-132 .hero-slider .hero-bg-video.hero-theme-media.hero-theme-media--mobile {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.event-theme-le-ky-niem-132 .hero-slider .hero-bg-video.hero-theme-media.hero-theme-media--tablet {
        display: block !important;
    }
}

@media (min-width: 992px) {
    body.event-theme-le-ky-niem-132 .hero-slider .hero-bg-video.hero-theme-media.hero-theme-media--desktop {
        display: block !important;
    }
}

body.event-theme-le-ky-niem-132 .hero-slider:has(.hero-bg-video.hero-theme-media) {
    background-image: none !important;
}

/* Ô tìm kiếm neo trên thanh truy cập nhanh — cùng vị trí với giai-phong-thu-do */
body.event-theme-le-ky-niem-132 {
    --hero-layout-max: 100%;
    --hero-qa-side: 12px;
    --hero-qa-bottom: 0px;
    --hero-stack-gap: 25px;
    --hero-qa-h: 110px;
    --hero-banner-h: 0px;
    --hero-banner-gap: 0px;
}

@media (min-width: 744px) {
    body.event-theme-le-ky-niem-132 {
        --hero-qa-side: 24px;
        --hero-qa-h: 88px;
        --hero-stack-gap: 20px;
    }
}

@media (min-width: 992px) {
    body.event-theme-le-ky-niem-132 {
        --hero-layout-max: 1320px;
        --hero-qa-side: 4%;
        --hero-qa-h: 88px;
    }
}

@media (min-width: 1600px) {
    body.event-theme-le-ky-niem-132 {
        --hero-layout-max: 1440px;
        --hero-qa-h: 92px;
    }
}

@media (min-width: 2560px) {
    body.event-theme-le-ky-niem-132 {
        --hero-layout-max: 1680px;
        --hero-qa-side: 5%;
        --hero-qa-h: 9.5vh;
        --hero-stack-gap: 24px;
    }
}

body.event-theme-le-ky-niem-132 .sticky-quick-access-bar {
    display: none !important;
}

body.event-theme-le-ky-niem-132 .hero-slider {
    position: relative !important;
    display: block !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .hero-greeting,
body.event-theme-le-ky-niem-132 .hero-slider .hero-greeting .greeting-icon,
body.event-theme-le-ky-niem-132 .hero-slider .hero-greeting .greeting-welcome,
body.event-theme-le-ky-niem-132 .hero-slider .hero-greeting .greeting-text {
    display: none !important;
}

body.event-theme-le-ky-niem-132 .hero-slider > .hero-content.container,
body.event-theme-le-ky-niem-132 .hero-slider .hero-content {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 30;
    width: 100% !important;
    max-width: var(--hero-layout-max) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box;
    pointer-events: none;
}

body.event-theme-le-ky-niem-132 .hero-slider .hero-content .hero-search-form {
    pointer-events: auto;
}

body.event-theme-le-ky-niem-132 .hero-slider .hero-search-form {
    position: absolute !important;
    left: 50%;
    right: auto;
    top: auto !important;
    bottom: calc(var(--hero-qa-bottom) + var(--hero-qa-h) + var(--hero-stack-gap) + var(--hero-banner-h) + var(--hero-banner-gap)) !important;
    transform: translateX(-50%);
    width: min(520px, calc(100% - 30px));
    height: auto;
    max-width: 520px;
    margin: 0 !important;
    z-index: 6;
    overflow: visible;
    box-sizing: border-box;
    display: block !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .hero-search-form .search-icon {
    left: 18px;
    width: 16px;
    height: 16px;
}

body.event-theme-le-ky-niem-132 .hero-slider .hero-search-form .hero-search-input {
    padding: 12px 16px 12px 44px !important;
    font-size: 0.95rem !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .search-submit-btn {
    padding: 12px 28px !important;
    font-size: 0.95rem !important;
}

/* Dropdown vẫn sổ xuống, nổi trên thanh truy cập nhanh và mục tin tức */
body.event-theme-le-ky-niem-132 .hero-slider {
    overflow: visible !important;
}

body.event-theme-le-ky-niem-132 .hero-slider #heroSearchDropdown {
    top: calc(100% + 6px) !important;
    bottom: auto !important;
    margin-top: 0 !important;
    z-index: 1002 !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .quick-access-bar {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 4;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .quick-access-bar .container {
    border-radius: 28px 28px 0 0 !important;
    padding: 6px 16px 8px !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .quick-access-bar .row {
    gap: 6px !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .quick-access-item {
    padding: 6px 4px 8px !important;
    gap: 4px !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .quick-icon {
    width: 44px !important;
    height: 44px !important;
}

body.event-theme-le-ky-niem-132 .hero-slider .quick-label {
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
}