:root {
	--grupiko-green: #06513f;
	--grupiko-green-dark: #043d30;
	--grupiko-green-soft: #cbe2d6;
	--grupiko-ink: #111315;
	--grupiko-heading: #343a37;
	--grupiko-gray: #59625e;
	--grupiko-gray-soft: #f3f5f3;
	--grupiko-line: #dce2de;
}

/* Header */
header.wp-block-template-part::before {
	height: 3px;
	background: var(--grupiko-green);
}

header.wp-block-template-part > .wp-block-group {
	border-bottom-color: var(--grupiko-line) !important;
	background: #fff !important;
	box-shadow: 0 6px 22px rgba(17, 19, 21, .05);
}

header.wp-block-template-part figure.wp-block-image img[src*="grupiko-header/assets/logo-grupiko.svg"] {
	content: url("grupiko-logo-horizontal.svg");
	width: 220px !important;
	max-height: 58px !important;
}

header.wp-block-template-part .wp-block-navigation-item__content {
	color: #27302c !important;
}

header.wp-block-template-part .wp-block-navigation-item__content::after {
	background: var(--grupiko-green);
}

header.wp-block-template-part .wp-block-navigation-item__content:hover {
	color: var(--grupiko-green) !important;
}

header.wp-block-template-part .wc-block-customer-account__link,
header.wp-block-template-part .wc-block-mini-cart__button {
	border-color: var(--grupiko-line) !important;
	background: var(--grupiko-gray-soft) !important;
	color: var(--grupiko-green) !important;
}

header.wp-block-template-part .wc-block-customer-account__link:hover,
header.wp-block-template-part .wc-block-mini-cart__button:hover {
	border-color: #b9cdc2 !important;
	background: #eaf1ed !important;
}

header.wp-block-template-part .wp-block-button__link {
	background: var(--grupiko-green) !important;
	box-shadow: 0 8px 18px rgba(6, 81, 63, .18);
}

header.wp-block-template-part .wp-block-button__link:hover {
	background: var(--grupiko-green-dark) !important;
	box-shadow: 0 10px 22px rgba(6, 81, 63, .24);
}

header.wp-block-template-part .wp-block-navigation__responsive-container-open,
header.wp-block-template-part .wp-block-navigation__responsive-container-close {
	color: var(--grupiko-green) !important;
}

/* Home */
body.home .gkh {
	--gk-purple: var(--grupiko-green);
	--gk-orange: var(--grupiko-green);
	--gk-ink: var(--grupiko-ink);
	--gk-soft: var(--grupiko-gray-soft);
	--gk-line: var(--grupiko-line);
	color: var(--grupiko-ink);
}

body.home .gkh h1,
body.home .gkh h2,
body.home .gkh h3 {
	color: var(--grupiko-heading);
}

body.home .gkh-kicker {
	color: var(--grupiko-gray);
}

body.home .gkh-hero {
	background: linear-gradient(135deg, #f7f8f7 0%, #eef2ef 100%);
}

body.home .gkh-lead,
body.home .gkh-proof,
body.home .gkh-section-heading > p,
body.home .gkh-category-card p,
body.home .gkh-steps p,
body.home .gkh-factory-grid > div > p:not(.gkh-kicker),
body.home .gkh-designer-box p:last-child {
	color: var(--grupiko-gray);
}

body.home .gkh-button-primary {
	background: var(--grupiko-green);
}

body.home .gkh-button-primary:hover {
	background: var(--grupiko-green-dark);
}

body.home .gkh-button-secondary {
	border-color: #b9c5be;
	background: #fff;
	color: var(--grupiko-green) !important;
}

body.home .gkh-proof li::before,
body.home .gkh-category-link b,
body.home .gkh-text-link b,
body.home .gkh-factory li::before {
	color: var(--grupiko-green);
}

body.home .gkh-hero-media figcaption {
	color: var(--grupiko-green);
}

body.home .gkh-hero-media figcaption span {
	color: var(--grupiko-gray);
}

body.home .gkh-category-card {
	border-color: var(--grupiko-line);
	background: #fff;
}

body.home .gkh-category-card:hover {
	border-color: #b9cdc2;
	box-shadow: 0 16px 38px rgba(6, 81, 63, .09);
}

body.home .gkh-category-icon {
	background: var(--grupiko-gray-soft);
}

body.home .gkh-category-icon svg,
body.home .gkh-category-link,
body.home .gkh-text-link {
	color: var(--grupiko-green) !important;
	fill: var(--grupiko-green);
}

body.home .gkh-factory li {
	color: var(--grupiko-heading) !important;
}

body.home .gkh-category-number {
	color: #8b9690;
}

body.home .gkh-category-featured {
	border-color: #c5d8ce;
	background: #f5f8f6;
}

body.home .gkh-new {
	background: var(--grupiko-green);
}

body.home .gkh-how {
	background: var(--grupiko-gray-soft);
}

body.home .gkh-steps article {
	border: 1px solid var(--grupiko-line);
}

body.home .gkh-steps article > span {
	background: #e3eee8;
	color: var(--grupiko-green);
}

body.home .gkh-factory li {
	background: var(--grupiko-gray-soft);
}

body.home .gkh-designer-box {
	background: #e9efeb;
}

body.home .gkh-final {
	background: var(--grupiko-green);
}

body.home .gkh-final h2,
body.home .gkh-final p {
	color: #fff;
}

body.home .gkh-final > div > p:not(.gkh-kicker) {
	color: #dce9e3;
}

body.home .gkh-final .gkh-kicker {
	color: var(--grupiko-green-soft);
}

body.home .gkh-button-light {
	color: var(--grupiko-green) !important;
}

@media (max-width: 980px) {
	header.wp-block-template-part figure.wp-block-image img[src*="grupiko-header/assets/logo-grupiko.svg"] {
		width: 195px !important;
	}
}

@media (max-width: 720px) {
	header.wp-block-template-part figure.wp-block-image img[src*="grupiko-header/assets/logo-grupiko.svg"] {
		width: 168px !important;
	}
}

@media (max-width: 420px) {
	header.wp-block-template-part figure.wp-block-image img[src*="grupiko-header/assets/logo-grupiko.svg"] {
		width: 154px !important;
	}
}