/*
 Theme Name: Canadian Horse Racing Hall of Fame
 Theme URI: https://canadianhorseracinghalloffame.com/
 Description: Child theme of Astra for the Canadian Horse Racing Hall of Fame site.
 Author: MediaDoc Inc.
 Template: astra
 Text Domain: chrhof-theme
*/

:root {
	--chrhof-gold: #c9a227;
	--chrhof-gold-glow: rgba(201, 162, 39, 0.45);
}

/* Primary button styling with gold border, glow, and shine */
.ast-button,
.ast-custom-button,
.button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-block-button__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.3em;
	padding: 0.6em 1.5em;
	border-radius: 999px;
	border: 2px solid var(--chrhof-gold);
	background-color: var(--chrhof-gold);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.15s ease;
}

.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.wp-block-button__link:hover,
.ast-button:focus,
.ast-custom-button:focus,
.button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
.wp-block-button__link:focus,
.ast-button:focus-visible,
.ast-custom-button:focus-visible,
.button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
.wp-block-button__link:focus-visible,
.ast-button:active,
.ast-custom-button:active,
.button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
.wp-block-button__link:active {
	background-color: #e0b739;
	border-color: var(--chrhof-gold);
	box-shadow: 0 0 0 2px var(--chrhof-gold-glow), 0 4px 16px rgba(0, 0, 0, 0.1);
	transform: translateY(-1px);
	outline: none;
}

.ast-button::after,
.ast-custom-button::after,
.button::after,
input[type="submit"]::after,
input[type="button"]::after,
input[type="reset"]::after,
.wp-block-button__link::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		120deg,
		transparent 30%,
		rgba(255, 255, 255, 0.4) 50%,
		transparent 70%
	);
	transform: translateX(-120%);
	pointer-events: none;
}

.ast-button:hover::after,
.ast-custom-button:hover::after,
.button:hover::after,
input[type="submit"]:hover::after,
input[type="button"]:hover::after,
input[type="reset"]:hover::after,
.wp-block-button__link:hover::after {
	animation: chrhof-button-shine 0.6s ease forwards;
}

/* Utility: reusable shine-on-hover effect */
.chrhof-shine {
	position: relative;
	overflow: hidden !important;
}

.chrhof-shine::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		120deg,
		transparent 30%,
		rgba(255, 255, 255, 0.4) 50%,
		transparent 70%
	);
	transform: translateX(-120%);
	pointer-events: none;
}

.chrhof-shine:hover::after {
	animation: chrhof-button-shine 0.6s ease forwards;
	opacity: 1;
}

/* Utility: gold border + glow on hover */
.chrhof-gold-outline-hover {
	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.15s ease;
}

.chrhof-gold-outline-hover:hover,
.chrhof-gold-outline-hover:focus,
.chrhof-gold-outline-hover:focus-visible,
.chrhof-gold-outline-hover:active {
	border: 2px solid var(--chrhof-gold);
	box-shadow: 0 0 0 2px var(--chrhof-gold-glow), 0 4px 16px rgba(0, 0, 0, 0.1);
	transform: translateY(-1px);
	outline: none;
}

@keyframes chrhof-button-shine {
	to {
		transform: translateX(200%);
	}
}

/* Mega Menu Overrides */
.ast-mm-custom-content .wp-block-uagb-container ul.wp-block-list {
	margin: 0 !important;
}
/* Add indent for list items */
.ast-mm-custom-content .wp-block-uagb-container ul.wp-block-list ul.wp-block-list li {
	padding-left: 1.5rem;
}