/* ================================================================
   cntravelplus.com 品牌覆盖样式
   深蓝(#0D2640) + 香槟金(#288058) — ChinaTravelPlus 中国入境游平台
   覆盖原张家界配色(红#f15b5c + 绿#37b721)
   ================================================================ */

/* ---------- 按钮: 红/绿→金/深蓝 ---------- */
.travel-primary-btn,
.travel-primary-btn-sm,
.travel-primary-btn-2,
.travel-primary-btn-2:hover {
  background: #288058 !important;
  color: #fff !important;
}
.travel-primary-btn:hover,
.travel-primary-btn-sm:hover {
  background: #226C4A !important;
}
.travel-booking-btn,
.travel-booking-btn-lg {
  background: #0D2640 !important;
  color: #fff !important;
}
.travel-booking-btn:hover {
  background: #1B3A5C !important;
}
.hvr-shutter-out-horizontal:before {
  background: #288058 !important;
}

/* ---------- 文字/图标强调色 ---------- */
.single-package-carasoul .package-details .package-ratings-review .two-column li i,
.discoun_deal .single-discount-deal figure figcaption .offer_btn,
a:hover, .single-travel-blog .blog-content .blog-post-content a:hover,
.single-package .package-content h3 a:hover,
.single-destination .des-city a:hover,
.section-title h2 {
  color: #288058 !important;
}
.fa-star { color: #288058 !important; }

/* ---------- 顶部信息栏 ---------- */
header .header_top_area {
  background: #0D2640 !important;
  border-bottom: 1px solid rgba(212,163,115,0.2);
}
header .header_top_area .contact_wrapper_top .header_top_contact li,
header .header_top_area .contact_wrapper_top .header_top_contact li i,
header .header_top_area .contact_wrapper_top .header_top_contact li a {
  color: #C9DFD5 !important;
}
header .header_top_area .contact_wrapper_top .book-btn a {
  background: #288058 !important;
  color: #0D2640 !important;
  border-radius: 4px;
  padding: 8px 24px;
  font-weight: 600;
}
header .header_top_area .contact_wrapper_top .book-btn a:hover {
  background: #C9DFD5 !important;
}

/* ---------- 导航栏 ---------- */
.main_nav {
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(13,38,64,0.08);
}
.main_nav .main-menu > li > a {
  color: #0D2640 !important;
  font-weight: 500;
}
.main_nav .main-menu > li > a:hover,
.main_nav .main-menu > li.active > a,
.main_nav .main-menu > li > a:before {
  color: #288058 !important;
  background: transparent !important;
}
.main_nav .main-menu > li > a:before {
  background: #288058 !important;
}
.main_nav .main-menu ul.dropdown {
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(13,38,64,0.1);
}
.main_nav .main-menu ul.dropdown li a {
  color: #0D2640 !important;
}
.main_nav .main-menu ul.dropdown li a:hover {
  color: #288058 !important;
  background: #F5F9F7 !important;
}

/* ---------- Banner标题 ---------- */
.tp-caption.title-line-1,
.tp-caption.title-line-2 {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.slider-area:after {
  background: linear-gradient(to right, rgba(13,38,64,0.5), rgba(13,38,64,0.2)) !important;
}

/* ---------- 区块标题 ---------- */
.section-title h2 {
  color: #0D2640 !important;
}
.section-title h2:after {
  background: #288058 !important;
}
.section-title p {
  color: #555 !important;
}
.section-title-white h2,
.section-title-white-2 h2 {
  color: #fff !important;
}

/* ---------- 产品卡片 ---------- */
.single-package {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(13,38,64,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
}
.single-package:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(13,38,64,0.14);
}
.single-package .package-content {
  background: #fff;
}
.single-package .package-content h3 a {
  color: #0D2640 !important;
}
.single-package .package-calto-action {
  background: #F5F9F7 !important;
}

/* ---------- 倒计时区块 ---------- */
.countdown .count-down-titile h2 {
  color: #fff !important;
}
.countdown .count-down-titile h2 .color-one { color: #288058 !important; }
.countdown .count-down-titile h2 .color-two { color: #C9DFD5 !important; }
.buy-now .travel-primary-btn {
  background: #288058 !important;
}

/* ---------- 目的地区块 ---------- */
.single-destination .des-city a {
  color: #0D2640 !important;
}
.single-destination .des-city h4 { color: #777; }
.single-destination figure figcaption a {
  background: #288058 !important;
}

/* ---------- 旅行指南区块 ---------- */
.travelsers-bg {
  position: relative;
}
.travelsers-bg:before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(13,38,64,0.75);
}
.single-travel .media-body h4 { color: #288058 !important; }

/* ---------- 博客区块 ---------- */
.single-travel-blog {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(13,38,64,0.06);
}
.single-travel-blog .blog-content .blog-post-content h4 a {
  color: #0D2640 !important;
}
.single-travel-blog .blog-content .blog-post-content a {
  color: #288058 !important;
}

/* ---------- 评价区块 ---------- */
.testimonial-two .block-text .single-box .client-bio h3 {
  color: #288058 !important;
}

/* ---------- 页脚 ---------- */
.footer_area {
  background: #0D2640 !important;
  color: #ccc;
}
.footer_area h3,
.footer_area h4 {
  color: #C9DFD5 !important;
}
.footer_area a {
  color: #ccc !important;
}
.footer_area a:hover {
  color: #288058 !important;
}
.footer_copyright {
  background: #091d33 !important;
  color: #999 !important;
}
.footer_copyright a { color: #288058 !important; }

/* ---------- 回到顶部 ---------- */
.to-top a {
  background: #288058 !important;
}

/* ---------- 预加载 ---------- */
#loader { border-top-color: #288058 !important; }
.loader-section.section-left { background: #0D2640 !important; }
.loader-section.section-right { background: #1B3A5C !important; }

/* ---------- 响应式适配 ---------- */
@media (max-width: 768px) {
  .main_nav .main-menu > li > a { color: #0D2640 !important; }
}

/* ============================================================
   下拉菜单修复（2026-09-13）
   1) 强制绝对定位，避免菜单项被当成普通内容挤到页面下方
   2) 加"悬停桥"和延迟收起，鼠标从一级项移到子项时不会闪退
   ============================================================ */
header .main_nav,
header .main_nav .container,
header .main_nav .container .row,
header .main_nav nav,
header .main_nav .main-menu { overflow: visible !important; }

header .main_nav .main-menu > li { position: relative !important; }

header .main_nav .main-menu > li > ul.dropdown {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    list-style: none !important;
    min-width: 220px;
    width: auto !important;
    height: auto !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(13, 38, 64, 0.14);
    border-radius: 0 0 6px 6px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .16s ease .4s, visibility .16s ease .4s;
    transition: opacity .16s ease .4s, visibility .16s ease .4s;
}

/* 鼠标进入时立刻展开 */
header .main_nav .main-menu > li:hover > ul.dropdown,
header .main_nav .main-menu > li > ul.dropdown:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

/* 悬停桥：把一级项和下拉之间的空隙填上，鼠标划过不会掉 */
header .main_nav .main-menu > li > ul.dropdown::before {
    content: '';
    position: absolute;
    left: 0; right: 0; top: -18px; height: 18px;
}

header .main_nav .main-menu > li > ul.dropdown li { display: block !important; float: none !important; }
header .main_nav .main-menu > li > ul.dropdown li a {
    display: block !important;
    padding: 11px 20px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #0D2640 !important;
    white-space: nowrap;
}
header .main_nav .main-menu > li > ul.dropdown li a:hover {
    color: #288058 !important;
    background: #F5F9F7 !important;
    padding-left: 24px !important;
}

/* 桌面端：隐藏 meanmenu 生成的手机菜单，避免导航项被复制到页面底部 */
@media (min-width: 992px) {
    .mean-bar, nav.mean-nav, .mean-container .mean-push { display: none !important; }
}

/* ============================================================
   导航栏「不透明 + 悬浮吸顶 + 下拉最上层」（2026-09-13 第二轮）
   问题：下拉面板被下方区块盖住 → 看起来像"透明穿透"
   需求：导航做成悬浮吸顶，跟着页面滚动
   ============================================================ */

/* 1) 整个头部建立高优先级层叠上下文，压住下方所有区块 */
header {
    position: relative !important;
    z-index: 9990 !important;
    overflow: visible !important;
}
header .header_top_area { position: relative !important; z-index: 9991 !important; }

/* 2) 导航条：实心白底 + 吸顶悬浮，跟着页面走 */
header .main_nav {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(13, 38, 64, 0.10) !important;
}
header .main_nav .container,
header .main_nav nav,
header .main_nav .main-menu { background: transparent !important; }

/* 3) 下拉面板及每一项都强制实心白底，绝不透出下方内容 */
header .main_nav .main-menu > li > ul.dropdown {
    background-color: #ffffff !important;
    background-image: none !important;
    z-index: 100000 !important;
    border: 1px solid #eceff3 !important;
    border-top: none !important;
    box-shadow: 0 12px 32px rgba(13, 38, 64, 0.18) !important;
    opacity: 1 !important;          /* 不再靠透明度切换，改用 visibility 控制 */
    -webkit-transition: none;
    transition: none;
}
header .main_nav .main-menu > li > ul.dropdown li {
    background-color: #ffffff !important;
    background-image: none !important;
    list-style: none !important;
}
header .main_nav .main-menu > li > ul.dropdown li a,
header .main_nav .main-menu > li > ul.dropdown li a:hover {
    background-color: #ffffff !important;
    background-image: none !important;
    text-decoration: none !important;
}
header .main_nav .main-menu > li > ul.dropdown li a:hover {
    background-color: #F5F9F7 !important;
}

/* 4) 展开/收起只切 visibility（视觉上不再有半透明过渡） */
header .main_nav .main-menu > li > ul.dropdown {
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: visibility 0s linear .4s;
    transition: visibility 0s linear .4s;
}
header .main_nav .main-menu > li:hover > ul.dropdown,
header .main_nav .main-menu > li > ul.dropdown:hover {
    visibility: visible !important;
    pointer-events: auto !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
}

/* 5) 移动端（<992px）不做吸顶，避免和手机菜单打架 */
@media (max-width: 991px) {
    header .main_nav {
        position: relative !important;
        top: auto !important;
    }
}