/* =========================
   TOTO TUAN TU - AWARDS
========================= */

/* Ảnh có thể phóng to */
.tt-awards img {
    cursor: zoom-in;
    transition:
        transform 0.35s ease,
        filter 0.35s ease,
        box-shadow 0.35s ease;
}

/* Hover chỉ áp dụng thiết bị có chuột */
@media (hover: hover) {

    .tt-awards img:hover {
        transform: scale(1.045);
        filter: brightness(1.03);
    }

}

/* LIGHTBOX */
.tt-awards-lightbox {
    position: fixed;
    z-index: 999999;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 30px;

    background: rgba(0, 0, 0, 0.88);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.tt-awards-lightbox.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Ảnh lớn */
.tt-awards-lightbox-image {
    display: block;

    max-width: 92vw;
    max-height: 88vh;

    width: auto;
    height: auto;

    object-fit: contain;

    background: #fff;

    border-radius: 4px;

    box-shadow:
        0 20px 70px rgba(0, 0, 0, 0.45);

    transform: scale(0.94);

    transition: transform 0.3s ease;

    cursor: default;
}

.tt-awards-lightbox.active .tt-awards-lightbox-image {
    transform: scale(1);
}

/* Nút đóng */
.tt-awards-lightbox-close {
    position: absolute;

    top: 18px;
    right: 24px;

    width: 46px;
    height: 46px;

    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;

    background: rgba(0,0,0,.25);

    color: #fff;

    font-size: 32px;
    line-height: 40px;

    text-align: center;

    cursor: pointer;

    transition: all .25s ease;
}

.tt-awards-lightbox-close:hover {
    background: #a47f36;
    border-color: #a47f36;
    transform: rotate(90deg);
}


/* MOBILE */
@media (max-width: 767px) {

    .tt-awards-lightbox {
        padding: 15px;
    }

    .tt-awards-lightbox-image {
        max-width: 96vw;
        max-height: 82vh;
    }

    .tt-awards-lightbox-close {
        top: 12px;
        right: 12px;

        width: 40px;
        height: 40px;

        font-size: 27px;
        line-height: 34px;
    }

}