/*
Theme Name: bendiegames
Theme URI:  
Description: Child theme for Twenty Twenty-Five — Featuring customisations for Bendie Games.
Author:      Ben Taylor
Template:    twentytwentyfive
Version:     1.1.0
Text Domain: bendiegames
*/

/* Correction to theme underlinking for links */
a {
	text-decoration-thickness: 2px !important;
	text-underline-offset: .1em;
}
/* Get rid of the theme's focus on every clicked block that ruins looks */
:where(.wp-site-blocks *:focus) {
	outline-width: 0px !important;
	outline-style: none !important;
}
/* Bendie orange clickable button, manual class */ 
.bendie-button1 {
	display: inline-block;
	color: black;
	background-color: #fcd24f;
	box-shadow: 0px 10px #ea8439;
	border-radius: 9999px;
	padding-top: 1rem;
    padding-right: 2.25rem;
    padding-bottom: 1rem;
    padding-left: 2.25rem;
    text-decoration: none;
	font-family: var(--wp--preset--font-family--sniglet);
	font-style: normal;
    font-weight: 400;
    letter-spacing: -0.1px;
}
.bendie-button1 a {
	text-decoration: none;
}
.bendie-button1:hover {
	filter: contrast(1.1);
	transform: scale(1.02);
}
.bendie-button1:active {
	transform: translateY(5px);
	box-shadow: 0px 5px #ea8439;
}
.bendie-button1:focus,
.bendie-button1:focus-visible {
	outline: none;
}
/* Additional css to make wordpress button like Bendie Button - needs to be styled via editor first */
.wp-block-button__link:hover {
	filter: contrast(1.1);
	transform: scale(1.02);
}
.wp-block-button__link:active {
	transform: translateY(5px);
	box-shadow: 0px 5px #ea8439;
}
.wp-block-button__link:focus,
.wp-block-button__link:focus-visible {
	outline: none;
}
/* Re styling for purchase button on checkoutpage */
.wc-block-components-checkout-place-order-button.wp-element-button {
	color: black !important;
	background-color: #fcd24f !important;
	box-shadow: 0px 10px #ea8439 !important;
	border-radius: 9999px !important;
	padding-top: 1rem !important;
    padding-right: 2.25rem !important;
    padding-bottom: 1rem !important;
    padding-left: 2.25rem !important;
    text-decoration: none;
	font-family: var(--wp--preset--font-family--sniglet);
	text-align: center !important;
	font-size: 1.3em;
	font-style: normal;
    font-weight: 400;
    letter-spacing: -0.1px;
	width: 60% !important;
}
.wc-block-components-checkout-place-order-button.wp-element-button:hover {
    filter: contrast(1.1);
	transform: scale(1.02);
}
.wc-block-components-checkout-place-order-button.wp-element-button:active {
    transform: translateY(5px);
    box-shadow: 0px 5px #ea8439;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text {
    display: block !important;
	align-items: center !important;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row {
	justify-content: center;
}

/* Custom classes for home page */
.home-banner-2 {
	margin-right: var(--wp--preset--spacing--70);
	margin-left: var(--wp--preset--spacing--70);
}
.bendie-imglink-hover1 a {
	transition: transform 0.1s ease;
}
.bendie-imglink-hover1 a:hover {
	transform: rotate(-3deg) scale(1.1);
}
.bendie-imglink-hover1 a:active {
	transform: rotate(-3deg) scale(0.995);
}
.bendie-imglink-hover1 a:focus,
.bendie-imglink-hover1 a:focus-visible {
	outline: none;
}
.bendie-imglink-hover2 a {
	transition: transform 0.1s ease;
}
.bendie-imglink-hover2 a:hover {
	transform: rotate(+3deg) scale(1.1);
}
.bendie-imglink-hover2 a:active {
	transform: rotate(+3deg) scale(0.995);
}
.bendie-imglink-hover2 a:focus,
.bendie-imglink-hover2 a:focus-visible {
	outline: none;
}
.bendie-simple-outline {
	border-radius: 4px;
    box-shadow: inset 0 0 0 1.5px black;
	padding: 13px 23px 23px;
}