/*
Theme Name: HRAtan Blog
Theme URI: https://hratan.com
Author: HRAtan
Author URI: https://hratan.com
Description: A HRAtan hivatalos blogjának sablonja: a hratan.com színei, betűi és kártyás elrendezése. Blokksablon, külső betűtípus és követőkód nélkül.
Version: 1.0.2
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: Proprietary
Text Domain: hratan-blog
*/

/*
 * A színek, betűk és térközök a theme.json-ban vannak; itt csak az, amit a theme.json nem tud leírni.
 * Minden szín a theme.json palettájából jön (var(--wp--preset--color--…)), hogy egy helyen módosítható legyen.
 */

:root { -webkit-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; overflow-wrap: anywhere; }

/* Fókuszgyűrű: a billentyűzetes navigáció mindig látható, ahogy a hratan.com-on */
:where(a, button, input, textarea, select, .wp-element-button):focus-visible {
	outline: 2px solid var(--wp--preset--color--brand-500);
	outline-offset: 2px;
}

/* Fejléc: üveghatású, a görgetéskor is fent marad */
.hratan-header {
	position: sticky;
	top: 0;
	z-index: 20;
	backdrop-filter: saturate(180%) blur(12px);
	-webkit-backdrop-filter: saturate(180%) blur(12px);
	background-color: rgb(255 255 255 / 0.85);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.admin-bar .hratan-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .hratan-header { top: 46px; } }

/* A fejléc gombja és a szómárka nem törhet két sorba (keskeny telefonon sem) */
.hratan-header .wp-element-button, .hratan-wordmark { white-space: nowrap; overflow-wrap: normal; }
@media (max-width: 400px) {
	.hratan-header .wp-element-button { padding: 0.5rem 0.8rem; font-size: 0.85rem !important; }
}

/* Szómárka: HRA sötétkék, tan élénkkék (a logó színei) */
.hratan-wordmark a { text-decoration: none; color: var(--wp--preset--color--brand-900); }
.hratan-wordmark .tan { color: var(--wp--preset--color--brand-500); }
.hratan-tagline { line-height: 1.2; }
.hratan-tagline .b { color: var(--wp--preset--color--brand-500); }
@media (max-width: 480px) { .hratan-tagline { display: none; } }

/* Nyitó blokk: a hratan.com finom kék színátmenete */
.hratan-hero {
	background:
		radial-gradient(60rem 30rem at 10% -10%, var(--wp--preset--color--brand-100), transparent 60%),
		radial-gradient(40rem 24rem at 95% 0%, var(--wp--preset--color--brand-50), transparent 60%);
}

/* Cikkkártyák: fehér, kerekített, finom árnyék, mint a hratan.com kártyái */
.hratan-card {
	height: 100%;
	box-sizing: border-box;
	border: 1px solid var(--wp--preset--color--line);
	box-shadow: 0 1px 2px rgb(15 23 42 / 0.04), 0 8px 24px -12px rgb(15 23 42 / 0.12);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.hratan-card:hover { transform: translateY(-2px); box-shadow: 0 1px 2px rgb(15 23 42 / 0.05), 0 14px 32px -12px rgb(29 99 214 / 0.25); }
.hratan-card .wp-block-post-featured-image { margin: 0; overflow: hidden; border-radius: 1rem; }
.hratan-card .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; height: auto; }
.hratan-card .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink-900); }
.hratan-card .hratan-pill { align-self: flex-start; }
.hratan-card .wp-block-post-title a:hover { color: var(--wp--preset--color--brand-600); }
.wp-block-post-template.is-layout-grid > li { min-width: 0; }

/* Címke-buborék a kategóriákhoz */
.hratan-pill a, .hratan-pill {
	display: inline-block;
	border-radius: 999px;
	padding: 0.15rem 0.65rem;
	background: var(--wp--preset--color--brand-50);
	color: var(--wp--preset--color--brand-700);
	font-size: 0.8rem;
	font-weight: 700;
	text-decoration: none;
}
.hratan-pill .wp-block-post-terms__separator { display: none; }

/* Cikk szövege: olvasható sorhossz, a hratan.com formázott szövegének mintájára */
.hratan-article :where(p, li) { line-height: 1.75; }
.hratan-article blockquote {
	border-left: 3px solid var(--wp--preset--color--brand-200);
	padding-left: 1em;
	color: var(--wp--preset--color--ink-700);
	margin-left: 0;
}
.hratan-article img { border-radius: 1rem; height: auto; max-width: 100%; }
.hratan-article pre, .hratan-article code { overflow-x: auto; max-width: 100%; }
.hratan-article table { display: block; overflow-x: auto; max-width: 100%; }

/* Lapozó */
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers {
	border-radius: 0.75rem;
	padding: 0.35rem 0.75rem;
	text-decoration: none;
}
.wp-block-query-pagination .current { background: var(--wp--preset--color--brand-600); color: #fff; }

/* Csökkentett mozgás */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
	.hratan-card:hover { transform: none; }
}