/**
 * NailLume 全站微调（头部 / 页脚）
 * 在主题 app.css 之后加载，只做增量覆盖
 */

/* ===== 头部：大屏限宽居中，不再两头撑满 =====
   主题 bootstrap.css 用 .container-fluid:not(.w-100.px-0) 设了 max-width:1920px，
   优先级更高，这里用 !important 压过 */
@media (min-width: 1500px) {
  header .top-wrap .container-fluid,
  header .header-content .container-fluid {
    max-width: 1440px !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* ===== logo：固定高度，防止图片未加载时布局跳动 ===== */
.header-content .logo {
  margin-bottom: 0;
  max-width: 260px;
  height: 46px;
  display: flex;
  align-items: center;
}
.header-content .logo img {
  height: 44px;
  width: auto;
  max-width: 260px;
  object-fit: contain;
  object-position: left center;
}

/* ===== 主导航 ===== */
.header-content .menu-wrap .navbar-nav > .nav-item > .nav-link {
  font-weight: 500;
  letter-spacing: 0.01em;
  transition: color 0.18s ease;
}
.header-content .menu-wrap .navbar-nav > .nav-item > .nav-link:hover {
  color: #d4547a;
}

/* ===== 右侧图标：统一大小与呼吸感 ===== */
.header-content .right-btn .nav-link img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  transition: opacity 0.18s ease;
}
.header-content .right-btn .nav-link:hover img {
  opacity: 0.65;
}
.header-content .right-btn .navbar-nav {
  gap: 14px;
}

/* ===== 顶部信息条更轻 ===== */
.top-wrap {
  background: #faf6f7;
}
.top-wrap .btn {
  font-size: 0.82rem;
  color: #6d5a5a;
}

/* ===== 页脚顶部留白与分割线 ===== */
.footer {
  border-top: 3px solid #f6e3e8;
}