/* 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) Recolor theme color schemes: celadon green -> porcelain blue (#2A5285 = 42,82,133) */
.color-scheme-1,.color-scheme-2,.color-scheme-3,.color-scheme-4,
.color-scheme-5,.color-scheme-6,.color-scheme-7{
  --color-button-background:42,82,133;
  --color-button-text-link:42,82,133;
  --color-cart-bubble:42,82,133;
  --color-tag-background:42,82,133;
  --color-sale:42,82,133;
  --color-discount:42,82,133;
  --color-text:26,36,54;
  --color-light-text:92,107,128;
  --color-entry-line:213,222,235;
}
/* dark scheme: lift the button so it stays readable on dark */
.color-scheme-3{ --color-button-background:94,134,181; }

/* 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:#2A5285 !important;
  border-color:#2A5285 !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(42,82,133,.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);
}