/* Additional styles for the Annique theme. */

html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

::selection {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
}

/* Header */
.annique-header .wp-block-navigation a {
	position: relative;
	padding-bottom: 2px;
}

.annique-header .wp-block-navigation a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: var(--wp--preset--color--accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}

.annique-header .wp-block-navigation a:hover::after,
.annique-header .wp-block-navigation .current-menu-item > a::after,
.annique-header .wp-block-navigation a[aria-current="page"]::after {
	transform: scaleX(1);
}

.annique-header .wp-block-navigation a:hover,
.annique-header .wp-block-navigation a[aria-current="page"] {
	color: var(--wp--preset--color--accent);
}

.wp-block-site-title a:hover {
	color: var(--wp--preset--color--accent) !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--base) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	gap: 1.5rem;
	font-family: inherit;
	font-size: 2rem;
	letter-spacing: 0;
	text-transform: none;
}

/* Artwork page */
.annique-artwork__image {
	text-align: center;
}

.annique-artwork__image img {
	width: auto !important;
	max-width: 100%;
	max-height: 82vh;
	margin-inline: auto;
	object-fit: contain !important;
}

.annique-details {
	text-align: center;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.06em;
	margin-top: 0;
}

.annique-details__sep {
	margin: 0 0.6em;
}

.annique-terms {
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.annique-terms a,
.annique-post-nav a {
	text-decoration: none;
}

.annique-post-nav a:hover {
	text-decoration: underline;
}

/* Images in content */
.wp-block-image img {
	height: auto;
}

/* Contact */
.annique-contact-list a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25em;
}

/* Separators: thin and subtle */
.wp-block-separator {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	background: none !important;
	opacity: 1;
}

/* Violet accent */
.annique-details__sep,
.annique-terms a,
.annique-post-nav a:hover,
.annique-contact-list a:hover {
	color: var(--wp--preset--color--accent);
}

.annique-contact-list a {
	text-decoration-color: var(--wp--preset--color--accent);
}

.wp-block-social-links .wp-social-link a:hover svg {
	fill: var(--wp--preset--color--accent);
}

:where(a, button, .wp-element-button):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}

/* Logo: "Art" in the accent colour */
.annique-logo-accent {
	color: var(--wp--preset--color--accent);
}