/* 顺地酒业·企业官网自定义样式 */

body {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    color: #333;
    line-height: 1.6;
    background-color: #f5f5f5;  /* 灰白色全局背景 */
}

a {
    transition: all 0.3s ease;
}

/* 导航栏 */
header .nav-link {
    font-weight: 500;
    margin-left: 15px;
}

header .nav-link:hover {
    color: #f8f9fa !important;
    text-decoration: underline;
}

/* 幻灯片文字阴影 */
.carousel-caption {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    border-radius: 10px;
}

/* 产品卡片 */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* 详情页内容 */
.product-content img, .news-content img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
    border-radius: 5px;
}

.content-body {
    font-size: 1.1rem;
    line-height: 1.8;
}

/* 底部样式 */
footer a:hover {
    color: #fff !important;
}

/* 后台管理微调 */
.sidebar .nav-link i {
    width: 20px;
}


/* ===== 导航栏文字颜色修复 ===== */

header.site-header,
header.bg-light {
    background-color: #ffffff !important;
}

/* 导航菜单文字改为深色 */
header.site-header .nav-link,
header.bg-light .nav-link {
    color: #333333 !important;
    font-weight: 500;
}

/* 导航悬停效果 - 深色下划线 */
header.site-header .nav-link:hover,
header.bg-light .nav-link:hover {
    color: #c9302c !important;  /* 红色悬停 */
    text-decoration: underline;
}

/* LOGO 文字颜色 */
header.site-header h1 a,
header.site-header .text-dark {
    color: #333 !important;
}

/* 移除原有的白色文字类 */
header .text-white {
    color: #333 !important;
}

/* 导航字体加粗 */
header .nav-link {
    font-weight: 600 !important;  /* 600 = semibold，比500稍粗 */
}

/* 导航栏样式 */
header.site-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

header.site-header .nav-link {
    font-weight: 600 !important;
    color: #333333 !important;
}

header.site-header .nav-link:hover {
    color: #c9302c !important;
    text-decoration: underline !important;
}

/* ===== 强制覆盖所有页面的导航样式 ===== */

/* 强制覆盖 Bootstrap 的 bg-dark */
header, header.bg-dark, header[class*="bg-"] {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* 强制覆盖所有文字颜色 */
header, header * {
    color: #333333 !important;
}

/* 强制覆盖导航链接样式 */
header .nav-link,
header ul.nav li a,
header a.nav-link,
nav ul.nav li a {
    font-weight: 700 !important;
    color: #333333 !important;
    margin-left: 20px;
    transition: all 0.3s ease;
}

/* 悬停效果 */
header .nav-link:hover,
header ul.nav li a:hover,
header a.nav-link:hover {
    color: #c9302c !important;
    text-decoration: underline !important;
}

/* 强制覆盖白色文字类 */
header .text-white,
header a.text-white {
    color: #333333 !important;
}

/* LOGO 链接 */
header h1 a,
header .navbar-brand {
    color: #333333 !important;
}

/* ===== 灰白色主题导航栏样式 ===== */

body {
    background-color: #f5f5f5 !important;
}

/* 导航栏背景白色 + 底部边框 */
header.site-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* 导航链接样式 */
header.site-header .nav-link {
    font-weight: 700 !important;
    color: #333333 !important;
    margin-left: 20px;
    transition: all 0.3s ease;
}

/* 悬停效果 */
header.site-header .nav-link:hover {
    color: #c9302c !important;
    text-decoration: underline !important;
}

/* LOGO 区域 */
header.site-header h1 a,
header.site-header .text-dark {
    color: #333333 !important;
}

/* ===== 移动端产品卡片适配 ===== */

/* 产品卡片移动端优化 */
@media (max-width: 768px) {
    /* 产品卡片统一高度 */
    .col-md-3 .card {
        min-height: 380px;
        display: flex;
        flex-direction: column;
    }
    
    /* 图片区域高度缩小 */
    .col-md-3 .card > a > div,
    .col-md-3 .card .img-wrapper {
        height: 180px !important;
        overflow: hidden;
    }
    
    /* 图片自适应 */
    .col-md-3 .card img {
        object-fit: cover;
        height: 100%;
    }
    
    /* 卡片内容区域 */
    .col-md-3 .card .card-body {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 15px 10px;
    }
    
    /* 产品标题 */
    .col-md-3 .card .card-title {
        font-size: 0.9rem;
        line-height: 1.4;
        min-height: 50px;  /* 固定最小高度 */
        overflow: hidden;
        margin-bottom: 10px;
    }
    
    /* 按钮位置 */
    .col-md-3 .card .btn {
        margin-top: auto;  /* 按钮固定在底部 */
    }
}

/* 超小屏幕优化 */
@media (max-width: 480px) {
    .col-md-3 .card {
        min-height: 380px;
    }
    
    .col-md-3 .card > a > div,
    .col-md-3 .card .img-wrapper {
        height: 160px !important;
    }
    
    .col-md-3 .card .card-title {
        font-size: 0.85rem;
        min-height: 45px;
    }
}