/*
Theme Name: Thymotheus
Theme URI: https://thymotheus.art/
Author: Tymoteusz Karaś-Tęcza
Description: Custom theme for thymotheus.art.
Version: 0.1.5
Text Domain: thymotheus
*/

/* Futura PT */

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-Light.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-LightObl.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-LightObl.woff") format("woff");
	font-weight: 300;
	font-style: oblique;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-Book.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-Book.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-BookObl.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-BookObl.woff") format("woff");
	font-weight: 400;
	font-style: oblique;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-Medium.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-MediumObl.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-MediumObl.woff") format("woff");
	font-weight: 500;
	font-style: oblique;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-Demi.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-Demi.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-DemiObl.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-DemiObl.woff") format("woff");
	font-weight: 600;
	font-style: oblique;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-Bold.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-Bold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-BoldObl.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-BoldObl.woff") format("woff");
	font-weight: 800;
	font-style: oblique;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-ExtraBold.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-ExtraBold.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Futura";
	src: url("assets/fonts/FuturaPT-ExtraBoldObl.woff2") format("woff2"),
	     url("assets/fonts/FuturaPT-ExtraBoldObl.woff") format("woff");
	font-weight: 900;
	font-style: oblique;
	font-display: swap;
}

/* Base document styles */

html,
body {
	margin: 0;
	min-height: 100%;
	background: #000;
	color: #fff;
}

body {
	font-family: "Futura", Arial, sans-serif;
}

/*
 * Default Gutenberg / WordPress prose typography.
 *
 * Keep the font choice in the theme rather than in individual blocks so new
 * content automatically uses Futura PT without storing per-block typography
 * overrides in post_content. Specific page components can still override the
 * weight, size or alignment in their own stylesheets.
 */
.entry-content,
.wp-block-post-content,
.composition-single__content,
.event-single__content {
	font-family: "Futura", Arial, sans-serif;
	font-weight: 400;
}

.screen-reader-text {
	font-weight: 400;
}

a {
	color: inherit;
}

.site-header,
.site-footer {
	color: #fff;
}

.site-header {
	min-height: 0;
}

.site-footer p {
	margin: 0;
}

/* Single Event
 *
 * Recreates the legacy Elementor single-post structure used for PL Events.
 *
 * Values are taken from the production Elementor Kit (ID 240)
 * and Single Post template (ID 454):
 *
 * - container width: 1000px
 * - container padding: 10px
 * - title: Futura, 36px, 600, 43px, #B4B4B4
 * - content: Futura, 23px, inherited production weight 500
 * - links: #A1A1A1
 * - content alignment: justify
 */

.event-single {
	width: 100%;
	margin-top: 20px;
	box-sizing: border-box;
}

.event-single__inner {
	width: 100%;
	max-width: 1000px;
	margin-inline: auto;
	padding: 10px;
	box-sizing: border-box;
}

.event-single__title {
	margin: 0 0 20px;
	font-family: "Futura", Arial, sans-serif;
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	line-height: 43px;
	color: #B4B4B4;
}

.event-single__content {
	font-family: "Futura", Arial, sans-serif;
	font-size: 23px;
	font-weight: 400;
	text-align: justify;
	color: #FFFFFF;
}

.event-single__content > :first-child {
	margin-top: 0;
}

.event-single__content > :last-child {
	margin-bottom: 0;
}

.event-single__content p {
	margin-top: 0;
	margin-bottom: 20px;
}

.event-single__content a,
.event-single__content a:visited,
.event-single__content a:hover,
.event-single__content a:focus {
	color: #A1A1A1;
	text-decoration: none;
}

.event-single__content figure {
	max-width: 100%;
}

.event-single__content img,
.event-single__content iframe,
.event-single__content video {
	max-width: 100%;
}

.event-single__content .wp-block-embed,
.event-single__content .wp-block-gallery {
	margin-inline: 0;
}

.event-single__featured-image {
	margin: 20px 0 0;
}

.event-single__featured-image img {
	display: block;
	width: 100%;
	height: auto;
}

/*
 * THYM 54 — consistent keyboard focus and missing text-link hover feedback.
 * Focus appears only during keyboard navigation; ordinary taps/clicks
 * and existing animation/layout remain unchanged.
 */
a[href]:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/* The mobile/desktop dropdown has a white backdrop and dark active links. */
.site-navigation .site-navigation__list a:focus-visible {
	outline-color: #fff;
	outline-offset: -4px;
}

@media (hover: hover) and (pointer: fine) {
	/* Prose and Composition text links lacked a visible hover change. */
	body .event-single__content a:hover,
	body .composition-single__content a:hover,
	body .bio-text a:hover,
	body .works-composition__item-title a:hover,
	body .works-composition__more:hover {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 0.16em;
	}

	/* Composition image-links should respond like Events thumbnails. */
	body .works-composition__thumbnail-link:hover .works-composition__thumbnail {
		opacity: 0.88;
	}
}

body .works-composition__thumbnail {
	transition: opacity 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
	body .works-composition__thumbnail {
		transition: none;
	}
}