/*
Theme Name: Bennys Theme
Theme URI:
Description: Child theme for Bennys Bilverkstad. Racing green, gold, and navy blue.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.0
Template: twentytwentyfive
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bennys-theme
*/

/* ============================================================
   Only styles that theme.json cannot express belong here.
   All colour, typography, and spacing tokens live in theme.json.
   ============================================================ */

/* --- Navigation: no underlines --- */
.wp-block-navigation a {
	text-decoration: none;
}
.wp-block-navigation a:hover {
	color: var(--wp--preset--color--gold);
}

/* --- Site title: no underline --- */
.wp-block-site-title a {
	text-decoration: none;
	color: inherit;
}

/* --- Buttons: sharp corners, uppercase, transition --- */
.wp-block-button__link,
.wp-element-button {
	text-transform: uppercase;
	letter-spacing: var(--wp--custom--letter-spacing--wide);
	transition: background-color 0.2s ease, color 0.2s ease;
	border-radius: 0 !important;
}

/* --- Gold separator --- */
.wp-block-separator {
	border: none;
	border-top: 2px solid var(--wp--preset--color--gold);
	opacity: 1;
}

/* --- Post title link --- */
.wp-block-post-title a {
	text-decoration: none;
	color: inherit;
}
.wp-block-post-title a:hover {
	color: var(--wp--preset--color--racing-green-mid);
}

/* --- Query pagination --- */
.wp-block-query-pagination a {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	letter-spacing: var(--wp--custom--letter-spacing--wide);
	text-transform: uppercase;
	font-size: 0.8rem;
	text-decoration: none;
	color: var(--wp--preset--color--racing-green);
}
.wp-block-query-pagination a:hover {
	color: var(--wp--preset--color--gold);
}

/* --- Mobile nav overlay --- */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--racing-green-dark);
}

/* --- Fade-up entrance animation --- */
@keyframes bennys-fade-up {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}
.bennys-fade-up {
	animation: bennys-fade-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}