/**
 * CoffeeWonk visual refresh — project-owned extras.
 * Palette/type/buttons live in Global Styles (post 213).
 * Do not edit hostinger-ai-theme files.
 */

:root {
	--cw-parchment: #f3e8d5;
	--cw-charcoal: #231b17;
	--cw-coffee: #5b2f20;
	--cw-teal: #2e625d;
	--cw-copper: #b66a3c;
	--cw-amber: #d39a3a;
	--cw-moss: #59644a;
	--cw-warm-white: #fffdf8;
	--cw-warm-border: #d8c8b4;
}

.wp-block-image.cw-hero img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	border: 1px solid var(--cw-warm-border);
	box-shadow: none;
}

@media (min-width: 782px) {
	.cw-hero-portrait {
		max-width: 520px;
	}
}

@media (max-width: 781px) {
	.cw-hero-join img {
		max-height: 220px;
		object-fit: cover;
		object-position: center 38%;
	}
}

a:focus-visible,
button:focus-visible,
.wp-element-button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid var(--cw-amber);
	outline-offset: 3px;
}

.wp-block-query .wp-block-group.has-border-color {
	background: var(--cw-warm-white);
	border-color: var(--cw-warm-border);
	border-radius: 8px;
}

.pmpro_form,
.pmpro_checkout,
form.pmpro_form,
.pmpro {
	background: var(--cw-warm-white);
}

.entry-content a,
.wp-block-post-content a {
	text-decoration: underline;
}

.wp-block-button:not(.is-style-outline) .wp-element-button,
.wp-element-button:not(.is-style-outline) {
	background-color: var(--cw-coffee);
	color: var(--cw-parchment);
	border-color: var(--cw-coffee);
}

.wp-block-button.is-style-outline .wp-element-button {
	background-color: var(--cw-teal);
	color: var(--cw-parchment);
	border-color: var(--cw-teal);
}

.wp-block-button.is-style-outline .wp-element-button:hover,
.wp-block-button.is-style-outline .wp-element-button:focus {
	background-color: var(--cw-coffee);
	color: var(--cw-parchment);
	border-color: var(--cw-coffee);
}