/* 优题库额外自定义样式 / WordPress 适配 */

/* Lucide 图标基础 */
i[data-lucide] {
    display: inline-block;
    vertical-align: middle;
}

/* WordPress 管理栏不遮挡 sticky header */
.admin-bar .sticky.top-0 {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar .sticky.top-0 {
        top: 46px;
    }
}

/* 首页分类筛选横向滚动时隐藏滚动条 */
.flex-nowrap.overflow-x-auto {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.flex-nowrap.overflow-x-auto::-webkit-scrollbar {
    display: none;
}

/* 链接默认无下划线 */
a {
    text-decoration: none;
}

/* 图片自适应 */
img {
    max-width: 100%;
    height: auto;
}

/* 表单元素继承字体 */
input, button, textarea, select {
    font-family: inherit;
}

/* 覆盖父主题 main.min.css 对 Tailwind secondary/accent 的劫持 */
body .bg-secondary,
body .bg-secondary\/5,
body .bg-secondary\/10,
body .bg-secondary\/40,
body .bg-secondary\/50 {
    background-color: var(--secondary) !important;
}
body .bg-secondary\/5 {
    background-color: color-mix(in oklab, var(--secondary) 5%, transparent) !important;
}
body .bg-secondary\/10 {
    background-color: color-mix(in oklab, var(--secondary) 10%, transparent) !important;
}
body .bg-secondary\/40 {
    background-color: color-mix(in oklab, var(--secondary) 40%, transparent) !important;
}
body .bg-secondary\/50 {
    background-color: color-mix(in oklab, var(--secondary) 50%, transparent) !important;
}
body .text-secondary-foreground {
    color: var(--secondary-foreground) !important;
}
body .hover\:bg-secondary:hover {
    background-color: var(--secondary) !important;
}
body .hover\:bg-secondary\/80:hover {
    background-color: color-mix(in oklab, var(--secondary) 80%, transparent) !important;
}
body .hover\:bg-accent:hover {
    background-color: var(--accent) !important;
}

/* 卡片 hover 微动画 */
.zhb-card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.zhb-card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
}

/* 多行文本截断 */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 提升关键工具类优先级，覆盖父主题非 @layer 规则 */
body .w-full {
    width: 100% !important;
}

body .line-clamp-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
}

body .min-h-\[3rem\] {
    min-height: 3rem !important;
}

body .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3 !important;
}

body .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10 !important;
}

/* 分类页移动端筛选面板 */
.filter-sidebar {
    display: none;
}
@media (min-width: 1024px) {
    .filter-sidebar {
        display: block;
    }
    .filter-toggle {
        display: none !important;
    }
}
.filter-sidebar.is-open {
    display: block;
}

/* 弹窗遮罩层 */
.zhb-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1rem;
}

/* 隐藏 WordPress 默认管理栏在前端的视觉干扰（可选） */
/* .no-admin-bar #wpadminbar { display: none; } */