@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&display=swap');
/* China Journeys — global porcelain skin.
   APPEARANCE ONLY. No module logic touched. Loaded last so it overrides.
   Remove this file + its <link> in layout/theme.html to fully revert. */

/* 1) Color schemes are now fixed at SOURCE in theme.config.json (porcelain palette:
   button→#B08D57 gold, link/sale/tag/discount→#26477E cobalt, text→#1A2436, light-text→#5C6B80,
   line→#D5DEEB, page/scheme bg→#EEF1F2, image bg→#F6F8F9). The old override block that forced
   --color-* vars here was REMOVED 2026-06-17 once the source palette was corrected — no more
   downstream color patching. (Revert: restore theme.config.json from the dated backup.) */

/* 2) Hero (sgc-featured-slideshow): cinematic image + porcelain overlay + reversed copy.
   The video, once ready, replaces the background-image below; this image stays as the
   poster / mobile fallback. */
sgc-featured-slideshow .splide__slide{
  background-image:
    linear-gradient(90deg, rgba(12,22,42,.70), rgba(12,22,42,.16) 55%, rgba(12,22,42,0)),
    url('https://img.ct-by.net/fliggy/0056e7c7fdec26afc0e3.jpg');
  background-size:cover;
  background-position:center;
}
sgc-featured-slideshow .sgc-block-subtitle,
sgc-featured-slideshow .sgc-block-subtitle *{
  color:#E4D2A6 !important;          /* gold eyebrow */
  letter-spacing:.26em;
}
sgc-featured-slideshow .sgc-block-title,
sgc-featured-slideshow .sgc-block-title *,
sgc-featured-slideshow h1, sgc-featured-slideshow h2{
  color:#FFFFFF !important;          /* white serif headline over image */
  text-shadow:0 2px 18px rgba(8,16,32,.45);
}
sgc-featured-slideshow .sgc-block-description,
sgc-featured-slideshow .sgc-block-description *{
  color:#FFFFFF !important;          /* full white for legibility over imagery */
  text-shadow:0 1px 12px rgba(8,16,32,.5);
}

/* Hero primary button "Start Planning": its green is a block color setting (not a
   scheme var), so recolor the first hero button to porcelain blue. The secondary
   (white "Explore Regions") is the last button and is left untouched. */
sgc-featured-slideshow .sgc-block-button-group a.sgc-block-button:first-of-type{
  background-color:#B08D57 !important;
  border-color:#B08D57 !important;
  color:#FFFFFF !important;
}

/* 3) Cards: recolor the faint green border -> porcelain blue, add a soft premium lift.
   Discovery carousels (By Interest/Region/Companion/Season) + product cards. */
.sgc-image-with-text-carousel__card{
  border-color:rgba(38,71,126,.16) !important;
  transition:transform .35s ease, box-shadow .35s ease;
}
.sgc-image-with-text-carousel__card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px -26px rgba(21,49,90,.45);
}

/* 4) Product detail page (tickets) — brand parity with route pages */
/*    Title: Cormorant Garamond italic (route pages now use Cormorant, so this matches them) */
.product-detail__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  letter-spacing: -0.008em !important;
  line-height: 1.2 !important;
  color: #1B2A3F !important;
}
/*    "Buy now" + "Add to cart" + any primary pay button — force CT-BY teal */
.pay-button-buy-now,
.btn-primary.button.pay-button-common-item,
.product-detail__buy-buttons .button--primary,
.button.button--fill.button--primary {
  background-color: #B08D57 !important;
  border-color: #B08D57 !important;
  color: #FFFFFF !important;
}
.pay-button-buy-now:hover,
.btn-primary.button.pay-button-common-item:hover,
.product-detail__buy-buttons .button--primary:hover,
.button.button--fill.button--primary:hover {
  background-color: #9A7949 !important;
  border-color: #9A7949 !important;
}
/*    "Add to cart" secondary — teal outline, teal text */
.button.button--fill.button--secondary {
  background-color: transparent !important;
  border: 1px solid #B08D57 !important;
  color: #B08D57 !important;
}
.button.button--fill.button--secondary:hover {
  background-color: #B08D57 !important;
  color: #FFFFFF !important;
}


/* ===== 引导页 /journeys 顶部三块统一青花瓷(2026-06 山水青花瓷) ===== */
#shopline-section-template--page--journeys__jv2_hero,
#shopline-section-template--page--journeys__jv2_interest,
#shopline-section-template--page--journeys__jv2_textbox{
  background:#EEF1F2 !important;
}
/* rich-text hero 标题 + sgc 兴趣区标题 → 钴蓝衬线 */
#shopline-section-template--page--journeys__jv2_hero h1,
#shopline-section-template--page--journeys__jv2_hero h2,
#shopline-section-template--page--journeys__jv2_hero .rich-text__heading,
#shopline-section-template--page--journeys__jv2_interest .sgc-image-with-text-carousel__title,
#shopline-section-template--page--journeys__jv2_textbox h1,
#shopline-section-template--page--journeys__jv2_textbox h2{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  color:#26477E !important; font-weight:400 !important;
}
/* 兴趣卡文字 → 钴蓝系 */
#shopline-section-template--page--journeys__jv2_interest [class*="title"],
#shopline-section-template--page--journeys__jv2_interest [class*="subtitle"],
#shopline-section-template--page--journeys__jv2_interest [class*="description"]{
  color:#26477E !important;
}


/* ===== 页脚 → 青花瓷(2026-06-12) ===== */
.footer, .footer.color-scheme-1{ background:#EEF1F2 !important; border-top:1px solid #D6DDE1; }
.footer__menu-title, .footer__email-subscribe-title, .footer__social-media-title,
.footer__information-title{ font-family:'Cormorant Garamond',Georgia,serif !important; color:#26477E !important; font-weight:400 !important; }
.footer, .footer__menu-content, .footer__information-content, .footer a{ color:#34435a !important; }
.footer a:hover{ color:#26477E !important; }
.footer__copyright, .footer__bottom{ color:#7E8A9A !important; }

/* ===== 全站常驻 Enquire 浮钮 ===== */
.cjd-fab{ display:none !important; }   /* 撤掉首页那个,统一用全站版 */
.cj-enquire{ position:fixed; right:24px; bottom:24px; z-index:80;
  background:#B08D57; color:#fff !important; text-decoration:none;
  font-family:'Inter',-apple-system,sans-serif; font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  padding:15px 26px; border-radius:6px; box-shadow:0 18px 40px -16px rgba(176,141,87,.6); transition:background .3s,transform .3s,box-shadow .3s; }
.cj-enquire:hover{ background:#9A7949; transform:translateY(-2px); box-shadow:0 22px 46px -16px rgba(176,141,87,.7); }
@media(max-width:640px){ .cj-enquire{ right:14px; bottom:14px; padding:13px 20px; font-size:10px; } }


/* ===== 全站米底统一瓷白(2026-06-13:只改背景色,scheme-2 白底不动) ===== */
body, .body0 { background:#EEF1F2 !important; }
.color-scheme-1 { --color_background:#EEF1F2 !important; background-color:#EEF1F2 !important; }

/* ===== 页脚 Subscribe 按钮 → 金/古铜(对齐全站按钮) ===== */
.footer button[type="submit"], .footer .footer__email-subscribe-button,
.footer__email-subscribe-form button, .footer button{
  background:#B08D57 !important; border-color:#B08D57 !important; color:#fff !important; border-radius:6px !important;
}
.footer button:hover{ background:#9A7949 !important; }
/* 图标说明区(quiet_care)→ 瓷白 + 钴蓝标题 */
#shopline-section-template--index__quiet_care{ background:#EEF1F2 !important; }
#shopline-section-template--index__quiet_care h2,
#shopline-section-template--index__quiet_care h3,
#shopline-section-template--index__quiet_care [class*="title"]{
  font-family:'Cormorant Garamond',Georgia,serif !important; color:#26477E !important;
}


/* ===== 图标区内层底色(sgc-icon-declaration)→ 瓷白 + 钴蓝图标 ===== */
#shopline-section-template--index__quiet_care .sgc-icon-declaration,
#shopline-section-template--index__quiet_care .section,
#shopline-section-template--index__quiet_care{ background:#EEF1F2 !important; }
#shopline-section-template--index__quiet_care svg [stroke],
#shopline-section-template--index__quiet_care svg path[stroke]{ stroke:#26477E !important; }
#shopline-section-template--index__quiet_care svg [fill]:not([fill="none"]){ fill:#26477E !important; }

/* ===== 首页:导航透明压在 hero 大图上(效果图同款;只对首页生效) ===== */
body[data-page-type="index"] [id*="header-group__announcement-bar"] { display: none; }
body[data-page-type="index"] header.header-section { position: absolute; top: 0; left: 0; right: 0; z-index: 30; }
body[data-page-type="index"] .header__container { background: transparent !important; border-bottom: none !important; box-shadow: none !important; }
body[data-page-type="index"] header.header-section .header-nav__ellipsis,
body[data-page-type="index"] header.header-section .header__logo-text,
body[data-page-type="index"] header.header-section .dropdown-menu__label-text,
body[data-page-type="index"] header.header-section .dropdown-menu__label-arrow,
body[data-page-type="index"] header.header-section .button--icon { color: #fff !important; }
body[data-page-type="index"] header.header-section svg { color: #fff; }
/* 下拉面板/搜索弹层:保持白底深字,不被白字污染 */
body[data-page-type="index"] header.header-section .dropdown-menu__list,
body[data-page-type="index"] header.header-section .dropdown-menu__list * { color: #1B2A3F !important; }
body[data-page-type="index"] header.header-section .header-search-bar__form,
body[data-page-type="index"] header.header-section .header-search-bar__form * { color: #1B2A3F !important; }

/* ===== 滚动渐显(慢而少;首页主要段落) ===== */
.cj-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.cj-reveal.cj-on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cj-reveal{opacity:1;transform:none;transition:none}}

/* 滚动后吸顶:实底深字(透明白字只在页顶压图时用) */
body[data-page-type="index"] header.header-section.cj-nav-solid .header__container { background: #EEF1F2 !important; box-shadow: 0 1px 0 #D6DDE1 !important; }
body[data-page-type="index"] header.header-section.cj-nav-solid .header-nav__ellipsis,
body[data-page-type="index"] header.header-section.cj-nav-solid .header__logo-text,
body[data-page-type="index"] header.header-section.cj-nav-solid .dropdown-menu__label-text,
body[data-page-type="index"] header.header-section.cj-nav-solid .dropdown-menu__label-arrow,
body[data-page-type="index"] header.header-section.cj-nav-solid .button--icon { color: #26477E !important; }
body[data-page-type="index"] header.header-section.cj-nav-solid svg { color: #26477E; }

/* 2026-06-13:隐藏原生圆形 quick-add 钮(违反"不要圆";卡片整体可点进详情) */
.block-product-card__quick-add, .product-card__quick-add, [class*="quick-add"]{ display:none !important; }

/* ===== 2026-06-13:接力页兴趣卡 → 首页门卡风(大图压字,只改外观,点击展开行为不动) ===== */
#shopline-section-template--page--journeys__jv2_interest .sgc-image-with-text-carousel__card{
  position:relative; aspect-ratio:3/4.1; border-radius:8px; overflow:hidden;
  display:flex; flex-direction:column; justify-content:flex-end; cursor:pointer;
  box-shadow:0 26px 50px -34px rgba(27,42,63,.55);
}
#shopline-section-template--page--journeys__jv2_interest .sgc-image-with-text-carousel__image{
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; margin:0 !important; border-radius:0 !important;
}
#shopline-section-template--page--journeys__jv2_interest .sgc-image-with-text-carousel__card::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(16,27,46,.04) 32%,rgba(16,27,46,.82));
}
#shopline-section-template--page--journeys__jv2_interest .sgc-block-subtitle{
  position:relative; z-index:2; padding:0 22px 4px; margin:0;
  font-family:'Cormorant Garamond',Georgia,serif !important; font-size:25px !important; line-height:1.1 !important;
}
#shopline-section-template--page--journeys__jv2_interest .sgc-block-subtitle *{ color:#fff !important; }
#shopline-section-template--page--journeys__jv2_interest .sgc-block-description{
  position:relative; z-index:2; padding:0 22px 24px; margin:0;
}
#shopline-section-template--page--journeys__jv2_interest .sgc-block-description *{ color:rgba(255,255,255,.85) !important; font-size:12.5px !important; }

/* ===== 2026-06-15:门票右栏做成线路页"青花瓷预订卡"(只命中门票模板)===== */
/* 真实右栏是 .product-detail__info;线路页此栏隐藏(用 cj-trip),故只影响门票 */
.product-detail__info[class*="template--product--ticket"]{
  background:#F6F8F9 !important; border:1px solid #D6DDE1 !important; border-radius:10px !important;
  padding:26px 26px 24px !important; box-shadow:0 24px 54px -34px rgba(27,42,63,.45) !important;
}
/* 价格上方加 "From" 小标(对齐线路卡) */
.product-detail__info[class*="template--product--ticket"] .product-detail__price{ position:relative; margin-top:4px !important; }
.product-detail__info[class*="template--product--ticket"] .product-detail__price::before{
  content:"From"; display:block; font-family:'Inter',sans-serif; font-size:11px;
  letter-spacing:.14em; text-transform:uppercase; color:#7E8A9A; font-weight:400; margin-bottom:1px;
}
body[data-page-type="product"] .product-detail__title{
  font-family:'Cormorant Garamond',Georgia,serif !important; color:#26477E !important;
  font-weight:400 !important; font-style:normal !important; font-size:30px !important; letter-spacing:-.01em !important;
}
body[data-page-type="product"] .product-detail__price,
body[data-page-type="product"] .product-detail__price *{
  font-family:'Cormorant Garamond',Georgia,serif !important; color:#26477E !important; font-size:28px !important; font-weight:400 !important;
}
/* Package 变体选项 → 细线钴蓝,选中填充 */
body[data-page-type="product"] .product-detail__variant-picker label,
body[data-page-type="product"] .product-detail__variant-picker .variant-picker__option{
  border-radius:6px !important;
}
/* 数量器 + 行 间距 */
body[data-page-type="product"] .product-detail__quantity-selector{ border-radius:6px !important; }
/* 买按钮区:主金次金描边(已有金,这里补圆角统一) */
body[data-page-type="product"] .product-detail__buy-buttons .button{ border-radius:6px !important; }

/* ===== 商品/门票页:线路框架增强(Visit date + 信任行) ===== */
body[data-page-type="product"] .cjpb-date{ margin:14px 0; }
body[data-page-type="product"] .cjpb-lab{ display:block; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#5C7BA8; margin-bottom:8px; }
body[data-page-type="product"] .cjpb-input{ width:100%; border:1px solid #D6DDE1; border-radius:6px; padding:12px 14px; font-family:'Inter',sans-serif; font-size:14px; color:#1B2A3F; background:#fff; }
body[data-page-type="product"] .cjpb-trust{ list-style:none; margin:18px 0 0; padding:16px 0 0; border-top:1px solid #D6DDE1; display:flex; flex-direction:column; gap:12px; }
body[data-page-type="product"] .cjpb-trust li{ padding-left:24px; position:relative; }
body[data-page-type="product"] .cjpb-trust li::before{ content:"\2713"; position:absolute; left:0; top:1px; color:#26477E; font-weight:700; }
body[data-page-type="product"] .cjpb-trust b{ display:block; font-size:13px; color:#1B2A3F; }
body[data-page-type="product"] .cjpb-trust span{ display:block; font-size:12px; color:#7E8A9A; line-height:1.4; }

/* ===== 2026-06-14:门票套餐选择器 → GYG 选项卡外观(纯外观,原生变体不动) ===== */
body[data-page-type="product"] .variant-picker__group-label{
  font-family:'Inter',sans-serif !important; font-size:10px !important; letter-spacing:.16em !important;
  text-transform:uppercase !important; color:#5C7BA8 !important; font-weight:500 !important; margin-bottom:10px !important;
}
body[data-page-type="product"] .variant-picker__options{ display:flex !important; flex-direction:column !important; gap:10px !important; }
body[data-page-type="product"] .variant-picker__option{
  display:flex !important; align-items:center !important; gap:10px !important;
  border:1px solid #D6DDE1 !important; border-radius:8px !important; padding:14px 16px !important;
  background:#fff !important; cursor:pointer !important; margin:0 !important; transition:border-color .2s, box-shadow .2s !important;
  font-family:'Inter',sans-serif !important; font-size:14px !important; color:#1B2A3F !important;
}
body[data-page-type="product"] .variant-picker__option:hover{ border-color:#5C7BA8 !important; }
/* 选中态:radio 选中 → 钴蓝描边卡 */
body[data-page-type="product"] .variant-picker__option:has(input:checked){
  border-color:#26477E !important; box-shadow:inset 0 0 0 1px #26477E !important; background:#F6F8F9 !important;
}
/* 自定义圆 radio → 改成钴蓝小方点(不用大圆) */
body[data-page-type="product"] .variant-picker__input{ accent-color:#26477E; width:16px; height:16px; }

/* Visit date 真字段(门票,buy-buttons 内) */
body[data-page-type="product"] .cjtk-datefield{ margin:6px 0 16px; }
body[data-page-type="product"] .cjtk-datefield__lab{ display:block; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#5C7BA8; margin-bottom:8px; }
body[data-page-type="product"] .cjtk-datefield__input{ width:100%; border:1px solid #D6DDE1; border-radius:6px; padding:12px 14px; font-family:'Inter',sans-serif; font-size:14px; color:#1B2A3F; background:#fff; }

/* ── isv-deliver(配送预约)插件 · 青花瓷皮肤(购物车日期/时段)── */
[class*="deliveryItem"]{ border-radius:8px !important; border:1px solid #D6DDE1 !important; color:#1B2A3F !important; }
[class*="deliveryActive"]{ border-color:#26477E !important; box-shadow:inset 0 0 0 1px #26477E !important; background:#F6F8F9 !important; }
[class*="deliveryActive"] svg, [class*="deliveryItem"] svg{ color:#26477E !important; }
.plugin-deliver-datepicker-btn,
[class*="plugin-deliver"] .flatpickr-input,
.deliver-plugin-date-picker-slot input{ border-radius:6px !important; border:1px solid #D6DDE1 !important; color:#1B2A3F !important; background:#fff !important; }
.plugin-isv-deliver-delivery-wrap .theme-select__float,
[class*="deliveryWrap"] select,
.deliver-plugin-delivery-select-slot select{ border-radius:6px !important; border:1px solid #D6DDE1 !important; color:#1B2A3F !important; }
.isv-deliver-pdp-tips, [class*="isv-deliver-pdp"]{ color:#5C7BA8 !important; font-size:13px !important; }

/* ── 购物车页:米色旧底 #F8F6F1 → 青花瓷 ── */
/* 商品列表 = 瓷白卡片;结算区不加框(免大片空白) */
.main-cart-items__container{ background-color:#F6F8F9 !important; border:1px solid #D6DDE1 !important; border-radius:10px !important; }
.main-cart-footer__container{ background-color:transparent !important; border:none !important; }
.main-cart-items__header, .main-cart-items__content{ background:transparent !important; }
/* 数量加减框去米底 → 白底瓷边 */
.main-cart-items theme-input-number,
.main-cart-items__container theme-input-number,
theme-input-number{ background-color:#fff !important; border:1px solid #D6DDE1 !important; border-radius:8px !important; }
/* 购物车里残留的米色字段/下拉 */
body[data-page-type="cart"] .field, body[data-page-type="cart"] .theme-select__content{ background-color:#fff !important; }

/* 缩略图放大一点 + 圆角 */
.main-cart-items img{ border-radius:8px !important; }

/* 购物车卡片内间距 + 行内容垂直居中(修内部留白不均) */
.main-cart-items__container{ padding:22px 28px !important; }
.cart-item{ align-items:center !important; }
.cart-item__product{ align-items:center !important; }

/* ===== 全站内容宽度统一(2026-06-16)— 一个变量管全站,改这里即全站齐 ===== */
:root{ --cj-content-width:1500px; }
.cjh__in, .cjts-wrap, .cjsg-wrap, .cjd-stage, .cjcg-wrap, .cjhow-wrap, .cjtix-row,
.cjtk-wrap, .cjr-wrap, .cjr-htext, .cj-tabs,
.sgc-image-with-text-carousel__container,
.main-cart-header__container, .main-cart-items__container, .main-cart-footer__container{
  max-width: var(--cj-content-width) !important;
  margin-left: auto !important; margin-right: auto !important;
}

/* ===== 博客 / 文章页 青花瓷装修(2026-06-16)===== */
.main-blog, .main-article{ background:#EEF1F2 !important; }
.main-blog__container{ max-width:var(--cj-content-width) !important; margin-left:auto !important; margin-right:auto !important; }
.main-article-container{ max-width:860px !important; margin-left:auto !important; margin-right:auto !important; }  /* 正文窄列好读 */
/* 文章卡 → 瓷白卡片 + 圆角 + 悬浮 */
.main-blog__item, .block-article-card{ background:#F6F8F9 !important; border:1px solid #D6DDE1 !important; border-radius:10px !important; overflow:hidden !important; transition:transform .3s, box-shadow .3s; }
.main-blog__item:hover, .block-article-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px -26px rgba(27,42,63,.4); }
.block-article-card__image-wrapper{ border-radius:10px 10px 0 0 !important; overflow:hidden !important; }
.block-article-card__info{ padding:18px 20px 20px !important; }
/* 标题 → 衬线钴蓝 */
.block-article-card__info h2, .block-article-card__info h3, .block-article-card__info a,
.main-article h1, .main-article h2, .main-article h3, .main-article-container h1{
  font-family:'Cormorant Garamond',Georgia,serif !important; color:#26477E !important; font-weight:500 !important;
}
.block-article-card__extra-info{ color:#7E8A9A !important; font-size:12px !important; }
/* 文章正文字体/行距 */
.main-article-container, .main-article-container p{ font-family:'Inter',sans-serif; color:#34435a; line-height:1.75; }
