/**
 * Lost Morals — Working Stiff–inspired cream / slate / signal scheme.
 * Loaded last so hard-coded dark surfaces adopt the new palette.
 */

/* —— CHROME HEADER (cream) —— */
.lm-chrome-header__bar {
	background: rgba(240, 236, 217, 0.96) !important;
	border-bottom-color: rgba(40, 45, 53, 0.1) !important;
}

body.lm-scrolled .lm-chrome-header__bar {
	background: rgba(240, 236, 217, 0.99) !important;
	box-shadow: 0 10px 32px rgba(40, 45, 53, 0.1) !important;
	border-bottom-color: rgba(217, 53, 53, 0.35) !important;
}

.lm-chrome-header__brand,
.lm-chrome-header__name,
.lm-chrome-iconbtn,
.lm-chrome-toggle {
	color: var(--lm-ink) !important;
}

.lm-chrome-iconbtn__label {
	color: inherit;
}

.lm-chrome-iconbtn,
.lm-chrome-toggle {
	background: transparent !important;
}

.lm-chrome-iconbtn:hover,
.lm-chrome-toggle:hover {
	color: var(--lm-signal) !important;
	background: rgba(40, 45, 53, 0.06) !important;
}

.lm-chrome-header__search.is-suggest-open .lm-hs,
.lm-hs:focus-within {
	border-color: rgba(217, 53, 53, 0.55) !important;
	background: rgba(255, 255, 255, 0.78) !important;
	box-shadow: 0 0 0 3px rgba(217, 53, 53, 0.12) !important;
}

.lm-hs {
	border-color: rgba(40, 45, 53, 0.22) !important;
	background: rgba(255, 255, 255, 0.55) !important;
	border-radius: 999px !important;
}

.lm-hs-cat {
	border-right-color: rgba(40, 45, 53, 0.12) !important;
}

.lm-hs-cat__toggle {
	color: rgba(40, 45, 53, 0.88) !important;
}

.lm-hs-cat__toggle:hover,
.lm-hs-cat.is-open .lm-hs-cat__toggle {
	background: rgba(40, 45, 53, 0.06) !important;
	color: var(--lm-ink) !important;
}

.lm-hs-cat__chevron {
	color: rgba(40, 45, 53, 0.45) !important;
}

.lm-hs-cat__menu {
	background: var(--lm-paper) !important;
	border-color: rgba(40, 45, 53, 0.12) !important;
	border-radius: 14px !important;
	box-shadow: 0 18px 48px rgba(40, 45, 53, 0.18) !important;
	z-index: 1300 !important;
}

.lm-hs-cat__option {
	color: rgba(40, 45, 53, 0.82) !important;
}

.lm-hs-cat__option:hover,
.lm-hs-cat__option:focus-visible,
.lm-hs-cat__option.is-selected {
	color: var(--lm-ink) !important;
	background: rgba(217, 53, 53, 0.1) !important;
}

.lm-hs__input,
.lm-hs input[type="search"] {
	color: var(--lm-ink) !important;
	-webkit-text-fill-color: var(--lm-ink) !important;
}

.lm-hs__input::placeholder {
	color: rgba(40, 45, 53, 0.42) !important;
	-webkit-text-fill-color: rgba(40, 45, 53, 0.42) !important;
}

.lm-hs__submit {
	color: var(--lm-ink) !important;
	background: transparent !important;
}

.lm-hs__submit:hover {
	color: var(--lm-signal) !important;
}

.lm-hs__suggest {
	background: var(--lm-paper) !important;
	border-color: rgba(40, 45, 53, 0.12) !important;
	box-shadow: 0 18px 48px rgba(40, 45, 53, 0.16) !important;
	color: var(--lm-ink) !important;
}

.lm-hs__suggest a,
.lm-hs__suggest-item,
.lm-hs__suggest-title {
	color: var(--lm-ink) !important;
}

.lm-chrome-bag__count {
	background: var(--lm-signal) !important;
	color: var(--lm-on-signal) !important;
}

/* —— CATBAR —— */
.lm-catbar {
	background: rgba(232, 227, 204, 0.97) !important;
	border-bottom-color: rgba(40, 45, 53, 0.1) !important;
}

body.lm-scrolled .lm-catbar {
	box-shadow: 0 10px 28px rgba(40, 45, 53, 0.1) !important;
	border-bottom-color: rgba(217, 53, 53, 0.28) !important;
}

.lm-catbar__shop {
	background: var(--lm-signal) !important;
	border-color: var(--lm-signal) !important;
	color: var(--lm-on-signal) !important;
	box-shadow: 0 6px 18px rgba(217, 53, 53, 0.28) !important;
}

.lm-catbar__shop:hover {
	background: var(--lm-signal-deep) !important;
	border-color: var(--lm-signal-deep) !important;
	color: var(--lm-on-signal) !important;
}

.lm-catbar__arrow {
	color: var(--lm-ink) !important;
	border-color: rgba(40, 45, 53, 0.16) !important;
	background: rgba(40, 45, 53, 0.05) !important;
}

.lm-catbar__arrow:hover {
	color: var(--lm-signal) !important;
	border-color: rgba(217, 53, 53, 0.45) !important;
	background: rgba(217, 53, 53, 0.1) !important;
}

.lm-catbar__label {
	color: var(--lm-ink) !important;
}

.lm-catbar__icon {
	background: var(--lm-paper) !important;
	box-shadow: 0 1px 0 rgba(40, 45, 53, 0.12) !important;
}

.lm-catbar__placeholder {
	color: var(--lm-ink) !important;
}

/* —— DRAWER / MOBILE MENU —— */
.lm-chrome-drawer,
.lm-chrome-drawer__panel {
	background: var(--lm-ink) !important;
	color: var(--lm-on-ink) !important;
}

.lm-chrome-drawer__menu a {
	color: var(--lm-on-ink) !important;
	border-bottom-color: rgba(240, 236, 217, 0.12) !important;
}

.lm-chrome-drawer__menu a:hover {
	color: var(--lm-signal) !important;
}

/* —— FOOTER —— */
.lm-chrome-footer {
	background: var(--lm-ink) !important;
	color: rgba(240, 236, 217, 0.72) !important;
	border-top-color: rgba(240, 236, 217, 0.08) !important;
}

.lm-chrome-footer__logo,
.lm-chrome-footer__logo span,
.lm-chrome-footer__shop,
.lm-chrome-footer a {
	color: var(--lm-on-ink) !important;
}

.lm-chrome-footer__tagline {
	color: rgba(240, 236, 217, 0.62) !important;
}

.lm-chrome-footer__shop {
	border-bottom-color: var(--lm-signal) !important;
}

.lm-chrome-footer__shop:hover {
	color: var(--lm-signal) !important;
}

/* —— HOME HERO (cream like Stiff) —— */
.lm-hero {
	background: var(--lm-paper) !important;
	color: var(--lm-ink) !important;
}

.lm-hero__copy {
	background: transparent !important;
	color: var(--lm-ink) !important;
}

.lm-hero__brand-text,
.lm-hero__title,
.lm-hero__title .lm-hero__title-line {
	color: var(--lm-ink) !important;
	text-shadow: none !important;
}

.lm-hero__title-line--accent {
	color: var(--lm-signal) !important;
	text-shadow: none !important;
}

.lm-hero__lede {
	color: rgba(40, 45, 53, 0.78) !important;
	text-shadow: none !important;
	font-weight: 500;
}

.lm-hero .lm-btn--ghost {
	color: var(--lm-ink) !important;
	border-color: rgba(40, 45, 53, 0.35) !important;
	background: transparent !important;
}

.lm-hero .lm-btn--ghost:hover {
	border-color: var(--lm-ink) !important;
	background: rgba(40, 45, 53, 0.06) !important;
	color: var(--lm-ink) !important;
}

.lm-hero .lm-btn--signal {
	box-shadow: 0 8px 28px rgba(217, 53, 53, 0.35);
}

.lm-hero__visual {
	background: #ebe6cf !important;
}

.lm-hero__slash {
	background: linear-gradient(90deg, rgba(240, 236, 217, 0.85), transparent) !important;
}

.lm-hero__fallback {
	background: #ebe6cf !important;
}

.lm-hero__video {
	background: #ebe6cf !important;
}

@media (max-width: 900px) {
	/* Full-bleed video: dark scrim + light type (cream panel washes out on film) */
	body.lostmorals-home .lm-hero,
	.lm-hero {
		background: #0a0a0a !important;
		color: #fff !important;
	}

	body.lostmorals-home .lm-hero .lm-hero__copy,
	.lm-hero__copy {
		background: transparent !important;
		color: #fff !important;
	}

	body.lostmorals-home .lm-hero h1,
	body.lostmorals-home .lm-hero .lm-hero__brand-text,
	body.lostmorals-home .lm-hero .lm-hero__title,
	body.lostmorals-home .lm-hero .lm-hero__title-line,
	body.lostmorals-home .lm-hero .lm-hero__title .lm-split-word,
	body.lostmorals-home .lm-hero .lm-hero__title .lm-split-word__inner,
	.lm-hero__brand-text,
	.lm-hero__title,
	.lm-hero__title .lm-hero__title-line {
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
		text-shadow: 0 2px 22px rgba(0, 0, 0, 0.65) !important;
	}

	body.lostmorals-home .lm-hero .lm-hero__title-line--accent,
	body.lostmorals-home .lm-hero .lm-hero__title-line--accent .lm-split-word,
	body.lostmorals-home .lm-hero .lm-hero__title-line--accent .lm-split-word__inner,
	.lm-hero__title-line--accent {
		color: #ff4d4a !important;
		-webkit-text-fill-color: #ff4d4a !important;
		text-shadow:
			0 0 28px rgba(207, 42, 42, 0.45),
			0 2px 22px rgba(0, 0, 0, 0.65) !important;
	}

	body.lostmorals-home .lm-hero .lm-hero__lede,
	.lm-hero__lede {
		color: rgba(255, 255, 255, 0.92) !important;
		-webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
		text-shadow: 0 1px 16px rgba(0, 0, 0, 0.55) !important;
	}

	.lm-hero .lm-btn--ghost {
		color: #ffffff !important;
		border-color: rgba(255, 255, 255, 0.75) !important;
		background: rgba(255, 255, 255, 0.08) !important;
	}

	.lm-hero .lm-btn--ghost:hover {
		border-color: #ffffff !important;
		background: rgba(255, 255, 255, 0.16) !important;
		color: #ffffff !important;
	}
}

/* —— TICKER —— */
.lm-ticker {
	background: var(--lm-signal) !important;
	color: var(--lm-on-signal) !important;
	border-color: rgba(40, 45, 53, 0.08) !important;
}

/* —— PRODUCT SCROLL / MANIFESTO —— */
.lm-hscroll,
.lm-hscroll__sticky {
	background: var(--lm-paper) !important;
}

.lm-instagram {
	background: var(--lm-paper) !important;
	border-color: rgba(40, 45, 53, 0.08) !important;
}

.lm-instagram__embed {
	border-color: rgba(40, 45, 53, 0.12) !important;
	background: var(--lm-paper) !important;
}

.lm-instagram__embed--live {
	background: transparent !important;
	border: 0 !important;
}

.lm-instagram__cta {
	border-color: rgba(40, 45, 53, 0.12) !important;
	background: var(--lm-ink) !important;
}

.lm-home-reviews.lm-pd-reviews {
	background: var(--lm-cream-deep) !important;
}

.lm-hscroll__cta {
	background: var(--lm-ink) !important;
	color: var(--lm-on-ink) !important;
}

.lm-hscroll__cta:hover {
	background: var(--lm-signal) !important;
}

.lm-hscroll__progress {
	background: rgba(40, 45, 53, 0.12) !important;
}

.lm-hscroll__progress-bar {
	background: var(--lm-signal) !important;
}

/* —— REEL —— */
.lm-reel {
	background: var(--lm-ink) !important;
}

.lm-reel__stage {
	background: var(--lm-ink) !important;
}

/* —— SHOP / PARENT CAT —— */
.lm-parent-cat {
	background: var(--lm-paper) !important;
	color: var(--lm-ink) !important;
}

.lm-cat-group:nth-child(odd) {
	background: var(--lm-cream-deep) !important;
}

.lm-cat-group:nth-child(even) {
	background: var(--lm-paper) !important;
}

.lm-cat-banner {
	background: var(--lm-ink) !important;
}

.lm-child-cat__body {
	background: var(--lm-paper) !important;
}

.lm-child-cat__count {
	color: var(--lm-ink) !important;
}

.lm-child-cat__back {
	color: rgba(40, 45, 53, 0.55) !important;
}

.lm-child-cat__back:hover {
	color: var(--lm-signal) !important;
}

.lm-child-cat__ordering select,
.lm-child-cat__ordering .orderby {
	border-color: rgba(40, 45, 53, 0.18) !important;
	background-color: var(--lm-paper) !important;
	color: var(--lm-ink) !important;
}

.lm-cat-pager a.page-numbers,
.lm-cat-pager span.page-numbers {
	border-color: rgba(40, 45, 53, 0.16) !important;
	background: var(--lm-paper) !important;
	color: var(--lm-ink) !important;
}

.lm-cat-pager a.page-numbers:hover {
	background: var(--lm-ink) !important;
	border-color: var(--lm-ink) !important;
	color: var(--lm-on-ink) !important;
}

.lm-cat-pager span.page-numbers.current {
	background: var(--lm-signal) !important;
	border-color: var(--lm-signal) !important;
	color: #fff !important;
}

.lm-cat-more {
	background: var(--lm-paper) !important;
}

.lm-cat-tags {
	background: var(--lm-cream-deep) !important;
}

.lm-cat-tags__pill {
	background: var(--lm-paper) !important;
	border-color: rgba(40, 45, 53, 0.16) !important;
	color: var(--lm-ink) !important;
}

.lm-cat-tags__pill:hover {
	border-color: var(--lm-signal) !important;
	color: var(--lm-signal) !important;
}

.lm-cat-social {
	background: var(--lm-paper) !important;
	border-color: rgba(40, 45, 53, 0.08) !important;
}

.lm-cat-newsletter {
	background: var(--lm-ink) !important;
}

.lm-cat-newsletter__submit {
	background: var(--lm-paper) !important;
	color: var(--lm-ink) !important;
	border-color: var(--lm-paper) !important;
}

.lm-cat-newsletter__submit:hover {
	background: var(--lm-signal) !important;
	border-color: var(--lm-signal) !important;
	color: var(--lm-on-signal) !important;
}

.lm-parent-cat .lm-product__media {
	background: var(--lm-stone) !important;
}

.lm-cat-group__seeall {
	background: var(--lm-ink) !important;
	color: var(--lm-on-ink) !important;
}

.lm-cat-group__seeall:hover {
	background: var(--lm-signal) !important;
}

/* —— PRODUCT PAGE —— */
body.lostmorals-product,
body.lostmorals-product .site-content,
body.lostmorals-product #page {
	background-color: var(--lm-paper) !important;
	color: var(--lm-ink);
}

.lm-pd {
	background: var(--lm-paper) !important;
	color: var(--lm-ink) !important;
}

.lm-pd__notices .woocommerce-message,
.lm-pd__notices .woocommerce-info,
.lm-pd__notices .woocommerce-error {
	background: var(--lm-cream-deep) !important;
	color: var(--lm-ink) !important;
	border-left-color: var(--lm-signal) !important;
}

.lm-pd__gallery .woocommerce-product-gallery__image {
	background: var(--lm-stone) !important;
}

/* Final override vs Astra float/width thumb rules */
.woocommerce-js div.product .lm-pd__gallery .woocommerce-product-gallery--columns-4 .flex-control-thumbs,
.woocommerce-js div.product .lm-pd__gallery .woocommerce-product-gallery .flex-control-thumbs {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0.75rem !important;
	width: 100% !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

.woocommerce-js div.product .lm-pd__gallery .woocommerce-product-gallery--columns-4 .flex-control-thumbs li,
.woocommerce-js div.product .lm-pd__gallery .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n),
.woocommerce-js div.product .lm-pd__gallery .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n + 1),
.woocommerce-js div.product .lm-pd__gallery .woocommerce-product-gallery .flex-control-thumbs li {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.lm-pd__gallery .flex-control-thumbs li img {
	background: var(--lm-stone) !important;
	border-color: rgba(40, 45, 53, 0.12) !important;
	box-shadow: none !important;
	filter: none !important;
	width: 100% !important;
	opacity: 1 !important;
}

.lm-pd__gallery .flex-control-thumbs li img:not(.flex-active) {
	opacity: 0.72 !important;
}

.lm-pd__gallery .flex-control-thumbs li img:hover {
	border-color: rgba(40, 45, 53, 0.45) !important;
	opacity: 1 !important;
}

.lm-pd__gallery .flex-control-thumbs li img.flex-active {
	border-color: var(--lm-ink) !important;
	box-shadow: 0 0 0 2px var(--lm-signal) !important;
	opacity: 1 !important;
}

.lm-pd__gallery .onsale,
.lm-pd-related .onsale {
	background: var(--lm-signal) !important;
	color: var(--lm-on-signal) !important;
}

.lm-swatch {
	background: var(--lm-paper) !important;
	border-color: rgba(40, 45, 53, 0.16) !important;
	color: var(--lm-ink) !important;
}

.lm-swatch.is-selected {
	border-color: var(--lm-signal) !important;
}

.lm-pd__cart .single_add_to_cart_button,
.lm-pd__cart button.button.alt,
.lm-pd__cart .woocommerce-variation-add-to-cart .button {
	background: var(--lm-ink) !important;
	color: var(--lm-on-ink) !important;
}

.lm-pd__cart .single_add_to_cart_button:hover,
.lm-pd__cart button.button.alt:hover,
.lm-pd__cart .woocommerce-variation-add-to-cart .button:hover {
	background: var(--lm-signal) !important;
	color: var(--lm-on-signal) !important;
}

.lm-pd__cart .quantity .qty,
.lm-pd__cart input.qty {
	background: var(--lm-paper) !important;
	border-color: rgba(40, 45, 53, 0.16) !important;
	color: var(--lm-ink) !important;
}

.lm-pd-trust {
	background: var(--lm-cream-deep) !important;
	border-color: rgba(40, 45, 53, 0.1) !important;
}

.lm-pd-desc {
	background: var(--lm-paper) !important;
}

.lm-pd-reviews {
	background: var(--lm-cream-deep) !important;
	border-top-color: rgba(40, 45, 53, 0.08) !important;
}

.lm-pd-reviews__list .comment-form input[type="text"],
.lm-pd-reviews__list .comment-form input[type="email"],
.lm-pd-reviews__list .comment-form textarea,
.lm-pd-reviews__list .comment-form select {
	background: var(--lm-paper) !important;
	border-color: rgba(40, 45, 53, 0.18) !important;
	color: var(--lm-ink) !important;
}

.lm-pd-reviews__list .comment-form .submit,
.lm-pd-reviews__list .form-submit input {
	background: var(--lm-ink) !important;
	color: var(--lm-on-ink) !important;
}

.lm-pd-reviews__list .comment-form .submit:hover,
.lm-pd-reviews__list .form-submit input:hover {
	background: var(--lm-signal) !important;
	color: var(--lm-on-signal) !important;
}

.lm-pd-related {
	background: var(--lm-paper) !important;
	border-top-color: rgba(40, 45, 53, 0.08) !important;
}

.lm-pd-related ul.products li.product a img {
	background: var(--lm-stone) !important;
}

.lm-pd-related ul.products li.product .button,
.lm-pd-related ul.products li.product .added_to_cart {
	background: var(--lm-ink) !important;
	color: var(--lm-on-ink) !important;
}

.lm-pd-related ul.products li.product .button:hover {
	background: var(--lm-signal) !important;
	color: var(--lm-on-signal) !important;
}

.lm-pd-block__title,
.lm-pd__title,
.lm-pd__price,
.lm-pd__price .amount {
	color: var(--lm-ink) !important;
}

.lm-pd__price ins .amount,
.lm-pd__price ins {
	color: var(--lm-signal) !important;
}
