/*
 * "Forest & lime" colours, buttons, announcement bar, header and footer on every page that uses
 * the full Oippa header (product and thank-you pages keep their own minimal design).
 * Customize > Home page > Colors.
 */
body.ox-chrome-forest, body.ox-skin-forest {
	--fx-deep: #0b1a14;
	--fx-deep-2: #10241b;
	--fx-deep-3: #163126;
	--fx-lime: #c8f03c;
	--fx-lime-2: #b5e021;
	--fx-cream: #f3efe4;
	--fx-cream-mute: rgba(243, 239, 228, .68);
	--fx-page: #f5f2ea;
	--fx-line: rgba(11, 26, 20, .09);
	--fx-green: #1d4d39;
}

/* Store tokens used by cards, chips, filters, links and buttons */
body.ox-chrome-forest, body.ox-skin-forest {
	--hx-primary: #1d4d39;
	--hx-primary-rgb: 29, 77, 57;
	--hx-primary-dark: #0b1a14;
	--hx-primary-soft: #e9f2d6;
	--hx-primary-softer: #f2f6e8;
	--hx-primary-border: #c9d8b4;
	--hx-ink: #0b1a14;
	--hx-price: #0b1a14;
	--hx-grad: linear-gradient(135deg, #1d4d39 0%, #0b1a14 100%);
	--hx-grad-soft: linear-gradient(135deg, #f1f4e6 0%, #faf8f2 100%);
	--hx-grad-badge: linear-gradient(135deg, var(--fx-lime) 0%, var(--fx-lime-2) 100%);
	--hx-glow: 0 10px 24px -12px rgba(11, 26, 20, .55);
	background: var(--fx-page);
	color: var(--fx-deep);
}
body.ox-chrome-forest .hx-main { background: transparent; }

/* ---------- Product cards, chips, buttons ---------- */
body.ox-chrome-forest .hx-card__link { background: #fff; }
body.ox-chrome-forest .hx-card__media { background: #f6f4ee; }
body.ox-chrome-forest .hx-card__badge { color: var(--fx-deep); }
body.ox-chrome-forest .hx-card__btn { border-radius: 999px; background: var(--fx-deep); color: var(--fx-cream); box-shadow: none; }
@media (hover: hover) {
	body.ox-chrome-forest .hx-card__link:hover .hx-card__btn { background: var(--fx-lime); color: var(--fx-deep); box-shadow: 0 12px 24px -14px rgba(130, 170, 20, .8); filter: none; }
}
body.ox-chrome-forest .hx-chip.is-active { background: var(--fx-deep); color: var(--fx-lime); box-shadow: none; }
body.ox-chrome-forest .hx-more__btn { border-radius: 999px; background: var(--fx-deep); color: var(--fx-cream); box-shadow: none; }
body.ox-chrome-forest .hx-more__btn:hover { background: var(--fx-lime); color: var(--fx-deep); }

/* ---------- Announcement & header ---------- */
body.ox-chrome-forest .ox-annc { background: var(--fx-lime); color: var(--fx-deep); }
body.ox-chrome-forest .ox-annc__in { font-weight: 700; letter-spacing: .02em; }
body.ox-chrome-forest .ox-hdr { background: rgba(11, 26, 20, .94); box-shadow: 0 1px 0 rgba(200, 240, 60, .1); }
body.ox-chrome-forest .ox-hdr .ox-logo--text { color: var(--fx-cream) !important; }
body.ox-chrome-forest .ox-nav__list a { color: var(--fx-cream-mute); font-weight: 600; }
body.ox-chrome-forest .ox-nav__list a:hover { background: rgba(243, 239, 228, .06); color: var(--fx-cream); }
body.ox-chrome-forest .ox-nav__list .current-menu-item > a { background: transparent; color: var(--fx-lime); }
body.ox-chrome-forest .ox-icon-btn { color: var(--fx-cream); }
body.ox-chrome-forest .ox-icon-btn:hover, body.ox-chrome-forest .ox-search[open] > .ox-icon-btn { background: rgba(243, 239, 228, .08); color: var(--fx-lime); }
body.ox-chrome-forest .ox-hdr__cta { border-radius: 999px; background: var(--fx-lime); color: var(--fx-deep); box-shadow: none; }
body.ox-chrome-forest .ox-hdr__cta:hover { background: var(--fx-cream); color: var(--fx-deep); }
body.ox-chrome-forest .ox-search__form button { background: var(--fx-deep); }

/* ---------- Footer ---------- */
body.ox-chrome-forest .ox-ftr { background: var(--fx-deep); background-image: radial-gradient(50% 120% at 100% 0%, rgba(200, 240, 60, .09), transparent 60%); color: var(--fx-cream-mute); }
body.ox-chrome-forest .ox-ftr .ox-logo--text { color: var(--fx-cream) !important; }
body.ox-chrome-forest .ox-ftr__col h2 { color: var(--fx-lime); }
body.ox-chrome-forest .ox-ftr__col a, body.ox-chrome-forest .ox-ftr__line { color: var(--fx-cream-mute); }
body.ox-chrome-forest .ox-ftr__col a:hover { color: var(--fx-cream); }
body.ox-chrome-forest .ox-ftr__bar { border-top-color: rgba(243, 239, 228, .08); }