/*
Theme Name: Auranmaa Makers Iltapaja
Theme URI: https://auranmaamakers.fi/
Author: Auranmaa Makers ry
Author URI: https://auranmaamakers.fi/
Description: Tumma "Iltapaja"-lohkoteema Auranmaa Makers ry:lle: pajatunnelmainen tausta, meripihka-aksentti sekä Archivo- ja Spline Sans -kirjasimet. Mukana valmiit pohjat sisältösivuille, uutisille, arkistoille ja haulle; osiolohkot tulevat AM Blocks -lisäosasta.
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 8.1
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: auranmaamakers-iltapaja
Tags: full-site-editing, dark, one-column, custom-colors, custom-menu, editor-style, block-styles
*/

/* ==========================================================================
   Yleiset
   ========================================================================== */

html {
	scroll-behavior: smooth;
}

::selection {
	background: #F2A33C;
	color: #1A1C1F;
}

a {
	text-decoration: none;
}

/* ==========================================================================
   Ylätunniste
   ========================================================================== */

.site-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px 28px;
	border-bottom: 1px solid #2C2F34;
}

.site-header .wp-block-navigation {
	margin-left: auto;
	gap: 22px;
}

.site-header .wp-block-navigation .wp-block-navigation__container {
	gap: 22px;
}

.site-header .wp-block-navigation a {
	color: #C6CBD1;
	font-size: 15px;
	font-weight: 500;
	transition: color .15s ease;
}

.site-header .wp-block-navigation a:hover,
.site-header .wp-block-navigation a:focus-visible {
	color: #F4EFE6;
}

.site-header .wp-block-navigation a[aria-current="page"],
.site-header .wp-block-navigation .current-menu-item > a,
.site-header .wp-block-navigation .current_page_item > a {
	color: #F2A33C;
}

/* Hampurilaispainike */
.site-header .wp-block-navigation__responsive-container-open {
	color: #F4EFE6;
	border: 1px solid #4A4F56;
	border-radius: 6px;
	padding: 8px 9px;
}

/* Mobiilivalikon overlay: koko ruudun tumma paneeli, vasemmalle tasattu pystylista */
.wp-block-navigation__responsive-container.is-menu-open {
	background: #1A1C1F !important;
	color: #F4EFE6 !important;
	padding: 24px clamp(20px, 5vw, 72px);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	width: 100%;
	padding: 8px clamp(20px, 5vw, 72px) 32px;
	box-sizing: border-box;
}

/* Kumoa ylätunnisteen justify-content:right overlayssa → pystylista vasemmalta */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 2px !important;
	width: 100%;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	color: #F4EFE6 !important;
}

.wp-block-navigation__responsive-container.is-menu-open a {
	color: #F4EFE6 !important;
	font-family: 'Archivo', sans-serif;
	font-weight: 700;
	font-size: 22px;
	padding: 12px 0;
	display: block;
	width: 100%;
}

.wp-block-navigation__responsive-container.is-menu-open a:hover,
.wp-block-navigation__responsive-container.is-menu-open a:focus-visible,
.wp-block-navigation__responsive-container.is-menu-open a[aria-current="page"] {
	color: #F2A33C !important;
}

/* Ylätunnisteen CTA-nappi (piiloon kapealla, jolloin navi + burger riittävät) */
.am-header-cta {
	transition: background-color .15s ease;
}

.am-header-cta:hover,
.am-header-cta:focus-visible,
.am-single-cta a:hover,
.am-single-cta a:focus-visible {
	background: #F6B95F !important;
	color: #1A1C1F !important;
}

@media (max-width: 980px) {
	.am-header-cta {
		display: none !important;
	}
}

@media (max-width: 640px) {
	.site-header {
		gap: 12px !important;
		padding-top: 14px !important;
		padding-bottom: 14px !important;
	}
}

/* ==========================================================================
   Alatunniste
   ========================================================================== */

.am-footer {
	border-top: 1px solid #2C2F34;
}

/* ==========================================================================
   Core-lohkojen viimeistely
   ========================================================================== */

.wp-block-heading {
	font-stretch: 115%;
}

.wp-block-post-title {
	font-stretch: 118%;
	line-height: 1.05;
	text-wrap: pretty;
}

.wp-block-post-title a {
	color: inherit;
}

.am-page .wp-block-post-title {
	margin: 0 0 28px;
}

.wp-block-quote {
	border-left: 3px solid #F2A33C;
	margin: 26px 0;
	padding: 6px 0 6px 22px;
	color: #D5D9DE;
	font-style: normal;
}

.wp-block-quote p {
	margin: 0 0 10px;
}

.wp-block-quote cite {
	color: #8B939C;
	font-size: 13.5px;
	font-style: normal;
}

.wp-block-separator {
	border-color: #2C2F34;
}

.wp-block-post-content a {
	color: #F2A33C;
}

.wp-block-post-content a:hover {
	color: #F6B95F;
}

.wp-block-post-content ul,
.wp-block-post-content ol {
	padding-left: 24px;
	margin: 0 0 18px;
}

.wp-block-post-content li {
	margin-bottom: 6px;
}

.wp-block-post-content li::marker {
	color: #F2A33C;
}

/* ==========================================================================
   Artikkelinäkymä (single)
   ========================================================================== */

/* Runko 1100 px (designin 860 tuntui työpöydällä ahtaalta — käyttäjän päätös 16.8.2026
   kisasivulla tehdyn 1100 px:n kokeilun jälkeen). Sama leveys uutisille ja kisasivuille. */
.am-single {
	max-width: 1100px;
	margin: 0 auto;
	padding: 44px clamp(20px, 5vw, 72px) 56px;
}

.am-single > a {
	font-size: 14px;
	font-weight: 600;
	color: #F2A33C;
}

.am-single > a:hover {
	color: #F6B95F !important;
}

.am-single .wp-block-post-title {
	font-family: 'Archivo', sans-serif;
	font-weight: 900;
	font-stretch: 118%;
	font-size: clamp(30px, 4vw, 40px);
	line-height: 1.05;
	margin: 0 0 24px;
}

.am-single-hero {
	height: 380px;
	border-radius: 10px;
	border: 1px solid #2C2F34;
	overflow: hidden;
	margin: 0 0 28px;
}

.am-single-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.am-article-content p {
	font-size: 17px;
	line-height: 1.7;
	color: #D5D9DE;
	margin: 0 0 18px;
	max-width: 85ch;
}

.am-article-content h2 {
	font-size: 24px;
	margin: 34px 0 14px;
}

.am-article-content h3 {
	font-size: 19px;
	margin: 28px 0 10px;
}

.am-article-content ul,
.am-article-content ol {
	font-size: 17px;
	line-height: 1.7;
	color: #D5D9DE;
	max-width: 85ch;
}

.am-article-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	border: 1px solid #2C2F34;
}

.am-article-content figure {
	margin: 26px 0;
}

.am-article-content figcaption {
	font-size: 13px;
	color: #8B939C;
	margin-top: 8px;
}

@media (max-width: 640px) {
	.am-single-hero,
	.am-single-hero img {
		height: 220px !important;
	}
}

/* ==========================================================================
   Listaussivut: ajankohtaista, arkistot, haku
   ========================================================================== */

.am-archive h1,
.am-archive .wp-block-query-title {
	font-stretch: 118%;
	line-height: 1.05;
	margin: 0 0 24px;
}

.am-postrow {
	display: grid;
	grid-template-columns: 96px 1fr;
	gap: 4px 16px;
	align-items: baseline;
	padding: 14px 0;
	border-bottom: 1px solid #2C2F34;
}

.am-postrow .wp-block-post-date {
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 13px;
	letter-spacing: .05em;
	color: #F2A33C;
}

.am-postrow .wp-block-post-title {
	font-family: "Spline Sans", sans-serif;
	font-weight: 500;
	font-stretch: 100%;
	font-size: 15.5px;
	line-height: 1.45;
	margin: 0;
	text-wrap: pretty;
}

.am-postrow .wp-block-post-title a {
	color: #F4EFE6;
	transition: color .15s ease;
}

.am-postrow .wp-block-post-title a:hover {
	color: #F2A33C;
}

.am-pagination {
	margin-top: 28px;
	font-size: 14px;
}

.am-pagination a {
	color: #F2A33C;
	font-weight: 600;
}

.am-pagination a:hover {
	color: #F6B95F;
}

.am-pagination .page-numbers {
	color: #A9B0B8;
}

.am-pagination a.page-numbers {
	color: #F2A33C;
}

.am-pagination .page-numbers.current {
	color: #F4EFE6;
	font-weight: 600;
}

.am-archive .wp-block-search {
	margin: 0 0 28px;
	max-width: 520px;
}

.wp-block-search__input {
	background: #24272B;
	border: 1px solid #3A3E44;
	color: #F4EFE6;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 15px;
	font-family: "Spline Sans", sans-serif;
}

.wp-block-search__input::placeholder {
	color: #8B939C;
}

.wp-block-search__button {
	background: #F2A33C;
	color: #1A1C1F;
	border: none;
	border-radius: 6px;
	font-weight: 600;
	font-size: 15px;
	padding: 10px 18px;
	cursor: pointer;
	transition: background-color .15s ease;
}

.wp-block-search__button:hover {
	background: #F6B95F;
}

@media (max-width: 640px) {
	.am-postrow {
		grid-template-columns: 78px 1fr;
	}
}

/* ==========================================================================
   404
   ========================================================================== */

.am-404 {
	text-align: center;
}

.am-404 h1 {
	font-stretch: 118%;
	margin: 0 0 14px;
}

.am-404 p {
	color: #A9B0B8;
	margin: 0 0 28px;
}

/* --------------------------------------------------------------
   Core-napit (wp:button artikkeleissa/sivuissa)
   theme.jsonin nappivärit jäävät linkkivärin alle → asetetaan tässä.
   :not(.has-*) kunnioittaa editorissa erikseen valittuja värejä.
   -------------------------------------------------------------- */
.wp-block-button .wp-block-button__link {
	border-radius: 6px;
	font-weight: 600;
}
.wp-block-button .wp-block-button__link:not(.has-background) {
	background-color: var(--wp--preset--color--accent);
}
.wp-block-button .wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--bg) !important;
}
.wp-block-button .wp-block-button__link:not(.has-background):hover,
.wp-block-button .wp-block-button__link:not(.has-background):focus-visible {
	background-color: var(--wp--preset--color--accent-hover);
}

/* Outline-tyyli (toissijainen nappi): läpinäkyvä pohja, vaalea teksti, harmaa reuna */
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
	background-color: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--text) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid var(--wp--preset--color--border-3);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
	border-color: var(--wp--preset--color--accent);
}

/* ==========================================================================
   Galleria (core wp:gallery) — tumma teema + lightbox
   ========================================================================== */

.wp-block-gallery.has-nested-images figure.wp-block-image img {
	border-radius: 10px;
	border: 1px solid #2C2F34;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
	transition: transform .15s ease;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:hover {
	transform: translateY(-2px);
}

.wp-block-gallery figcaption,
.wp-block-image figcaption {
	font-size: 13.5px;
	line-height: 1.5;
	color: #8B939C;
	margin-top: 10px;
}

/* Suurennuskuvake kuvan kulmassa */
.wp-block-image .components-button.wp-lightbox-trigger,
.wp-lightbox-container button {
	background: rgba(26, 28, 31, .7);
	border-radius: 6px;
}

/* Lightboxin taustaväri teeman mukaiseksi */
.wp-lightbox-overlay .scrim {
	background-color: #141619 !important;
	opacity: .96 !important;
}

.wp-lightbox-overlay .close-button {
	color: #F4EFE6;
}