/**
 * Site-wide Button Styles
 *
 * @package made-to-thrive-2026-base
 * @since 1.0.0
 */

/* Base button styles - applies to all buttons site-wide */
.button,
.wp-block-button__link,
button:not([class]),
input[type="submit"],
input[type="button"],
input[type="reset"] {
	border: 2px solid #4C4C3B;
	background-color: #D4B055;
	color: #4C4C3B;
	border-radius: 7px;
	font-family: var(--wp--preset--font-family--sunrider, "Sunrider", serif);
	font-size: 15px;
	text-transform: uppercase;
	padding: 7px 9px 5px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Hover and focus states */
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
button:hover,
button:focus,
a[class$="button"]:hover,
a[class$="button"]:focus,
a[class*="-button"]:hover,
a[class*="-button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus {
	outline: none;
}

/* Pop hover/focus effect: bottom-right "shadow" (no color/sizing changes) */
.button:hover,
.button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
button:hover,
button:focus-visible,
a[class$="button"]:hover,
a[class$="button"]:focus-visible,
a[class*="-button"]:hover,
a[class*="-button"]:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
input[type="button"]:hover,
input[type="button"]:focus-visible,
input[type="reset"]:hover,
input[type="reset"]:focus-visible {
	box-shadow: 4px 4px 0 0 currentColor;
	transform: translate(-2px, -2px);
}

/* Active state */
.button:active,
.wp-block-button__link:active,
button:active,
a[class$="button"]:active,
a[class*="-button"]:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	box-shadow: 2px 2px 0 0 currentColor;
	transform: translate(-1px, -1px);
}

/* WordPress block button wrapper */
.wp-block-button {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Ensure buttons maintain styling in various contexts */
.wp-block-button__link {
	box-shadow: none;
}

/* Form buttons */
form button,
form input[type="submit"],
form input[type="button"] {
	border: 2px solid #4C4C3B;
	background-color: #D4B055;
	color: #4C4C3B;
	border-radius: 7px;
	font-family: var(--wp--preset--font-family--sunrider, "Sunrider", serif);
	font-size: 15px;
	text-transform: uppercase;
}

/* Accessibility: Focus visible for keyboard navigation */
.button:focus-visible,
.wp-block-button__link:focus-visible,
button:not([class]):focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible {
	outline: 2px solid #4C4C3B;
	outline-offset: 2px;
}

/* Print styles */
@media print {
	.button,
	.wp-block-button__link,
	button:not([class]),
	input[type="submit"],
	input[type="button"],
	input[type="reset"] {
		border: 1px solid #000000;
		background-color: transparent;
		color: #000000;
	}
}