/*
 * Kynex Lab's — final light-orange color layer
 * Loaded after the Nuvemshop async stylesheet and admin custom CSS.
 * All rules are namespaced to prevent collisions with the base theme.
 */

body.kynex-light-orange-v3 {
  --kynex-v3-orange: #ff5a00;
  --kynex-v3-orange-dark: #e94e00;
  --kynex-v3-orange-deep: #8f3000;
  --kynex-v3-paper: #fffaf5;
  --kynex-v3-surface: #ffffff;
  --kynex-v3-surface-soft: #fff0e6;
  --kynex-v3-line: #ffd1b8;
  --kynex-v3-muted: #a64b1d;
  --main-background: var(--kynex-v3-paper);
  --main-foreground: var(--kynex-v3-orange-deep);
  --header-background: var(--kynex-v3-orange);
  --header-foreground: #ffffff;
  --nav-desktop-background: var(--kynex-v3-orange-dark);
  --nav-desktop-foreground: #ffffff;
  --footer-background: var(--kynex-v3-orange);
  --footer-foreground: #ffffff;
  color: var(--kynex-v3-orange-deep);
  background: var(--kynex-v3-paper);
}

body.kynex-light-orange-v3 .winnie-pooh,
body.kynex-light-orange-v3 .site-overlay,
body.kynex-light-orange-v3 .js-cross-selling-modal-body {
  display: none;
}

body.kynex-light-orange-v3 .kynex-wordmark img {
  display: block;
  width: auto;
  max-width: 200px;
  filter: brightness(0) invert(1) !important;
}

/* Header and navigation */

body.kynex-light-orange-v3 .kynex-header.head-main {
  color: #ffffff !important;
  fill: #ffffff !important;
  background: var(--kynex-v3-orange) !important;
  border-color: rgba(255, 255, 255, .22) !important;
  box-shadow: 0 8px 26px rgba(185, 65, 0, .16) !important;
}

body.kynex-light-orange-v3 .kynex-topbar {
  color: #ffffff !important;
  background: linear-gradient(90deg, #ff7a1a 0%, #ff5a00 100%) !important;
}

body.kynex-light-orange-v3 .kynex-header-main {
  background: linear-gradient(135deg, #ff6a12 0%, #ff5a00 55%, #e94e00 100%) !important;
}

body.kynex-light-orange-v3 .kynex-wordmark,
body.kynex-light-orange-v3 .kynex-account,
body.kynex-light-orange-v3 .kynex-cart .btn-utility,
body.kynex-light-orange-v3 .kynex-mobile-menu .btn-utility,
body.kynex-light-orange-v3 .kynex-header .search-btn {
  color: #ffffff !important;
}

body.kynex-light-orange-v3 .kynex-account > .icon-inline,
body.kynex-light-orange-v3 .kynex-cart .cart-icon,
body.kynex-light-orange-v3 .kynex-cart .utilities-icon,
body.kynex-light-orange-v3 .kynex-mobile-menu .utilities-icon {
  fill: #ffffff !important;
}

body.kynex-light-orange-v3 .kynex-account small {
  color: rgba(255, 255, 255, .88) !important;
}

body.kynex-light-orange-v3 .kynex-cart .badge {
  color: #ffffff !important;
  background: var(--kynex-v3-orange-deep) !important;
  border-color: var(--kynex-v3-orange-dark) !important;
}

body.kynex-light-orange-v3 .kynex-header .search-input,
body.kynex-light-orange-v3 .kynex-header .form-control.search-input {
  color: var(--kynex-v3-orange-deep) !important;
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, .86) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .8) !important;
}

body.kynex-light-orange-v3 .kynex-header .search-input::placeholder,
body.kynex-light-orange-v3 .kynex-header .form-control.search-input::placeholder {
  color: #b05a2f !important;
}

body.kynex-light-orange-v3 .kynex-header .search-submit-btn::before,
body.kynex-light-orange-v3 .kynex-header .search-empty-btn::before {
  background-color: var(--kynex-v3-orange-deep) !important;
}

body.kynex-light-orange-v3 .kynex-header .search-suggestions {
  color: var(--kynex-v3-orange-deep) !important;
  background: #ffffff !important;
}

body.kynex-light-orange-v3 .kynex-nav {
  background: var(--kynex-v3-orange-dark) !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

body.kynex-light-orange-v3 .kynex-nav a {
  color: #ffffff !important;
}

body.kynex-light-orange-v3 .kynex-nav a:hover,
body.kynex-light-orange-v3 .kynex-nav a:focus-visible,
body.kynex-light-orange-v3 .kynex-nav a.is-active {
  color: #fff0d9 !important;
}

/* Light home surfaces */

body.kynex-light-orange-v3.template-home,
body.kynex-light-orange-v3 .kynex-home {
  color: var(--kynex-v3-orange-deep) !important;
  background: radial-gradient(circle at 50% 28%, #ffffff 0%, #fff7f0 48%, #fffaf5 100%) !important;
}

body.kynex-light-orange-v3 .kynex-benefit-bar {
  color: var(--kynex-v3-orange-deep) !important;
  background: #ffffff !important;
  border-color: var(--kynex-v3-line) !important;
  box-shadow: 0 4px 16px rgba(185, 65, 0, .08) !important;
}

body.kynex-light-orange-v3 .kynex-benefit-item .icon-inline {
  fill: var(--kynex-v3-orange) !important;
}

body.kynex-light-orange-v3 .kynex-benefit-item small {
  color: var(--kynex-v3-muted) !important;
}

body.kynex-light-orange-v3 .kynex-hero {
  background: var(--kynex-v3-orange) !important;
}

body.kynex-light-orange-v3 .kynex-hero-arrow,
body.kynex-light-orange-v3 .kynex-category-item,
body.kynex-light-orange-v3 .kynex-category-icon,
body.kynex-light-orange-v3 .kynex-section-title,
body.kynex-light-orange-v3 .kynex-product-name,
body.kynex-light-orange-v3 .kynex-product-price strong {
  color: var(--kynex-v3-orange-deep) !important;
}

body.kynex-light-orange-v3 .kynex-category-strip {
  background: rgba(255, 255, 255, .97) !important;
}

body.kynex-light-orange-v3 .kynex-category-icon,
body.kynex-light-orange-v3 .kynex-product-card {
  background: #ffffff !important;
  border-color: var(--kynex-v3-line) !important;
  box-shadow: 0 12px 32px rgba(185, 65, 0, .10) !important;
}

body.kynex-light-orange-v3 .kynex-product-image {
  background: linear-gradient(145deg, #ffffff 0%, #fff4ec 100%) !important;
}

body.kynex-light-orange-v3 .kynex-product-benefits,
body.kynex-light-orange-v3 .kynex-product-price del {
  color: var(--kynex-v3-muted) !important;
}

body.kynex-light-orange-v3 .kynex-image-card {
  background: transparent !important;
  box-shadow: none !important;
}

/* body.kynex-light-orange-v3 .kynex-image-card-lifestyle img {
  min-width: 110%;
  margin-right: 1rem;
} */

/* Newsletter */

body.kynex-light-orange-v3 .kynex-newsletter {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ff6a12 0%, #ff5a00 58%, #e94e00 100%) !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

body.kynex-light-orange-v3 .kynex-newsletter-copy h2,
body.kynex-light-orange-v3 .kynex-newsletter-copy p {
  color: #ffffff !important;
}

body.kynex-light-orange-v3 .kynex-newsletter-form input[type='email'] {
  color: var(--kynex-v3-orange-deep) !important;
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, .86) !important;
}

body.kynex-light-orange-v3 .kynex-newsletter-form input[type='email']::placeholder {
  color: #a64b1d !important;
}

body.kynex-light-orange-v3 .kynex-newsletter-form input[type='email']:focus {
  border-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px var(--kynex-v3-orange-deep) !important;
}

body.kynex-light-orange-v3 .kynex-newsletter-form button {
  color: var(--kynex-v3-orange-deep) !important;
  background: #ffffff !important;
}

/* Footer */

body.kynex-light-orange-v3 .kynex-footer {
  color: #ffffff !important;
  fill: #ffffff !important;
  background: var(--kynex-v3-orange) !important;
  border-color: rgba(255, 255, 255, .22) !important;
}

body.kynex-light-orange-v3 .kynex-footer-main {
  background: linear-gradient(135deg, #ff6810 0%, #ff5a00 50%, #e94e00 100%) !important;
}

body.kynex-light-orange-v3 .kynex-footer a,
body.kynex-light-orange-v3 .kynex-footer-brand p,
body.kynex-light-orange-v3 .kynex-footer-contact p {
  color: #ffffff !important;
}

body.kynex-light-orange-v3 .kynex-footer-social .social-icon,
body.kynex-light-orange-v3 .kynex-footer-column h2,
body.kynex-light-orange-v3 .kynex-footer-commerce h2 {
  color: #ffffff !important;
}

body.kynex-light-orange-v3 .kynex-footer-contact .icon-inline {
  fill: #ffffff !important;
}

body.kynex-light-orange-v3 .kynex-footer-wordmark em {
  color: #fff0d9 !important;
}

body.kynex-light-orange-v3 .kynex-payment-labels span {
  color: var(--kynex-v3-orange-deep) !important;
  background: #ffffff !important;
}

body.kynex-light-orange-v3 .kynex-footer-security small {
  color: rgba(255, 255, 255, .76) !important;
}

body.kynex-light-orange-v3 .kynex-footer-legal {
  color: rgba(255, 255, 255, .82) !important;
  background: var(--kynex-v3-orange-dark) !important;
  border-color: rgba(255, 255, 255, .22) !important;
}

body.kynex-light-orange-v3 .kynex-powered-by a {
  color: rgba(255, 255, 255, .88) !important;
}

/* Native pages and controls */

body.kynex-light-orange-v3 .btn-primary {
  color: #ffffff !important;
  background: var(--kynex-v3-orange) !important;
  border-color: var(--kynex-v3-orange) !important;
}

body.kynex-light-orange-v3 .btn-default {
  color: var(--kynex-v3-orange-deep) !important;
  background: #ffffff !important;
  border-color: var(--kynex-v3-line) !important;
}

body.kynex-light-orange-v3 .text-accent,
body.kynex-light-orange-v3 .btn-link,
body.kynex-light-orange-v3 .link-contrast {
  color: var(--kynex-v3-orange) !important;
}
