/* ===== 移动端导航栏文字颜色修复（无点击边框和背景色） ===== */

/* 1. 修复导航栏切换按钮（汉堡菜单图标）的颜色 */
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5) !important;
    outline: none !important;
    box-shadow: none !important;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* 2. 移动端展开菜单样式 */
@media (max-width: 991.98px) {
    .navbar-cbb .collapse.show,
    .navbar-cbb .collapsing {
        background: linear-gradient(135deg, #0a1929 0%, #0f2847 100%) !important;
        padding: 1rem 0.5rem !important;
        border-radius: 0 0 16px 16px !important;
        border-top: 1px solid rgba(0, 180, 237, 0.15) !important;
    }

    /* 菜单项 - 无点击边框和背景色 */
    .navbar-cbb .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.9) !important;
        font-size: 1rem !important;
        padding: 0.6rem 1rem !important;
        border-radius: 0 !important;
        transition: 0.2s !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* 去掉所有点击、悬停、聚焦状态的边框和背景 */
    .navbar-cbb .navbar-nav .nav-link:hover,
    .navbar-cbb .navbar-nav .nav-link:focus,
    .navbar-cbb .navbar-nav .nav-link:active,
    .navbar-cbb .navbar-nav .nav-link.active {
        background: transparent !important;
        color: rgba(255, 255, 255, 0.9) !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* 下拉菜单在移动端的样式 - 无边框背景 */
    .navbar-cbb .dropdown-menu-cbb {
        background: rgba(15, 40, 71, 0.95) !important;
        border: 1px solid rgba(0, 180, 237, 0.15) !important;
        border-radius: 12px !important;
        margin: 0.25rem 0 !important;
        box-shadow: none !important;
    }

    .navbar-cbb .dropdown-menu-cbb .dropdown-item {
        color: rgba(255, 255, 255, 0.85) !important;
        padding: 0.5rem 1.2rem !important;
        border-radius: 0 !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* 下拉菜单项 - 无点击效果 */
    .navbar-cbb .dropdown-menu-cbb .dropdown-item:hover,
    .navbar-cbb .dropdown-menu-cbb .dropdown-item:focus,
    .navbar-cbb .dropdown-menu-cbb .dropdown-item:active {
        background: transparent !important;
        color: rgba(255, 255, 255, 0.85) !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* 下载APP按钮 - 保持可见，无边框异常 */
    .navbar-cbb .btn-primary-cbb {
        color: #fff !important;
        background: linear-gradient(135deg, #DD5A00, #f07a2e) !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .navbar-cbb .btn-primary-cbb:hover,
    .navbar-cbb .btn-primary-cbb:focus,
    .navbar-cbb .btn-primary-cbb:active {
        background: linear-gradient(135deg, #c04e00, #dd6a1e) !important;
        color: #fff !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* 热线电话链接 - 特殊颜色，无点击效果 */
    .navbar-cbb .nav-link[href*="tel"] {
        color: #00B4ED !important;
    }

    .navbar-cbb .nav-link[href*="tel"]:hover,
    .navbar-cbb .nav-link[href*="tel"]:focus,
    .navbar-cbb .nav-link[href*="tel"]:active {
        color: #00B4ED !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .navbar-cbb .nav-link[href*="tel"] i {
        color: #00B4ED !important;
    }

    /* 分隔线 - 可选 */
    .navbar-cbb .navbar-nav .nav-item:not(:last-child) .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 0 !important;
    }
}

/* 3. 更小屏幕优化 */
@media (max-width: 380px) {
    .navbar-cbb .navbar-brand {
        font-size: 1.2rem !important;
    }

    .navbar-cbb .navbar-nav .nav-link {
        font-size: 0.9rem !important;
        padding: 0.5rem 0.8rem !important;
    }

    .navbar-cbb .btn-primary-cbb {
        font-size: 0.75rem !important;
        padding: 0.3rem 0.8rem !important;
    }
}

/* 4. 下拉切换箭头 - 无点击效果 */
.navbar-cbb .dropdown-toggle::after {
    color: rgba(255, 255, 255, 0.6) !important;
}

.navbar-cbb .dropdown-toggle:focus,
.navbar-cbb .dropdown-toggle:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. 品牌文字 */
.navbar-cbb .navbar-brand {
    color: #ffffff !important;
}

.navbar-cbb .navbar-brand i {
    color: #DD5A00 !important;
}

/* 6. 全局去除所有导航点击时的蓝色/灰色边框 */
.navbar-cbb *:focus,
.navbar-cbb *:active {
    outline: none !important;
    box-shadow: none !important;
}

/* 7. 菜单展开按钮点击时无边框（Bootstrap默认蓝色框） */
.navbar-cbb .navbar-toggler:focus {
    outline: none !important;
    box-shadow: none !important;
}

.navbar-cbb .navbar-toggler:not(:disabled):not(.disabled):active,
.navbar-cbb .navbar-toggler:not(:disabled):not(.disabled):focus {
    outline: none !important;
    box-shadow: none !important;
}


/* ===== 导航栏 Logo 替换为背景图片 ===== */

.navbar-brand {
    /* 隐藏原有文字内容 */
    font-size: 0 !important;
    /* 移除文字阴影等干扰 */
    text-shadow: none !important;
    /* 设置背景图片 */
    background-image: url('https://www.gdcbb.com/logo.png') !important;
    /* 背景图片不重复 */
    background-repeat: no-repeat !important;
    /* 背景图片居中 */
    background-position: center left !important;
    /* 背景图片大小：根据您的 Logo 比例调整高度，宽度自动 */
    background-size: contain !important;
    /* 设置宽度和高度，确保背景图片完整显示 */
    display: inline-block !important;
    width: 160px !important;  /* 根据实际 Logo 宽度调整 */
    height: 44px !important;  /* 根据实际 Logo 高度调整 */
    /* 垂直居中 */
    vertical-align: middle !important;
    /* 移除可能存在的内边距干扰 */
    padding: 0 !important;
    /* 确保背景图片在元素内 */
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

/* 覆盖原有的 i 和 strong 标签，确保隐藏 */
.navbar-brand i,
.navbar-brand strong {
    display: none !important;
    font-size: 0 !important;
}

/* ===== 移动端适配 ===== */
@media (max-width: 768px) {
    .navbar-brand {
        width: 130px !important;  /* 移动端适当缩小 */
        height: 36px !important;
    }
}

@media (max-width: 480px) {
    .navbar-brand {
        width: 110px !important;
        height: 30px !important;
    }
}

/* 如果 Logo 加载失败，显示备选文字（仅开发调试用） */
.navbar-brand::after {
    content: 'CBB 采板宝';
    font-size: 0;
    visibility: hidden;
}