/* Theme palette — ensure dark variables on every page (not only site-bundle/global) */
:root[data-color-mode*="dark"] {
  --theme-palette-color-1: #f5b546;
  --theme-palette-color-2: #f8a007;
  --theme-palette-color-3: #989ca3;
  --theme-palette-color-4: #e7e7e7;
  --theme-palette-color-5: #364250;
  --theme-palette-color-6: #202b34;
  --theme-palette-color-7: #2b3641;
  --theme-palette-color-8: #1b242c;
}

/* Smooth scrolling (theme default); keep scrollbar gutter stable */
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

/* Keep sticky logo size stable (theme shrinks to 0.7 and causes header reflow) */
[data-header*="type-1"] .ct-header [data-sticky] [data-id="logo"] {
  --logo-sticky-shrink: 1 !important;
}

/* Header logo */
[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
  --logo-max-height: 46px;
  --logo-max-width: 280px;
  line-height: 0;
  padding: 0 !important;
  margin: 0 !important;
  height: var(--logo-max-height);
  max-width: var(--logo-max-width);
}
@media (max-width: 689.98px) {
  [data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    --logo-max-height: 36px;
    --logo-max-width: 200px;
  }
}
[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container img {
  width: auto !important;
  max-width: 100% !important;
  height: var(--logo-max-height) !important;
  max-height: var(--logo-max-height) !important;
  object-fit: contain;
  padding: 0 !important;
  margin: 0 !important;
}

/* Always one logo — avoid sticky/dark swap flicker */
.site-logo-container .sticky-logo,
.site-logo-container .dark-mode-logo,
[data-sticky*="yes"] .site-logo-container .sticky-logo,
[data-color-mode*="dark"] .site-logo-container .dark-mode-logo,
[data-color-mode*="dark"] .site-logo-container .sticky-logo {
  display: none !important;
}
.site-logo-container .default-logo,
[data-sticky*="yes"] .site-logo-container .default-logo,
[data-color-mode*="dark"] .site-logo-container .default-logo {
  display: inline-block !important;
}

/* Extra dark-mode fallbacks for static mirror (hardcoded white backgrounds) */
html[data-color-mode*="dark"] body {
  background-color: var(--theme-palette-color-6, #202b34) !important;
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .ct-header,
html[data-color-mode*="dark"] header#header,
html[data-color-mode*="dark"] [data-header] {
  background-color: var(--theme-palette-color-8, #1b242c) !important;
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .site-main,
html[data-color-mode*="dark"] #main,
html[data-color-mode*="dark"] .ct-container,
html[data-color-mode*="dark"] .entry-card,
html[data-color-mode*="dark"] .ct-sidebar,
html[data-color-mode*="dark"] .ct-widget,
html[data-color-mode*="dark"] .panel,
html[data-color-mode*="dark"] article {
  background-color: transparent;
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .ct-footer,
html[data-color-mode*="dark"] footer#footer {
  background-color: #121820 !important;
  color: rgba(231, 231, 231, 0.85);
}

html[data-color-mode*="dark"] a {
  color: inherit;
}

html[data-color-mode*="dark"] .menu a,
html[data-color-mode*="dark"] .ct-menu-link {
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}

html[data-color-mode*="dark"] .current-menu-item > a,
html[data-color-mode*="dark"] .current_page_item > a {
  color: var(--theme-palette-color-1, #f5b546) !important;
}

html[data-color-mode*="dark"] .page-title,
html[data-color-mode*="dark"] .entry-title,
html[data-color-mode*="dark"] h1,
html[data-color-mode*="dark"] h2,
html[data-color-mode*="dark"] h3 {
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .entries,
html[data-color-mode*="dark"] .entry-card,
html[data-color-mode*="dark"] .ct-posts-widget,
html[data-color-mode*="dark"] .widget_taxonomy_term {
  border-color: var(--theme-palette-color-5, #364250) !important;
}

html[data-color-mode*="dark"] .hero-section,
html[data-color-mode*="dark"] .ct-page-title-container {
  background-color: var(--theme-palette-color-7, #2b3641) !important;
}

/* Subpage hero banners: full-bleed cover, no gray letterboxing */
.hero-section[data-type="type-2"] > figure .ct-media-container img {
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}

.hero-section[data-type="type-2"] > [class*="ct-container"] {
  --min-height: 220px;
}

@media (max-width: 999.98px) {
  .hero-section[data-type="type-2"] > [class*="ct-container"] {
    --min-height: 180px;
  }
}

@media (max-width: 689.98px) {
  .hero-section[data-type="type-2"] > [class*="ct-container"] {
    --min-height: 140px;
  }
}

/* ===== Unified dark mode (static mirror hardcoded light surfaces) ===== */
html[data-color-mode*="dark"] .entry-content,
html[data-color-mode*="dark"] .entry-content p,
html[data-color-mode*="dark"] .entry-content li,
html[data-color-mode*="dark"] .entry-content td,
html[data-color-mode*="dark"] .entry-content th,
html[data-color-mode*="dark"] .gspb_text,
html[data-color-mode*="dark"] .gspb_heading,
html[data-color-mode*="dark"] .widget-title,
html[data-color-mode*="dark"] label,
html[data-color-mode*="dark"] .ct-breadcrumbs,
html[data-color-mode*="dark"] .ct-breadcrumbs a {
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .ct-breadcrumbs .ct-separator {
  fill: var(--theme-palette-color-4, #e7e7e7);
  opacity: 0.7;
}

html[data-color-mode*="dark"] .ct-container-full,
html[data-color-mode*="dark"] .ct-container[data-sidebar],
html[data-color-mode*="dark"] [class*="gspb_row"],
html[data-color-mode*="dark"] [class*="gspb_col"],
html[data-color-mode*="dark"] [class*="gspb_container"] {
  background-color: transparent !important;
  background-image: none !important;
}

/* Home: product cards, category cards, hotel row */
html[data-color-mode*="dark"] #gspb_filterid_gsbp-15185f5 .wp-block-post-template > .gspbgrid_item,
html[data-color-mode*="dark"] #gspb_filterid_gsbp-15185f5 .gspb_id-gsbp-975ad0a,
html[data-color-mode*="dark"] #gspb_id-gsbp-9919cb1 .home-cat-card,
html[data-color-mode*="dark"] #gspb_id-gsbp-9919cb1 .gspb-posts-grid-wrap.home-cat-cards > a,
html[data-color-mode*="dark"] #gspb_row-id-gsbp-4014872 {
  background: var(--theme-palette-color-7, #2b3641) !important;
  border-color: var(--theme-palette-color-5, #364250) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25) !important;
}

html[data-color-mode*="dark"] #gspb_id-gsbp-9919cb1 .home-cat-card-media,
html[data-color-mode*="dark"] #gspb_id-gsbp-9919cb1 .home-cat-card:nth-child(n) .home-cat-card-media {
  background: var(--theme-palette-color-6, #202b34) !important;
}

html[data-color-mode*="dark"] #gspb_filterid_gsbp-15185f5 .gspb_id-gsbp-ccb68e5 h3,
html[data-color-mode*="dark"] #gspb_filterid_gsbp-15185f5 .gspb_id-gsbp-ccb68e5 h3 a,
html[data-color-mode*="dark"] #gspb_id-gsbp-9919cb1 .home-cat-card .post-name {
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}

html[data-color-mode*="dark"] #gspb_filterid_gsbp-15185f5 .gspb_id-gsbp-ebbd6a8 .gspb_meta_value,
html[data-color-mode*="dark"] #gspb_filterid_gsbp-15185f5 .gspb_id-gsbp-ebbd6a8 .gspb_meta_value a {
  color: var(--theme-palette-color-3, #989ca3) !important;
}

html[data-color-mode*="dark"] #gspb_row-id-gsbp-50a262cb-df2f .swiper-button-next,
html[data-color-mode*="dark"] #gspb_row-id-gsbp-50a262cb-df2f .swiper-button-prev {
  background-color: var(--theme-palette-color-7, #2b3641) !important;
  color: var(--theme-palette-color-4, #e7e7e7) !important;
  --swiper-navigation-color: #e7e7e7;
}

/* Product gallery */
html[data-color-mode*="dark"] .wpkj-gallery-slider .flexy-items a,
html[data-color-mode*="dark"] .wpkj-gallery-slider .flexy-pills ol {
  background-color: var(--theme-palette-color-7, #2b3641) !important;
  border-color: var(--theme-palette-color-5, #364250) !important;
}

/* FAQ / blog accordions */
html[data-color-mode*="dark"] .gs-accordion-item > .gs-accordion-item__title,
html[data-color-mode*="dark"] .blog-faq-accordion .gs-accordion-item > .gs-accordion-item__title {
  background-color: var(--theme-palette-color-7, #2b3641) !important;
  color: var(--theme-palette-color-4, #e7e7e7) !important;
  border-color: var(--theme-palette-color-5, #364250) !important;
}

html[data-color-mode*="dark"] .gs-accordion-item > .gs-accordion-item__content,
html[data-color-mode*="dark"] .blog-faq-accordion .gs-accordion-item > .gs-accordion-item__content {
  background-color: var(--theme-palette-color-6, #202b34) !important;
  color: var(--theme-palette-color-4, #e7e7e7) !important;
  border-color: var(--theme-palette-color-5, #364250) !important;
}

html[data-color-mode*="dark"] .gs-accordion-item > .gs-accordion-item__content p,
html[data-color-mode*="dark"] .gs-accordion-item > .gs-accordion-item__content li {
  color: inherit;
}

/* Forms (contact, product inquiry) */
html[data-color-mode*="dark"] .fluentform .ff-el-form-control,
html[data-color-mode*="dark"] .fluentform input,
html[data-color-mode*="dark"] .fluentform textarea,
html[data-color-mode*="dark"] .fluentform select {
  background-color: var(--theme-palette-color-7, #2b3641) !important;
  color: var(--theme-palette-color-4, #e7e7e7) !important;
  border-color: var(--theme-palette-color-5, #364250) !important;
}

html[data-color-mode*="dark"] .fluentform .ff-el-input--label label {
  color: var(--theme-palette-color-4, #e7e7e7);
}

/* Popups & mobile shortcuts bar */
html[data-color-mode*="dark"] .ct-popup-inner > article {
  background-color: var(--theme-palette-color-7, #2b3641) !important;
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}

html[data-color-mode*="dark"] .ct-shortcuts-bar,
html[data-color-mode*="dark"] .ct-shortcuts-bar-items {
  background-color: var(--theme-palette-color-8, #1b242c) !important;
  border-color: var(--theme-palette-color-5, #364250) !important;
}

html[data-color-mode*="dark"] .ct-shortcuts-bar a {
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}

/* Product listing cards & pagination */
html[data-color-mode*="dark"] .woocommerce ul.products li.product,
html[data-color-mode*="dark"] .products .product,
html[data-color-mode*="dark"] .type-wpkj_product {
  background-color: transparent;
}

html[data-color-mode*="dark"] .ct-pagination,
html[data-color-mode*="dark"] .ct-pagination a,
html[data-color-mode*="dark"] .page-numbers {
  color: var(--theme-palette-color-4, #e7e7e7);
  border-color: var(--theme-palette-color-5, #364250);
}

html[data-color-mode*="dark"] .page-numbers.current {
  background-color: var(--theme-palette-color-7, #2b3641);
}

html[data-color-mode*="dark"] table,
html[data-color-mode*="dark"] th,
html[data-color-mode*="dark"] td {
  border-color: var(--theme-palette-color-5, #364250) !important;
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .related-entry-title a,
html[data-color-mode*="dark"] .ct-related-posts h4 a {
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .ct-widget,
html[data-color-mode*="dark"] .ct-sidebar .widget {
  background-color: transparent;
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .ct-back-to-top {
  background-color: var(--theme-palette-color-7, #2b3641) !important;
  color: var(--theme-palette-color-4, #e7e7e7) !important;
  border-color: var(--theme-palette-color-5, #364250) !important;
}

html[data-color-mode*="dark"] h4,
html[data-color-mode*="dark"] h5,
html[data-color-mode*="dark"] h6,
html[data-color-mode*="dark"] .price,
html[data-color-mode*="dark"] .ct-product-title {
  color: var(--theme-palette-color-4, #e7e7e7);
}

/* ===== wblock-child hardcoded light surfaces (need matching specificity) ===== */
html[data-color-mode*="dark"] .entries[data-archive="default"][data-layout="grid"] > .entry-card {
  background: var(--theme-palette-color-7, #2b3641) !important;
  border-color: var(--theme-palette-color-5, #364250) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25) !important;
}

html[data-color-mode*="dark"]
  .entries[data-archive="default"][data-layout="grid"]
  > .entry-card
  > .ct-media-container,
html[data-color-mode*="dark"]
  .entries[data-archive="default"][data-layout="grid"]
  > .entry-card
  > .card-content {
  background: var(--theme-palette-color-6, #202b34) !important;
}

html[data-color-mode*="dark"]
  .entries[data-archive="default"][data-layout="grid"]
  > .entry-card
  .entry-title,
html[data-color-mode*="dark"]
  .entries[data-archive="default"][data-layout="grid"]
  > .entry-card
  .entry-title
  a {
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}

html[data-color-mode*="dark"] aside#sidebar .ct-sidebar .widget-title,
html[data-color-mode*="dark"] aside#sidebar .ct-sidebar .ct-widget .widget-title {
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] aside#sidebar .wpkj-taxonomy-widget li {
  border-color: var(--theme-palette-color-5, #364250);
}

html[data-color-mode*="dark"] aside#sidebar .wpkj-taxonomy-widget a,
html[data-color-mode*="dark"] aside#sidebar .ct-posts-widget a,
html[data-color-mode*="dark"] aside#sidebar .ct-posts-widget .ct-post-title {
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] aside#sidebar .ct-posts-widget .ct-media-container,
html[data-color-mode*="dark"] aside#sidebar .ct-posts-widget .ct-media-container img {
  background: var(--theme-palette-color-7, #2b3641);
}

html[data-color-mode*="dark"] .entry-content .gs-autolist {
  background: var(--theme-palette-color-7, #2b3641);
  border-color: var(--theme-palette-color-5, #364250);
  box-shadow: none;
}

html[data-color-mode*="dark"] .entry-content .gs-autolist-item {
  background: var(--theme-palette-color-7, #2b3641);
  border-color: var(--theme-palette-color-5, #364250);
}

html[data-color-mode*="dark"] .entry-content .gs-autolist-item:nth-child(even) {
  background: var(--theme-palette-color-6, #202b34);
}

html[data-color-mode*="dark"] .entry-content .gs-autolist-item:hover {
  background: var(--theme-palette-color-5, #364250);
}

html[data-color-mode*="dark"] .entry-content .gs-autolist-title,
html[data-color-mode*="dark"] .entry-content .gs-autolist-title a {
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}

html[data-color-mode*="dark"] .entry-content .gs-autolist-title a:hover {
  color: var(--theme-palette-color-1, #f5b546) !important;
}

html[data-color-mode*="dark"] .post-navigation .item-title {
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .post-navigation .item-label {
  color: var(--theme-palette-color-3, #989ca3);
}

html[data-color-mode*="dark"] .post-navigation [class*="nav-item"]:hover .item-title {
  color: var(--theme-palette-color-1, #f5b546);
}

html[data-color-mode*="dark"]
  .single-wpkj_product
  .wpkj-gallery-slider
  .flexy-items
  > div
  > .ct-media-container,
html[data-color-mode*="dark"]
  .single-wpkj_product
  .wpkj-gallery-slider
  .flexy-pills[data-type="thumbs"]
  .ct-media-container,
html[data-color-mode*="dark"] .single-wpkj_product .wp-block-post-content .product-detail-media {
  background: var(--theme-palette-color-7, #2b3641) !important;
}

html[data-color-mode*="dark"] .single-wpkj_product .product-spec-table,
html[data-color-mode*="dark"] .gspb_meta .product-spec-table {
  background: var(--theme-palette-color-7, #2b3641) !important;
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .single-wpkj_product .product-spec-table th,
html[data-color-mode*="dark"] .single-wpkj_product .product-spec-table td,
html[data-color-mode*="dark"] .gspb_meta .product-spec-table th,
html[data-color-mode*="dark"] .gspb_meta .product-spec-table td {
  border-color: var(--theme-palette-color-5, #364250) !important;
  color: var(--theme-palette-color-4, #e7e7e7);
}

html[data-color-mode*="dark"] .single-wpkj_product .product-spec-table thead th,
html[data-color-mode*="dark"] .gspb_meta .product-spec-table thead th,
html[data-color-mode*="dark"] .single-wpkj_product .product-spec-table tbody th,
html[data-color-mode*="dark"] .gspb_meta .product-spec-table tbody th {
  background: var(--theme-palette-color-6, #202b34) !important;
}

html[data-color-mode*="dark"] .single-wpkj_product .product-spec-table__section th {
  background: var(--theme-palette-color-5, #364250) !important;
}

html[data-color-mode*="dark"] .gspb_meta .product-params-list li {
  border-color: var(--theme-palette-color-5, #364250);
}

html[data-color-mode*="dark"] .gspb_meta .product-params-list strong {
  color: var(--theme-palette-color-4, #e7e7e7);
}

/* Inline Blocksy popup surfaces (ct-main-styles-inline-css) */
html[data-color-mode*="dark"] [data-block*="430"] .ct-popup-inner > article,
html[data-color-mode*="dark"] [data-block*="597"] .ct-popup-inner > article,
html[data-color-mode*="dark"] [data-block*="39"] .ct-popup-inner > article {
  background-color: var(--theme-palette-color-7, #2b3641) !important;
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}

/* home.css loads after dark-mode-fix on index — reinforce featured cards */
html[data-color-mode*="dark"] #gspb_filterid_gsbp-15185f5 .gspb_id-gsbp-ccb68e5 h3,
html[data-color-mode*="dark"] #gspb_filterid_gsbp-15185f5 .gspb_id-gsbp-ccb68e5 h3 a {
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}

html[data-color-mode*="dark"] #gspb_id-gsbp-9919cb1 .home-cat-card .post-name {
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}

html[data-color-mode*="dark"]
  #gspb_row-id-gsbp-50a262cb-df2f
  .gspb_slider-id-gsbp-32f91701-b51b
  .swiper-button-next:after,
html[data-color-mode*="dark"]
  #gspb_row-id-gsbp-50a262cb-df2f
  .gspb_slider-id-gsbp-32f91701-b51b
  .swiper-button-prev:after {
  color: var(--theme-palette-color-4, #e7e7e7) !important;
}