/* =====================================================
   TAP2VIEW GLOBAL FOOTER BRANDING
   FILE:
   /assets/branding/tap2view-footer.css

   VERSION:
   05282026_V3

   PURPOSE:
   Universal TAP2VIEW footer branding
   system shared across ALL themes.

   FEATURES:
   - Rotating background compatible
   - Luxury glass compatible
   - Mobile optimized
   - Dark/light safe
   - Reusable architecture

===================================================== */

/* =====================================================
   FOOTER WRAPPER
===================================================== */

.tap2view-footer-wrap {

    position: relative;

    z-index: 10;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    margin-top: 34px;

    padding-top: 6px;

}

/* =====================================================
   FOOTER LINK
===================================================== */

.tap2view-footer-brand {

    position: relative;

    display: block;

    width: 132px;

    opacity: 0.84;

    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        filter 0.22s ease;

    /*
        Helps visibility on:
        - dark images
        - neon images
        - rainy scenes
        - football scenes
    */

    filter:
        drop-shadow(0 2px 10px rgba(0, 0, 0, 0.45));

}

/* =====================================================
   FOOTER HOVER
===================================================== */

.tap2view-footer-brand:hover {

    opacity: 1;

    transform:
        translateY(-2px);

    filter:

        drop-shadow(0 4px 14px rgba(0, 0, 0, 0.55)) brightness(1.04);

}

/* =====================================================
   FOOTER IMAGE
===================================================== */

.tap2view-footer-brand img {

    width: 100%;

    height: auto;

    display: block;

    user-select: none;

    -webkit-user-drag: none;

    pointer-events: none;

}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 520px) {

    .tap2view-footer-wrap {

        margin-top: 28px;

    }

    .tap2view-footer-brand {

        width: 116px;

        opacity: 0.88;

    }

}