/*
 * 修复价格筛选peer-checked样式
 * 版本: v8.1.106
 * 描述: 修复Tailwind CSS peer-checked类不工作的问题
 */

/* 价格筛选单选按钮样式 - 修复选择器问题 */
.peer:checked ~ span .peer-checked\:border-blue-500 {
    border-color: #3b82f6 !important;
}

.peer:checked ~ span .peer-checked\:bg-blue-100 {
    background-color: #dbeafe !important;
}

.peer:checked ~ span .peer-checked\:text-blue-700 {
    color: #1d4ed8 !important;
}

.peer:checked ~ span .peer-checked\:block {
    display: block !important;
}

/* 确保默认隐藏勾选图标 */
.peer-checked\:block {
    display: none !important;
}

/* 调试文字样式 */
.text-xs.text-red-500 {
    color: #ef4444 !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

/* 移动端特殊处理 - 确保移动端也遵循单选逻辑 */
@media (max-width: 768px) {
    /* 强制隐藏所有未选中的勾选图标 */
    .peer-checked\:block {
        display: none !important;
    }
    
    /* 强制显示选中的勾选图标 */
    .peer:checked ~ span .peer-checked\:block {
        display: block !important;
    }
    
    /* 移动端价格筛选区域特殊处理 */
    #filterSidebar .peer-checked\:block {
        display: none !important;
    }
    
    #filterSidebar .peer:checked ~ span .peer-checked\:block {
        display: block !important;
    }
    
    /* 确保移动端单选按钮样式正确 */
    .peer:checked ~ span .peer-checked\:border-blue-500 {
        border-color: #3b82f6 !important;
    }
    
    .peer:checked ~ span .peer-checked\:bg-blue-100 {
        background-color: #dbeafe !important;
    }
}