/* 目录功能优化样式 */

/* 修改目录按钮高度 - 减少2px */
/* 针对可能的目录触发按钮 */
.moedes-popup-trigger,
.moedes-catalog-btn,
.moedes-toc-btn,
button[data-toggle*="moedes"],
[onclick*="moedes"],
[class*="moedes"][class*="btn"],
[class*="moedes"][class*="button"] {
    height: calc(100% - 2px) !important;
    line-height: calc(100% - 2px) !important;
    min-height: calc(100% - 2px) !important;
    box-sizing: border-box !important;
}

/* 如果按钮有固定高度，进行调整 */
.moedes-popup-trigger[style*="height"],
[class*="moedes"][style*="height"] {
    height: calc(100% - 2px) !important;
}

/* 修改目录按钮高度 - 减少2px */
.toc-btn,
.catalog-btn,
.outline-btn,
.content-outline-btn,
.post-toc-btn,
.article-toc-btn,
.zib-toc-btn,
.toc-toggle,
.catalog-toggle,
[class*="toc"],
[class*="catalog"],
[class*="outline"] {
    height: calc(100% - 2px) !important;
    line-height: calc(100% - 2px) !important;
    min-height: calc(100% - 2px) !important;
}

/* 常见的目录按钮选择器 */
.btn-outline,
.btn-toc,
.btn-catalog,
button[class*="toc"],
button[class*="catalog"],
button[class*="outline"],
a[class*="toc"],
a[class*="catalog"],
a[class*="outline"] {
    height: calc(100% - 2px) !important;
    line-height: calc(100% - 2px) !important;
}

/* 如果是固定像素高度的按钮 */
.toc-btn[style*="height"],
.catalog-btn[style*="height"],
[class*="toc"][style*="height: 40px"],
[class*="toc"][style*="height: 42px"],
[class*="toc"][style*="height: 44px"],
[class*="toc"][style*="height: 46px"],
[class*="toc"][style*="height: 48px"],
[class*="toc"][style*="height: 50px"] {
    height: calc(100% - 2px) !important;
}

/* 优化目录弹窗样式 */
.toc-modal,
.catalog-modal,
.outline-modal,
.content-outline-modal,
[class*="toc-modal"],
[class*="catalog-modal"] {
    background: #ffffff !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #e1e5e9 !important;
    overflow: hidden !important;
}

/* 优化弹窗标题样式 - 减少标题和内容的间距 */
.toc-modal .modal-header,
.catalog-modal .modal-header,
.outline-modal .modal-header,
[class*="toc"] .modal-header,
[class*="catalog"] .modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    padding: 12px 20px !important; /* 从15px减少到12px */
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.toc-modal .modal-title,
.catalog-modal .modal-title,
.outline-modal .modal-title,
[class*="toc"] .modal-title,
[class*="catalog"] .modal-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important; /* 减少行高 */
}

/* 优化弹窗内容区域 - 减少内容间距 */
.toc-modal .modal-body,
.catalog-modal .modal-body,
.outline-modal .modal-body,
[class*="toc"] .modal-body,
[class*="catalog"] .modal-body {
    padding: 15px 20px !important; /* 从20px减少到15px */
    margin: 0 !important;
    background: #ffffff !important;
    max-height: 400px !important;
    overflow-y: auto !important;
}

/* 优化目录列表样式 */
.toc-modal ul,
.catalog-modal ul,
.outline-modal ul,
[class*="toc"] ul,
[class*="catalog"] ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.toc-modal li,
.catalog-modal li,
.outline-modal li,
[class*="toc"] li,
[class*="catalog"] li {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding-bottom: 8px !important;
}

.toc-modal li:last-child,
.catalog-modal li:last-child,
.outline-modal li:last-child,
[class*="toc"] li:last-child,
[class*="catalog"] li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.toc-modal a,
.catalog-modal a,
.outline-modal a,
[class*="toc"] a,
[class*="catalog"] a {
    color: #333333 !important;
    text-decoration: none !important;
    display: block !important;
    padding: 5px 10px !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.toc-modal a:hover,
.catalog-modal a:hover,
.outline-modal a:hover,
[class*="toc"] a:hover,
[class*="catalog"] a:hover {
    background: #f8f9fa !important;
    color: #667eea !important;
    transform: translateX(5px) !important;
}

/* 关闭按钮优化 */
.toc-modal .close,
.catalog-modal .close,
.outline-modal .close,
[class*="toc"] .close,
[class*="catalog"] .close {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 18px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.toc-modal .close:hover,
.catalog-modal .close:hover,
.outline-modal .close:hover,
[class*="toc"] .close:hover,
[class*="catalog"] .close:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: rotate(90deg) !important;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .toc-modal,
    .catalog-modal,
    .outline-modal,
    [class*="toc-modal"],
    [class*="catalog-modal"] {
        margin: 10px !important;
        max-width: calc(100vw - 20px) !important;
    }
    
    .toc-modal .modal-body,
    .catalog-modal .modal-body,
    .outline-modal .modal-body,
    [class*="toc"] .modal-body,
    [class*="catalog"] .modal-body {
        max-height: 300px !important;
        padding: 15px !important;
    }
}

/* 针对可能的子比主题目录功能 */
.post-content-toc,
.article-toc,
.content-catalog,
.zib-toc {
    /* 目录按钮高度调整 */
}

.post-content-toc .toc-btn,
.article-toc .toc-btn,
.content-catalog .catalog-btn,
.zib-toc .toc-btn {
    height: calc(100% - 2px) !important;
}

/* 如果是浮动按钮 */
.toc-float-btn,
.catalog-float-btn,
.outline-float-btn {
    height: 48px !important; /* 原来可能是50px，减少2px */
    line-height: 48px !important;
}

/* 额外的通用修复 */
.btn-toc,
.btn-catalog,
.btn-outline,
[data-toc],
[data-catalog] {
    height: calc(100% - 2px) !important;
    min-height: calc(100% - 2px) !important;
}

/* 针对所有可能的弹窗模态框 - 通用优化 */
.modal .modal-dialog {
    margin: 30px auto !important;
}

.modal .modal-content {
    border: 1px solid #e1e5e9 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}

.modal .modal-header {
    padding: 12px 20px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border-bottom: none !important;
}

.modal .modal-title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
}

.modal .modal-body {
    padding: 15px 20px !important;
    background: #ffffff !important;
}

.modal .modal-footer {
    padding: 12px 20px !important;
    border-top: 1px solid #e9ecef !important;
    background: #f8f9fa !important;
}

/* 关闭按钮样式统一 */
.modal .close,
.modal .btn-close,
.modal [data-dismiss="modal"] {
    position: absolute !important;
    top: 12px !important;
    right: 20px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 18px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    opacity: 1 !important;
}

.modal .close:hover,
.modal .btn-close:hover,
.modal [data-dismiss="modal"]:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: rotate(90deg) !important;
}

/* 针对具体发现的弹窗类名进行优化 */
.moedes-popup-title {
    margin: 0 !important;
    padding: 8px 0 !important; /* 大幅减少上下padding */
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
}

.moedes-popup-inner-content {
    padding-top: 10px !important; /* 大幅减少顶部padding */
    padding-bottom: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 如果这些元素有额外的间距，强制移除 */
h3.moedes-popup-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* 针对可能的弹窗容器进行优化 */
.moedes-popup,
.moedes-popup-container,
.moedes-popup-wrapper {
    /* 移除可能的默认间距 */
}

.moedes-popup .modal-header,
.moedes-popup-container .modal-header {
    padding: 8px 20px !important; /* 进一步减少header的padding */
}

.moedes-popup .modal-body,
.moedes-popup-container .modal-body {
    padding: 10px 20px !important; /* 减少body的padding */
}

/* 专门针对目录内容区域 */
.moedes-popup-inner-content {
    padding: 8px 0 !important; /* 进一步减少内容区域的padding */
}

/* 如果有其他相关的弹窗元素 */
.moedes-popup-content,
.moedes-popup-body {
    padding: 8px 0 !important;
    margin: 0 !important;
}

/* 强制移除所有可能的默认样式 - 高优先级 */
h3.moedes-popup-title,
.moedes-popup-title {
    margin: 0 !important;
    padding: 6px 0 !important;
    line-height: 1.2 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    background: none !important;
}

/* 内容区域强制优化 */
.moedes-popup-inner-content {
    padding: 8px 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

/* 如果有内联样式，尝试覆盖 */
.moedes-popup-title[style],
.moedes-popup-inner-content[style] {
    padding: 6px 0 !important;
    margin: 0 !important;
}

/* 额外的优化，针对可能的默认浏览器样式 */
h1.moedes-popup-title,
h2.moedes-popup-title,
h3.moedes-popup-title,
h4.moedes-popup-title,
h5.moedes-popup-title,
h6.moedes-popup-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.2 !important;
}

/* 如果你使用的是特定的主题目录功能，可以添加特定选择器 */
.zib-toc-modal,
.post-toc-modal,
.article-outline-modal {
    /* 应用所有上述样式 */
}

/* 强制减少所有可能的按钮高度 */
button:not(.btn-lg):not(.btn-sm):not(.btn-xs),
.btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
    /* 只对可能是目录按钮的进行调整 */
}

/* 针对具体的目录相关按钮进行强制调整 */
[class*="toc"]:not(input):not(textarea),
[class*="catalog"]:not(input):not(textarea),
[class*="outline"]:not(input):not(textarea) {
    box-sizing: border-box !important;
}

/* 确保弹窗在移动端也能正确显示 */
@media (max-width: 768px) {
    .modal .modal-dialog {
        margin: 10px !important;
        max-width: calc(100vw - 20px) !important;
    }
    
    .modal .modal-header {
        padding: 10px 15px !important;
    }
    
    .modal .modal-body {
        padding: 12px 15px !important;
        max-height: 300px !important;
    }
    
    .modal .modal-footer {
        padding: 10px 15px !important;
    }
    
    .modal .close,
    .modal .btn-close,
    .modal [data-dismiss="modal"] {
        top: 10px !important;
        right: 15px !important;
        width: 25px !important;
        height: 25px !important;
        font-size: 16px !important;
    }
}