/* --- europa server icon (Debian) --- */
.widget-type-server-stats .server:nth-child(1) .server-icon {
    width: 24px;
    height: 24px;
    background-image: url('/assets/openlogo-nd.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-type-server-stats .server:nth-child(1) .server-icon > * {
    display: none;
}

/* --- titan server icon (Asahi Linux) --- */
.widget-type-server-stats .server:nth-child(2) .server-icon {
    width: 24px;
    height: 24px;
    background-image: url('/assets/AsahiLinux_logomark.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-type-server-stats .server:nth-child(2) .server-icon > * {
    display: none;
}

/* --- polish: smooth hover transitions --- */
a {
    transition: color 0.15s ease, opacity 0.15s ease;
}

.widget-type-bookmarks .bookmark-group a:hover {
    opacity: 0.85;
}

/* --- polish: subtly soften section dividers --- */
hr {
    border-color: hsl(var(--color-subdue-h) var(--color-subdue-s) var(--color-subdue-l) / 0.15);
}

/* --- polish: container fade-in --- */
#page-content > div {
    animation: fade-in 0.3s ease;
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- polish: frameless widget padding --- */
.widget-type-custom-api[data-frameless="true"] .widget-content {
    padding: 0;
}

/* --- polish: search bar elevation on startpage --- */
.page-slug-startpage .widget-type-search {
    margin-bottom: 24px;
}

/* --- polish: compact monitor badges --- */
.widget-type-monitor .monitor-site .color-highlight {
    font-weight: 500;
}