/**
 * Global Button Styles
 * Applies to all buttons including WordPress blocks, forms, and custom buttons
 */

/* WordPress Button Block */
.wp-block-button__link,
.wp-block-button .wp-block-button__link,
button:not(.hamburger-menu-toggle):not(.slideout-close),
input[type="submit"],
input[type="button"],
.button,
a.button {
	display: inline-block;
	padding: 15px 25px;
	background-color: #F19B92;
	color: #ffffff;
	border: none;
	border-radius: 9999px; /* Fully rounded capsule shape */
	font-family: var(--wp--preset--font-family--bicyclette, "bicyclette", sans-serif);
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	text-align: center;
	box-shadow: none;
	margin: 0;
}

/* Allow user-set background colors to override */
.wp-block-button__link[style*="background-color"],
.wp-block-button .wp-block-button__link[style*="background-color"],
.button[style*="background-color"],
a.button[style*="background-color"] {
	background-color: inherit;
}

.wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:hover,
button:not(.hamburger-menu-toggle):not(.slideout-close):hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
a.button:hover {
	background-color: #DBBD9A; /* Slightly darker shade for hover */
	color: #ffffff;
	text-decoration: none;
}

.wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:focus,
button:not(.hamburger-menu-toggle):not(.slideout-close):focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.button:focus,
a.button:focus {
	outline: 2px solid #F7C3BE;
	outline-offset: 2px;
}

.wp-block-button__link:active,
.wp-block-button .wp-block-button__link:active,
button:not(.hamburger-menu-toggle):not(.slideout-close):active,
input[type="submit"]:active,
input[type="button"]:active,
.button:active,
a.button:active {
	background-color: #E88A80;
	color: #ffffff;
}

/* Button with arrow icon */
/* .wp-block-button__link::after,
.button::after,
a.button::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url('../images/thick-arrow.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 5px;
	margin-bottom: -4px;
} */

/* Allow arrow to be hidden if not needed */
.wp-block-button__link.no-arrow::after,
.button.no-arrow::after,
a.button.no-arrow::after {
	content: "";
	margin-left: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.wp-block-button__link,
	.wp-block-button .wp-block-button__link,
	button:not(.hamburger-menu-toggle):not(.slideout-close),
	input[type="submit"],
	input[type="button"],
	.button,
	a.button {
		padding: 16px 32px;
		font-size: 17px;
	}
}
@media (max-width:550px) {
	    .wp-block-button__link, .wp-block-button .wp-block-button__link, button:not(.hamburger-menu-toggle):not(.slideout-close), input[type="submit"], input[type="button"], .button, a.button {
        padding: 14px 30px;
        font-size: 15px;
    }
}