/**
 * 轻蜂加速器主题 - 分类页专用样式
 * 仅在 taxonomy/category/tag 页面按需加载
 */

/* 确保侧边栏内容正确显示（仅限竞品分类页面） */
main .container .grid[class*="lg:grid-cols-12"] > aside[class*="lg:sticky"][class*="top-24"] {
    position: sticky !important;
    top: 6rem !important;
    align-self: start !important;
}

/* 确保grid容器正确显示 */
main .container .grid[class*="lg:grid-cols-12"] {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 竞品分类页面三栏布局优化 */
main .container .grid[class*="lg:grid-cols-12"] > aside[class*="lg:col-span-2"],
main .container .grid[class*="lg:grid-cols-12"] > section[class*="lg:col-span-7"],
main .container .grid[class*="lg:grid-cols-12"] > aside[class*="lg:col-span-3"] {
    display: block;
    width: 100%;
}

@media (min-width: 1024px) {
    main .container .grid[class*="lg:grid-cols-12"] {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 1.5rem;
    }

    main .container .grid[class*="lg:grid-cols-12"] > aside[class*="lg:col-span-2"] {
        grid-column: span 2 / span 2;
    }

    main .container .grid[class*="lg:grid-cols-12"] > section[class*="lg:col-span-7"] {
        grid-column: span 7 / span 7;
    }

    main .container .grid[class*="lg:grid-cols-12"] > aside[class*="lg:col-span-3"] {
        grid-column: span 3 / span 3;
    }
}

.compare-category-container {
    padding-top: 1.5rem !important;
}

.compare-category-container > .compare-category-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

main section.bg-white.border-b {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (min-width: 1024px) {
    .compare-category-sidebar-left > div:first-child,
    .compare-category-main > div:first-child,
    .compare-category-sidebar-right > div:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .compare-category-sidebar-left > div:first-child > *:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .compare-category-main > div:first-child > *:first-child {
        margin-top: 0 !important;
    }

    .compare-category-sidebar-left > div:first-child > *:first-child {
        margin-top: 0 !important;
    }

    .compare-category-sidebar-right > div:first-child > *:first-child {
        margin-top: 0 !important;
    }
}

/* 文章列表项样式（仅限竞品分类页面） */
main section[class*="bg-white"] article {
    transition: background-color 0.2s ease !important;
}

main section[class*="bg-white"] article:hover {
    background-color: #f9fafb !important;
}

.compare-nav-item:hover {
    background-color: #f9fafb !important;
}

.compare-nav-current {
    background-color: rgba(59, 130, 246, 0.1) !important;
}

.compare-nav-current:hover {
    background-color: rgba(59, 130, 246, 0.1) !important;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 竞品分类页面特定样式修复 */
main .container aside:last-of-type .fab.fa-apple,
main .container aside:last-of-type .fab.fa-android {
    font-size: 1.5rem !important;
    color: #3b82f6 !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
    min-width: 32px !important;
}

main .container aside:last-of-type a:hover .fab.fa-apple,
main .container aside:last-of-type a:hover .fab.fa-android {
    transform: scale(1.15) !important;
    color: #2563eb !important;
}

main .container aside:last-of-type .space-y-0 > li > a {
    padding: 1rem !important;
    border-radius: 0.5rem !important;
    transition: background-color 0.2s ease !important;
    font-weight: 500 !important;
}

main .container aside:last-of-type .space-y-0 > li > a:hover {
    background-color: #eff6ff !important;
}