/* Top Bar css - seems excessive - hehe */

.top-bar {
    position: relative;
    z-index: 3;
    background: linear-gradient(180deg, rgba(144, 130, 186, 0.20) -45.24%, rgba(214, 209, 228, 0.20) 51.64%, rgba(144, 130, 186, 0.20) 154.76%);
    padding: 7px;
    margin: 10px 10px 0;
    backdrop-filter: blur(2px);
    border-radius: 10px;
}
.top-bar .inside-top-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 15px;
    margin: auto;
}
.top-bar .inside-top-bar a {
    text-decoration: none;
}
.top-bar .inside-top-bar a:is(:hover, :focus, :active) {
    text-decoration: underline;
}
.top-bar .inside-top-bar a:is(:visited) {
    color: #FFF;
}
/* No page banner overrides */
body:not(:has(.page-banner.background-lavender-gradient)) .top-bar::before {
    content: "";
    background: linear-gradient(108deg, #A77BFF 0.55%, #6949FF 95.44%);;
    position: absolute;
    inset: -10px;
    z-index: -1;
}
/* Latest News Widget */
.top-bar.top-bar-align-right .widget:first-child {
    margin-left: 0;
}
.top-bar.top-bar-align-right .widget:nth-child(2) {
    margin-left: auto;
    order: 2;
}
.latest-news-widget {
    display: flex;
    align-items: center;
    gap: 13px;
    font-weight: 500;
}

.latest-news-badge {
    background: linear-gradient(135deg, #FF6B6B 0%, #EE5A6F 100%);
    color: #fff;
    padding: 5px 14px;
    border-radius: 7px;
    white-space: nowrap;
    line-height: 1.2;
}

.latest-news-title {
    color: #fff;
    font-weight: 500;
    flex: 1;
}

.latest-news-widget a.latest-news-link {
    color: rgba(255, 255, 255, 0.50);
    text-decoration: underline;
    white-space: nowrap;
    text-underline-offset: 4px;
    font-weight: 500;
}
.latest-news-widget a.latest-news-link:hover {
    color: var(--peach-light, #F8868A);
}

@media (max-width: 768px) {
    .top-bar {
        display: none;
    }
}