/* RossopepeTV: footer refinement. Load after display-footer-crystal.css. */
.footer-bar {
    /* Room for the doubled weekday, including MERCOLEDÌ. */
    grid-template-columns: minmax(0,8fr) minmax(0,55fr) minmax(0,9fr) minmax(0,21fr) minmax(0,7fr);
    grid-template-rows: minmax(0, 1fr);
    background-color: rgba(32, 36, 44, .64);
    background-image:
        linear-gradient(115deg, rgba(255,255,255,.15), rgba(255,255,255,0) 38%, rgba(255,255,255,.07) 72%, rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.13) 44%, rgba(0,0,0,.32) 100%);
    border-color: rgba(255,255,255,.52);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    backdrop-filter: blur(24px) saturate(180%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78),
                inset 0 2px 5px rgba(255,255,255,.13),
                inset 0 -1px 2px rgba(0,0,0,.25),
                0 2px 5px rgba(0,0,0,.12);
}
.footer-bar .tv-brand { min-height: 0; }
.footer-bar .tv-brand img { width: 100%; height: 100%; object-fit: contain; }

/* Transparent borders preserve the existing column spacing. */
.footer-bar .news { border-left-color: transparent; border-right-color: transparent; }
.footer-bar .time { border-left-color: transparent; }
.footer-bar .news, .footer-bar .date, .footer-bar .time { position: relative; }
.footer-bar .news::before,
.footer-bar .news::after,
.footer-bar .date::before,
.footer-bar .time::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 6.8vh;
    border-radius: 2px;
    /* Dark groove on the left, reflected light on the right. */
    background: linear-gradient(90deg, rgba(18,23,31,.50) 0%, rgba(18,23,31,.50) 50%, rgba(255,255,255,.53) 50%, rgba(255,255,255,.53) 100%);
    box-shadow: -1px 0 1px rgba(0,0,0,.07);
    pointer-events: none;
}
.footer-bar .news::before, .footer-bar .time::before { left: -1px; }
.footer-bar .news::after { right: -1px; }
.footer-bar .date::before { left: 0; }

/* Lift the content, keeping the separators centered on the footer. */
.footer-bar .news-top, .footer-bar .news-motion-window { position: relative; top: -.4vh; }
.footer-bar .date { text-align: right; }
.footer-bar .date strong {
    font-size: 5.2vh;
    line-height: 1.05;
    letter-spacing: -.045em;
    white-space: nowrap;
}
.footer-bar .date span {
    font-size: 2.2vh;
    line-height: 1.15;
    margin-top: .6vh;
    white-space: nowrap;
}