/*
Theme Name: Gyógynaptár
Theme URI: https://gyogynaptar.hu
Description: A Gyógynaptár kiadvány honlapjának témája. A Twenty Twenty-Five blokktéma gyermektémája.
Author: Zoldi Tamás
Template: twentytwentyfive
Version: 0.2.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: gyogynaptar
*/

/* A színek, betűk és térközök a theme.json-ben vannak.
   Ide csak az kerül, amit a theme.json nem tud kifejezni:
   a napi történet blokk saját elrendezése. */

/* ——— fejrész: évnap és a "ma" jelölés ——— */

.gyn-daymark {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 0.25rem;
	font-family: var(--wp--preset--font-family--kiegeszito);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.gyn-daynum {
	color: var(--wp--preset--color--amber-ink);
}

/* A zöld egyetlen szerepe az egész oldalon: a mai nap jelölése. */
.gyn-today {
	color: var(--wp--preset--color--sprout-ink);
	border: 1px solid var(--wp--preset--color--sprout);
	border-radius: 2px;
	padding: 0.15em 0.55em;
	font-size: 0.66rem;
	letter-spacing: 0.14em;
}

.gyn-cim {
	margin: 0 0 0.5rem;
}

.gyn-resz {
	margin: 0 0 1.5rem;
	color: var(--wp--preset--color--mauve);
	font-family: var(--wp--preset--font-family--kiegeszito);
	font-size: 0.875rem;
}

/* ——— igeblokk ——— */

.gyn-ige {
	margin: 0 0 2.5rem;
	padding: 1.5rem 1.75rem;
	background: var(--wp--preset--color--dusk);
	color: var(--wp--preset--color--sand);
	border: 0;
	border-left: 3px solid var(--wp--preset--color--dawn);
}

.gyn-ige p {
	margin: 0;
	font-style: italic;
}

.gyn-ige cite {
	display: block;
	margin-top: 0.75rem;
	font-family: var(--wp--preset--font-family--kiegeszito);
	font-size: 0.8rem;
	font-style: normal;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.75;
}

/* ——— a történet szövege ——— */

.gyn-szoveg p:first-of-type::first-letter {
	float: left;
	padding: 0.35rem 0.7rem 0 0;
	font-family: var(--wp--preset--font-family--cim);
	font-size: 3.4em;
	line-height: 0.86;
	color: var(--wp--preset--color--amber-ink);
}

/* ——— lépegetés ——— */

.gyn-lepteto {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(120, 95, 109, 0.3);
	font-family: var(--wp--preset--font-family--kiegeszito);
	font-size: 0.875rem;
}

.gyn-lepteto a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
	color: var(--wp--preset--color--amber-ink);
}

.gyn-lepteto a:hover {
	text-decoration: underline;
}

.gyn-nyil {
	font-size: 1.1em;
}

.gyn-vissza {
	margin-top: 1.5rem;
	font-family: var(--wp--preset--font-family--kiegeszito);
	font-size: 0.8rem;
}

.gyn-ures {
	color: var(--wp--preset--color--mauve);
	font-style: italic;
}

@media (max-width: 480px) {
	.gyn-ige {
		padding: 1.25rem;
	}
}