/*
Theme Name: Tuiran Kamarikuoro
Theme URI: https://www.tuirankamarikuoro.fi/
Author: Tuiran Kamarikuoro ry
Description: Kevyt yksisivuinen lohkoteema Tuiran Kamarikuorolle. Tummansininen ja kerma, Cormorant Garamond ja Inter.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tuiran-kamarikuoro
*/

html { scroll-behavior: smooth; }
:where(section[id], div[id]) { scroll-margin-top: 1rem; }

/* Pienet tekstiotsakkeet (MEISTÄ, TULEVAT KONSERTIT ...) */
.tkk-yla {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin: 0;
}
.tkk-viiva {
	width: 48px !important;
	max-width: 48px;
	border: 0 !important;
	border-top: 1px solid currentColor !important;
	margin-left: 0 !important;
	opacity: 1;
}

/* Ylätunniste */
.tkk-header .wp-block-site-title a { text-decoration: none; }
.tkk-header .wp-block-site-title { max-width: 9ch; }
.tkk-header .wp-block-navigation a { text-decoration: none; }
.tkk-header .wp-block-navigation a:hover { text-decoration: underline; text-underline-offset: 6px; }

/* Hero */
.tkk-hero { min-height: 640px; }
.tkk-hero h1 { color: #fff; }
.tkk-hero .wp-block-button.is-style-outline .wp-block-button__link { color: #fff; border-color: #fff; }
.tkk-hero .tkk-hero-nappi .wp-block-button__link { background: var(--wp--preset--color--taivas); color: var(--wp--preset--color--yo); }
.tkk-seuraava { max-width: 420px; margin-left: auto !important; border-radius: 10px; }
.tkk-seuraava .wp-block-post-title a { text-decoration: none; }

/* Kortit */
.tkk-kortti { border-radius: 10px; }
.tkk-konsertti .wp-block-post-title a { text-decoration: none; }
.tkk-konsertti .wp-block-post-excerpt__excerpt { margin-bottom: 0.75rem; }
.tkk-konsertti .wp-block-post-excerpt__more-link,
.tkk-linkkinappi a {
	display: inline-block;
	border: 1.5px solid var(--wp--preset--color--laivasto);
	border-radius: 6px;
	padding: 0.55rem 1rem;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
}

/* Kuuntele & katso -kuvakortit */
.tkk-media {
	position: relative;
	overflow: hidden;
	min-height: 260px;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.tkk-media::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, rgba(19,32,58,0.5), rgba(19,32,58,0.93));
}
.tkk-media > * { position: relative; }
.tkk-media h3, .tkk-media h3 a { color: #fff; text-decoration: none; }
.tkk-media h3 a::after { content: ""; position: absolute; inset: 0; }
.tkk-media p { color: #E3E8F1; }
.tkk-media--videot { background-image: url(assets/images/hero.jpg); background-position: 62% 35%; background-size: 260%; }
.tkk-media--tallenteet { background-image: url(assets/images/hero.jpg); background-position: 20% 40%; background-size: 300%; }
.tkk-media--arkisto { background-image: url(assets/images/ryhma.jpg); background-position: center 30%; }

/* Numerot */
.tkk-numero { text-align: center; }
.tkk-numero + .tkk-numero { border-left: 1px solid #3B4E73; }
@media (max-width: 781px) { .tkk-numero + .tkk-numero { border-left: 0; border-top: 1px solid #3B4E73; padding-top: 1.5rem; } }

/* Tietoparit (Harjoitukset, Paikka ...) */
.tkk-tieto .tkk-yla { font-size: 0.75rem; }
.tkk-tieto p { margin-top: 0.25rem; }

/* Kantaesitykset */
.tkk-kanta { border-top: 1px solid #3B4E73; padding-top: 1rem; }

/* Alatunniste */
.tkk-footer a { color: var(--wp--preset--color--vaalea-harmaa); }
.tkk-footer a:hover { color: #fff; }

/* Arkiston pikalinkit */
.tkk-pikalinkit a { text-decoration: none; border: 1px solid #C9CFD9; border-radius: 999px; padding: 0.45rem 0.9rem; display: inline-block; font-size: 0.9rem; font-weight: 500; }
.tkk-pikalinkit p { margin: 0; }
.tkk-lista li { margin-bottom: 0.35rem; }
.tkk-ero { border: 0 !important; border-top: 1px solid #2E3E60 !important; opacity: 1; }
.tkk-sposti { overflow-wrap: anywhere; }
.tkk-hero h1 { max-width: 14ch; }
.tkk-hero .wp-block-post-template { display: flex; justify-content: flex-end; }