/*
 * Styles for form elements and buttons.
 */
textarea {
	padding: 1rem;
	width: 100%;
}

select {
	background: var(--wp--preset--color--background);
	padding: var(--wp--custom--input-padding) !important;
	color: var(--wp--preset--color--foreground);
	border-color: var(--wp--preset--color--foreground);
	border-radius: var(--wp--custom--global-border-radius, 4px);
	border-width: 1px;
}

/* Inputs */
textarea,
select,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	font-size: var(--wp--preset--font-size--small) !important;
	border-radius: var(--wp--custom--global-border-radius, 4px);
	border: 2px solid var(--wp--preset--color--foreground);
}

/* Theme main buttons style */
button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wc-block-mini-cart__button ):not(.wc-block-components-quantity-selector__button):not([id*=mceu]):not(.wc-block-cart-item__remove-link),
input[type="reset"],
input[type="submit"] {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
	border: 2px solid var(--wp--preset--color--foreground);
	border-radius: var(--wp--custom--global-border-radius);
	padding: var(--wp--custom--input-padding);
	box-shadow: var(--wp--custom--shadow-button-input);
	transition: background-color .2s linear;
}

button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wc-block-mini-cart__button ):not(.wc-block-components-quantity-selector__button):not([id*=mceu]):not(.wc-block-cart-item__remove-link):focus,
button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wc-block-mini-cart__button ):not(.wc-block-components-quantity-selector__button):not([id*=mceu]):not(.wc-block-cart-item__remove-link):hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--secondary);
	box-shadow: var(--wp--custom--shadow-button-input);
}

button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wc-block-mini-cart__button ):not(.wc-block-components-quantity-selector__button):active,
input[type="reset"]:active,
input[type="submit"]:active {
	transform: translateY(2px);
	box-shadow: none;
}

.post-password-form input[type="password"] {
	min-height: 46px;
}

/* Increase icon size for easier click (tap) */
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	width: 36px;
	height: 36px;
}
