/**
 * BlindCalc Global Styles
 * 应用于所有插件页面的全局样式
 */

/* 移除侧边栏，全宽显示 - 应用于所有插件页面 */
body.page .site-content,
body.page .entry-content,
body.page #primary,
body.page .content-area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page #secondary,
body.page .sidebar,
body.page aside {
    display: none !important;
}

/* 展示类页面使用全宽 - 仅针对 job-detail 容器 */
.rdai-job-detail-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* 表单类页面使用居中布局 - measure 等保持原样 */
.rdai-blindcalc-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* Login 和 Register 页面 - 全宽显示，表单居中 */
.rdai-login-form-container,
.rdai-register-form-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* Login 和 Register 表单本身保持适当宽度 */
.rdai-login-form-container form,
.rdai-register-form-container form {
    max-width: 450px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .rdai-job-detail-container,
    .rdai-blindcalc-container,
    .rdai-login-form-container,
    .rdai-register-form-container {
        padding: 20px 15px;
    }

    /* 手机上表单也全宽 */
    .rdai-login-form-container form,
    .rdai-register-form-container form {
        max-width: 100%;
    }
}