/* YUBEEN thermal product page navigation coexistence v1; page scoped. */
body.yb-thermal-coexist-ready.page-id-5430 .yb-pnav13__bar.is-fixed,
body.yb-thermal-coexist-ready.page-id-5469 .yb-pnav13__bar.is-fixed,
body.yb-thermal-coexist-ready.page-id-14212 .yb-pnav13__bar.is-fixed {
  top: var(--yb-thermal-coexist-top, 0px) !important;
}

/* YUBEEN Thermal Floating Controls v1.0
 * Single rendering authority for TranslatePress floating controls on
 * explicitly enrolled thermal product pages (body class set by MU loader).
 * Elementor/product chapter navigation remains in thermal-nav-coexist-v1.css.
 */
@media (max-width: 767px) {
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) {
    --yb-flc-closed-bg: rgba(25, 29, 34, .94);
    --yb-flc-open-bg: #10231c;
    --yb-flc-bottom: calc(128px + env(safe-area-inset-bottom, 0px));
    --yb-flc-back-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  }
  /* Keep GX55L's approved green tone while sharing all layout rules. */
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212).page-id-14212 {
    --yb-flc-closed-bg: rgba(18, 33, 26, .94);
  }

  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher {
    --bg: var(--yb-flc-open-bg) !important;
    --text: #fff !important;
    --text-hover: #fff !important;
    position: fixed !important;
    top: auto !important;
    left: auto !important;
    right: 0 !important;
    bottom: var(--yb-flc-bottom) !important;
    margin: 0 !important;
    padding: 0 !important; /* The plugin defaults to 10px 0, which breaks 46px centering. */
    border: 0 !important;
    box-sizing: border-box !important;
  }

  /* CLOSED: all three nested boxes have exactly the same geometry. */
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher:has(.trp-language-item__current[aria-expanded="false"]) {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    border-radius: 12px 0 0 12px !important;
    background: var(--yb-flc-closed-bg) !important;
    overflow: hidden !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher:has(.trp-language-item__current[aria-expanded="false"]) .trp-language-switcher-inner {
    display: flex !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    flex: 0 0 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="false"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }
  /* YB-TRP-FLAG-FALLBACK-V1: avoid a blank collapsed control before flag DOM insertion. */
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="false"]:has(img.trp-flag-image) .trp-language-item-name {
    display: none !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="false"]:not(:has(img.trp-flag-image)) .trp-language-item-name {
    display: inline-block !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
  /* Match TranslatePress's real default flag width (18px), without artificial Y shifts. */
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="false"] img.trp-flag-image {
    display: block !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    object-fit: contain !important;
  }

  /* OPEN: keep the existing compact, right-anchored menu. */
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher:has(.trp-language-item__current[aria-expanded="true"]) {
    width: 154px !important;
    min-width: 154px !important;
    max-width: min(154px, calc(100vw - 12px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 12px 0 0 12px !important;
    background: var(--yb-flc-open-bg) !important;
    overflow: visible !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher:has(.trp-language-item__current[aria-expanded="true"]) .trp-language-switcher-inner {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="true"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="true"] .trp-language-item-name {
    display: inline !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: #fff !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list {
    width: 154px !important;
    min-width: 154px !important;
    max-width: min(154px, calc(100vw - 12px)) !important;
    padding: 4px 0 !important;
    gap: 0 !important;
    row-gap: 0 !important;
    background: var(--yb-flc-open-bg) !important;
    color: #fff !important;
    box-sizing: border-box !important;
  }
  /* TranslatePress closes asynchronously: aria-expanded is the reliable sizing signal. */
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="false"] ~ .trp-switcher-dropdown-list,
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list[hidden] {
    display: none !important;
    visibility: hidden !important;
    max-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="true"] ~ .trp-switcher-dropdown-list:not([hidden]) {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    max-height: min(340px, calc(100dvh - 180px)) !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
    overscroll-behavior: contain;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list > .trp-language-item {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 42px !important;
    gap: 8px !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    color: #fff !important;
    background: transparent !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list .trp-language-item-name {
    color: #fff !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  /* YB-TRP-OPEN-FLAG-CANONICAL-V1: same 20x15 flag in every expanded row and current-language row. */
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="true"] img.trp-flag-image,
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) nav.trp-language-switcher.trp-floating-switcher .trp-language-item__current[aria-expanded="true"] ~ .trp-switcher-dropdown-list img.trp-flag-image {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    flex-shrink: 0 !important;
  }
  /* Preserve global back-to-top visibility JS and button appearance. */
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) .ybn-back-to-top {
    top: auto !important;
    bottom: var(--yb-flc-back-bottom) !important;
  }
  html body:is(.page-id-5430, .page-id-5469, .page-id-14212) button.ybn-back-to-top.is-visible {
    transform: none !important;
  }
}