/* Header Override CSS - 覆盖或增强 BootstrapBlazor 的 header 样式 */

/* 针对常见 layout-header 选择器应用头部样式 */
.bb-layout .layout-main .layout-header,
.bb-layout .layout-header,
.layout .layout-main .layout-header,
.layout .layout-header,
.layout-header {
    background: var(--enterprise-primary, #1a365d) !important;
    background-color: var(--enterprise-primary, #1a365d) !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;

    position: relative !important;
    z-index: 10 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
}

/* 隐藏框架或主题可能添加的伪元素 */
.bb-layout .layout-main .layout-header::before,
.bb-layout .layout-main .layout-header::after,
.bb-layout .layout-header::before,
.bb-layout .layout-header::after,
.layout .layout-main .layout-header::before,
.layout .layout-main .layout-header::after,
.layout .layout-header::before,
.layout .layout-header::after,
.layout-header::before,
.layout-header::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* 确保头部内的子元素采用透明背景并覆盖默认样式 */
.bb-layout .layout-main .layout-header > *,
.bb-layout .layout-header > *,
.layout .layout-main .layout-header > *,
.layout .layout-header > *,
.layout-header > * {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 11 !important;
    padding: 0.75rem 1rem !important;
}

/* 清除 header wrapper 的默认样式 */
.bb-layout .layout-header-wrapper,
.layout .layout-header-wrapper,
.layout-header-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 清除内部 navbar 的默认样式 */
.bb-layout .layout-header .navbar,
.layout .layout-header .navbar,
.layout-header .navbar {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 企业头部标题样式 */
.enterprise-layout-title {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: white !important;
    letter-spacing: -0.025em !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.enterprise-layout-subtitle {
    font-size: 0.875rem !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 清除 container 的默认内边距以便布局更灵活 */
.bb-layout .layout-header .container,
.bb-layout .layout-header .container-fluid,
.layout .layout-header .container,
.layout .layout-header .container-fluid,
.layout-header .container,
.layout-header .container-fluid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 响应式处理：小屏幕时适当减小高度和字体 */
@media (max-width: 768px) {
    .bb-layout .layout-main .layout-header,
    .bb-layout .layout-header,
    .layout .layout-main .layout-header,
    .layout .layout-header,
    .layout-header {
        min-height: 56px !important;
    }
    
    .enterprise-layout-title {
        font-size: 1.125rem !important;
    }
}

/* 深色主题下的渐变色调整 */
[data-bs-theme="dark"] .bb-layout .layout-main .layout-header,
[data-bs-theme="dark"] .bb-layout .layout-header,
[data-bs-theme="dark"] .layout .layout-main .layout-header,
[data-bs-theme="dark"] .layout .layout-header,
[data-bs-theme="dark"] .layout-header {
    background: var(--enterprise-primary-dark, #0f2540) !important;
}

/* 打印样式：确保打印时有背景色并正确呈现 */
@media print {
    .bb-layout .layout-main .layout-header,
    .bb-layout .layout-header,
    .layout .layout-main .layout-header,
    .layout .layout-header,
    .layout-header {
        background: var(--enterprise-primary, #1a365d) !important;
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }
}
.layout.is-page {
  --bb-layout-height: 97vh;
}