/* Light appearance corrections. Artwork, typography and layout remain native. */
html[data-gb-theme=light]:is(html,#gb-appearance-root) {
  --gb-light-ink:#242424;
  --gb-light-muted:#5d625c;
  --gb-light-line:#d9ddd6;
}
/* Native header/footer already provide their own palettes, including overlays. */
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gbh {
  color:var(--gbh-text)!important;
  background:var(--gbh-bg)!important;
}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gbh .gbh-drawer-main>a>svg:first-child {color:var(--gbh-focus)}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gbh :is(.gbh-drawer,.gbh-search-dialog,.gbh-dropdown,.gbh-suggestions) {color:var(--gbh-text);border-color:var(--gbh-line)}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gbf {background:var(--gbf-bg)!important;color:var(--gbf-text)!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gbf :is(h2,.gbf-heading-label,.gbf-toggle) {color:var(--gbf-text)!important;-webkit-text-fill-color:currentColor}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gbf :is(.gbf-about>p,.gbf-support p,.gbf-copyright) {color:var(--gbf-muted)!important;-webkit-text-fill-color:currentColor}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gbf :is(.gbf-link-inner>a,.gbf-socials a) {color:var(--gbf-muted)!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gbf :is(.gbf-link-inner>a,.gbf-socials a):is(:hover,:focus-visible) {color:var(--gbf-text)!important}
/* Copy over photographic slides must keep the slide's original contrast. */
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh .gh-slide .gh-stage-copy {color:var(--slide-heading,#fff)!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh .gh-slide .gh-stage-copy h2 {color:var(--slide-heading,#fff)!important;-webkit-text-fill-color:currentColor}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh .gh-slide .gh-stage-subtitle {color:var(--slide-subtitle,#e8e8e8)!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh .gh-slide .gh-stage-label {color:var(--slide-label,#fbc11d)!important}
/* Branded installment panels keep their blue/purple surfaces and white copy. */
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh :is(.gh-digi,.gh-zplus) {color:#fff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh :is(.gh-digi,.gh-zplus) :is(h2,em,.gh-digi-brand,.gh-digi-brand-copy,.gh-zplus-brand,.gh-zplus-brand strong) {color:#fff!important;-webkit-text-fill-color:currentColor}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh :is(.gh-digi,.gh-zplus) p {color:#edf1ff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh .gh-digi .gh-installments>div {color:#fff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh .gh-digi .gh-installments>div:first-child {color:#013fff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh .gh-digi .gh-installments small {color:#e1eaff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gh .gh-digi .gh-installments>div:first-child small {color:#4869c9!important}
/* Ultimate's hero has an intentional light palette, while illustrated cards stay dark. */
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-hero {
  --green:#477500;--text:#20241d;--muted:#58634f;
  color:var(--text)!important;
  background:radial-gradient(ellipse at 20% 45%,#92cd1c16,transparent 55%),#fafcf7!important;
  border-color:#d5dfcb!important;
}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-hero :is(h1,.gp-hero-slogan,.gp-wordmark) {color:var(--text)!important;-webkit-text-fill-color:currentColor}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-hero em {color:#477500!important;-webkit-text-fill-color:currentColor}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-hero :is(p,.gp-hero-meta,.gp-hero-copy>small,.gp-art-note) {color:#58634f!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-wordmark>b {background:#b1ee34!important;color:#17200d!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-hero .gp-primary {background:#b1ee34!important;color:#18210d!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-hero .gp-text {color:#477500!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-feature {--text:#fff;--muted:#d5ddd0;--green:#b1ee34;color:#fff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-feature h3 {color:#fff!important;-webkit-text-fill-color:currentColor}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-feature p {color:#d5ddd0!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-feature :is(span,a) {color:#b1ee34!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-art-card figcaption {color:#fff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-art-card figcaption strong {color:#fff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-art-card figcaption small {color:#cbd7c3!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gp .gp-device-layout figure figcaption {color:#e3edd7!important}
/* Selection, quantity and discount text stay legible on both dedicated products. */
html[data-gb-theme=light]:is(html,#gb-appearance-root) :is(#gp,#gb6) {--line:#d7dcd4}
html[data-gb-theme=light]:is(html,#gb-appearance-root) :is(#gp,#gb6) :is(.quantity input,.quantity button) {border-color:var(--line)!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gb6 .gb6-console {background:#e8f4ef!important;color:#236b55!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) #gb6 :is(.gb6-step,.gb6-age) {background:#f0edf2!important;color:#655e6b!important;border-color:#d7d0dc!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) :is(#gp,#gb6) :is(.woocommerce-variation-price del,.woocommerce-variation-price .woocommerce-price-suffix) {color:var(--muted)!important}
/* The two-color border is a border, not a background to replace with a gold gradient. */
html[data-gb-theme=light]:is(html,#gb-appearance-root) :is(#gp,#gb6,#gb-content) .gb-credit-inline {--credit-inline-surface:#f8f8fc;color:#242431!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) :is(#gp,#gb6,#gb-content) .gb-credit-inline :is(.gb-credit-caption strong,.gb-credit-price,.gb-credit-value-row,.gb-credit-value,.gb-credit-currency) {color:#242431!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) :is(#gp,#gb6,#gb-content) .gb-credit-inline :is(.gb-credit-caption small,.gb-credit-price-label) {color:#656574!important}
/* Keep intentional dark editorial buttons and colored promotional cards intact. */
html[data-gb-theme=light]:is(html,#gb-appearance-root) .gb-credit-card {color:#fff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) .gb-credit-card :is(.gb-credit-brand strong,.gb-credit-price,.gbzp-wheel-center>span) {color:#fff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) .gb-credit-card .gb-credit-brand small {color:#eee5ff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) .gb-credit-card h2 {color:var(--credit-accent)!important;-webkit-text-fill-color:currentColor}
html[data-gb-theme=light]:is(html,#gb-appearance-root) .gb-credit-card .gbzp-wheel-center b {color:var(--credit-accent)!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) .gb-credit-card .gb-credit-tiles>div {color:#fff!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) .gb-credit-card .gb-credit-tiles>div:first-child {color:#1746df!important}
html[data-gb-theme=light]:is(html,#gb-appearance-root) a.gbcb-link {color:#f4f4ec!important}
/* Flexible intrinsic widths avoid clipping long selected options at narrow widths. */
html[data-gb-theme=light] :is(#gp,#gb6) :is(.gb-beta-options,.gb-credit-caption,.gb-credit-price) {min-width:0}
html[data-gb-theme=light] :is(#gp,#gb6) .gb-credit-caption {overflow-wrap:anywhere}
@media(max-width:360px) {
  html[data-gb-theme=light] #gbf .gbf-support-actions {flex-wrap:wrap;row-gap:8px}
  html[data-gb-theme=light] #gbf .gbf-phone {max-width:100%}
}