/* =========================================================
   太陽エンジニアリンク：画像 Logo
   中文注释：这份样式只负责母版页头部和页脚的新 Logo，
   不会影响右侧会动的小太阳助手。
   ========================================================= */

/* 中文注释：取消 Bootstrap navbar-brand 默认的多余右边距，避免导航栏被挤压。 */
.site-logo-link {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: min(290px, 42vw);
    margin-right: 1.25rem;
    padding: 0;
    text-decoration: none;
}

/* 中文注释：Logo 已经包含太阳、站名和说明文字，因此只显示图片即可。 */
.site-logo-image {
    display: block;
    width: auto;
    height: 58px;
    max-width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 8px 16px rgba(251, 133, 0, .08));
    transition: transform .2s ease, filter .2s ease;
}

.site-logo-link:hover .site-logo-image,
.site-logo-link:focus-visible .site-logo-image {
    transform: translateY(-1px) scale(1.015);
    filter: drop-shadow(0 11px 22px rgba(251, 133, 0, .16));
}

.site-logo-link:focus-visible {
    border-radius: 14px;
    outline: 3px solid rgba(251, 133, 0, .24);
    outline-offset: 5px;
}

/* 中文注释：页脚使用稍大的 Logo，但仍限制最大宽度。 */
.footer-logo-link {
    display: inline-flex;
    align-items: center;
    max-width: min(310px, 80vw);
    text-decoration: none;
}

.footer-logo-image {
    display: block;
    width: auto;
    height: 64px;
    max-width: 100%;
    object-fit: contain;
}

/* 中文注释：中等宽度屏幕稍微缩小 Logo，给右侧菜单留出空间。 */
@media (max-width: 1199px) {
    .site-logo-link {
        max-width: min(245px, 38vw);
        margin-right: .8rem;
    }

    .site-logo-image {
        height: 52px;
    }
}

/* 中文注释：手机端只缩小图片，不裁切站名和说明文字。 */
@media (max-width: 767px) {
    .site-logo-link {
        max-width: calc(100vw - 105px);
        margin-right: .35rem;
    }

    .site-logo-image {
        height: 46px;
    }

    .footer-logo-image {
        height: 56px;
    }
}

@media (max-width: 420px) {
    .site-logo-image {
        height: 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-logo-image {
        transition: none;
    }
}