/*
Theme Name: Hiksti
Theme URI: https://hiksti.is
Description: A plain, editorial block theme for fashion shows. Built to be extended with a child theme.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hiksti
*/

/*
 * Most styling lives in theme.json. This file holds only what theme.json
 * cannot express: hover states, focus rings and image grid behaviour.
 */

:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast);
	outline-offset: 3px;
}

/* Portrait image cards in archive grids and the front page. */
.hiksti-card .wp-block-post-featured-image {
	overflow: hidden;
	background: var(--wp--preset--color--subtle);
}

.hiksti-card .wp-block-post-featured-image img {
	transition: transform 300ms ease, opacity 300ms ease;
}

.hiksti-card:hover .wp-block-post-featured-image img,
.hiksti-card:focus-within .wp-block-post-featured-image img {
	transform: scale(1.03);
	opacity: 0.92;
}

.hiksti-card .wp-block-post-title a {
	text-decoration: none;
}

/* Gallery images keep a consistent portrait crop. */
.wp-block-gallery.is-style-hiksti-portrait .wp-block-image img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

/* Runway videos run full width and keep a cinematic frame. */
.wp-block-video video,
.wp-block-embed.is-type-video iframe {
	width: 100%;
	background: var(--wp--preset--color--contrast);
}

.hiksti-header {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hiksti-footer {
	border-top: 1px solid var(--wp--preset--color--line);
}

@media (prefers-reduced-motion: reduce) {
	.hiksti-card .wp-block-post-featured-image img {
		transition: none;
	}

	.hiksti-card:hover .wp-block-post-featured-image img,
	.hiksti-card:focus-within .wp-block-post-featured-image img {
		transform: none;
	}
}