/**
* Theme Name: Glossier Child
* Description: The Planet Journal — climate & nature magazine child theme.
* Author: The Planet Journal
* Template: glossier
* Version: 1.1.0
* Tested up to: 6.6
* Requires PHP: 7.4
* Text Domain: glossier-child
*/

:root {
	--tpj-forest: #1b4332;
	--tpj-leaf: #2d6a4f;
	--tpj-moss: #40916c;
	--tpj-sage: #8a9a8e;
	--tpj-mist: #f3f6f2;
	--tpj-ink: #2c3b33;
	--tpj-line: #d5ddd6;
}

/* Soft green page atmosphere without fighting Elementor layouts */
body {
	background-color: var(--tpj-mist);
	color: var(--tpj-ink);
}

/* Map Elementor globals toward TPJ green when kits lag cache */
body .elementor-kit-18 {
	--e-global-color-primary: var(--tpj-leaf);
	--e-global-color-secondary: var(--tpj-forest);
	--e-global-color-text: var(--tpj-ink);
	--e-global-color-accent: var(--tpj-forest);
	--e-global-color-tertiary: var(--tpj-sage);
	--e-global-color-background: var(--tpj-mist);
	--e-global-color-border: var(--tpj-line);
}

a {
	color: var(--tpj-leaf);
}

a:hover,
a:focus {
	color: var(--tpj-moss);
}

/* Header logo sizing for wide wordmark */
.cmsmasters-header-mid-logo img,
.cmsmasters-header-mid-logo .custom-logo,
.cmsmasters-logo img {
	max-height: 52px;
	width: auto;
	height: auto;
}

@media (max-width: 767px) {
	.cmsmasters-header-mid-logo img,
	.cmsmasters-header-mid-logo .custom-logo,
	.cmsmasters-logo img {
		max-height: 40px;
	}
}

/* Buttons / CTAs that still inherit Glossier red */
.elementor-button,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-md,
button[type="submit"],
.wp-block-button__link,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.cmsmasters-button,
.elementor-widget-cmsmasters-button .elementor-button,
.elementor-widget-button .elementor-button {
	background-color: var(--tpj-leaf) !important;
	background-image: none !important;
	border-color: var(--tpj-leaf) !important;
	color: #fff !important;
}

.elementor-button:hover,
.elementor-button:focus,
button[type="submit"]:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.cmsmasters-button:hover,
.elementor-widget-cmsmasters-button .elementor-button:hover,
.elementor-widget-button .elementor-button:hover {
	background-color: var(--tpj-forest) !important;
	border-color: var(--tpj-forest) !important;
	color: #fff !important;
}

/* Lazyload / widget preloaders that used Glossier red */
.cmsmasters-lazyload-widget-preloader,
.cmsmasters-lazyload-widget-preloader *,
.e-loading-overlay,
.elementor-loader-wrapper .elementor-loader {
	--e-global-color-primary: var(--tpj-leaf);
}

.cmsmasters-lazyload-widget-preloader svg [stroke="#FF4444"],
.cmsmasters-lazyload-widget-preloader svg [fill="#FF4444"] {
	stroke: var(--tpj-leaf) !important;
	fill: var(--tpj-leaf) !important;
}

/* Taxonomy / meta accents */
.cmsmasters-postmeta a:hover,
.elementor-widget-cmsmasters-postmeta a:hover {
	color: var(--tpj-leaf);
}