/* ==========================================================================
   Category / author archive (inc/archive.php)
   Hero → topic chips (overlap the hero's lower edge) → 2×2 newest post +
   homepage cards (home.css) in 3 columns → pagination.
   Audience colour: .is-parents / .is-doctors / .is-news (style.css).
   ========================================================================== */
.pa-archive { --pa-arch-w: min(var(--pa-w), var(--theme-container-width, 90vw)); }

/* --------------------------------------------------------------------------
   Hero
   ----------------------------------------------------------------------- */
.pa-ahero {
	position: relative;
	overflow: hidden;
	padding: 40px 16px 72px;
	border-radius: 0 0 var(--pa-r-hero) var(--pa-r-hero);
	background:
		radial-gradient(60% 90% at 88% 20%, color-mix(in srgb, var(--pa-acc-bg) 85%, #fff) 0%, transparent 70%),
		linear-gradient(165deg, var(--pa-acc-bg) 0%, #fff 78%);
}
.pa-ahero.has-topics { padding-bottom: 96px; }
.pa-ahero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
	align-items: center;
	gap: 56px;
	width: var(--pa-arch-w);
	margin: 0 auto;
}
.pa-ahero__inner:not(:has(.pa-ahero__img)) { grid-template-columns: minmax(0, 1fr); max-width: 820px; margin-inline: max(0px, calc((100% - var(--pa-arch-w)) / 2)); }


.pa-ahero__title {
	margin: 0;
	color: var(--pa-navy);
	font: 700 clamp(38px, 3.4vw + 14px, 64px)/1.04 var(--pa-font-head);
	letter-spacing: -.025em;
}
.pa-ahero__lead { max-width: 54ch; margin: 20px 0 0; font-size: 18.5px; line-height: 1.6; color: var(--pa-text); }
.pa-ahero__meta { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 28px 0 0; padding: 0; list-style: none; font-size: 15px; color: var(--pa-slate); }
.pa-ahero__meta li { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.pa-ahero__meta li:first-child { color: var(--pa-navy); font: 600 15px/1.3 var(--pa-font-head); }
.pa-ahero__meta .pa-i { width: 18px; height: 18px; stroke: var(--pa-acc); }

.pa-ahero__avatar img { display: block; width: 96px; height: 96px; margin-bottom: 20px; border-radius: 50%; box-shadow: 0 0 0 6px #fff, var(--pa-shadow); }

/* photo: rounded, with one soft ring in the audience colour behind it */
.pa-ahero__img { position: relative; margin: 0; }
.pa-ahero__img::before {
	content: "";
	position: absolute;
	z-index: 0;
	right: -9%;
	top: -14%;
	width: 62%;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 26px solid var(--pa-acc-deco);
	opacity: .14;
}
.pa-ahero__img img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--pa-r-hero);
	box-shadow: var(--pa-shadow-hi);
}

/* --------------------------------------------------------------------------
   Topic chips — the filter, half over the hero
   ----------------------------------------------------------------------- */
.pa-topics { position: relative; z-index: 3; margin-top: -40px; padding: 0 16px; }
/* equal tiles in one row on desktop (4–5 topics per section) */
.pa-topics__inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); /* 4 per row: long Greek words («Επιστημονικές») fit without breaking */
	gap: 14px;
	width: var(--pa-arch-w);
	margin: 0 auto;
	padding: 4px 2px 10px;
}
.pa-topic {
	scroll-snap-align: start;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 76px;
	padding: 10px 14px 10px 10px;
	border-radius: var(--pa-r-img);
	background: #fff;
	box-shadow: var(--pa-shadow);
	color: var(--pa-navy);
	text-decoration: none;
	transition: box-shadow .2s, transform .2s, background-color .2s;
}
.pa-topic:hover { box-shadow: var(--pa-shadow-hi); transform: translateY(-2px); }
.pa-topic__img {
	flex: none;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 50%;
	background: var(--pa-acc-bg);
	color: var(--pa-acc);
}
.pa-topic__img img { width: 100%; height: 100%; object-fit: cover; }
.pa-topic__img .pa-i { width: 22px; height: 22px; }
.pa-topic__name { flex: 1; min-width: 0; font: 600 15.5px/1.25 var(--pa-font-head); overflow-wrap: normal; hyphens: manual; }
.pa-topic__count {
	flex: none;
	min-width: 28px;
	padding: 3px 8px;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--pa-bg);
	color: var(--pa-slate);
	font: 600 13px/1.3 var(--pa-font-head);
	text-align: center;
}
.pa-topic.is-active { background: var(--pa-acc); color: #fff; }
.pa-topic.is-active .pa-topic__img { box-shadow: 0 0 0 2px rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .15); color: #fff; }
.pa-topic.is-active .pa-topic__count { background: rgba(255, 255, 255, .2); color: #fff; }

/* --------------------------------------------------------------------------
   «Θέματα ομιλιών» (3/11/2026): the talks' topic tags under the chips, each its own colour
   (style.css .pa-tag.is-c<N>), «Όλες οι ομιλίες» first; the current one is filled
   ----------------------------------------------------------------------- */
.pa-tagrow { margin: 22px 0 0; padding: 0 16px; }
.pa-tagrow__inner { width: var(--pa-arch-w); margin: 0 auto; padding: 18px 20px; border-radius: var(--pa-r-img); background: #fff; box-shadow: var(--pa-shadow); }
.pa-tagrow__h { margin: 0 0 12px !important; color: var(--pa-navy); font: 700 15px/1.3 var(--pa-font-head) !important; }
.pa-tagrow ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pa-tagrow li { margin: 0; }
.pa-tagrow a { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px; font-size: 13.5px; transition: background-color .25s, color .25s, box-shadow .25s, transform .2s; }
.pa-tagrow a > span { padding: 1px 7px; border-radius: 999px; background: rgba(255, 255, 255, .7); font-size: 12px; font-variant-numeric: tabular-nums; }
.pa-tagrow a:hover { transform: translateY(-1px); filter: none; box-shadow: inset 0 0 0 1.5px var(--tg-fg, var(--pa-navy)); }
.pa-tagrow a[aria-current] { background: var(--tg-fg, var(--pa-navy)); color: #fff; box-shadow: none; }
.pa-tagrow a[aria-current]::before { background: #fff; }
.pa-tagrow a[aria-current] > span { background: rgba(255, 255, 255, .22); }
.pa-tagrow a:focus-visible { outline: 3px solid var(--pa-blue); outline-offset: 2px; }
.pa-tagrow__all { border-radius: var(--wp--custom--radius--pill); background: var(--pa-bg); box-shadow: inset 0 0 0 1.5px var(--pa-line); color: var(--pa-navy); font: 600 13.5px/1.4 var(--pa-font-head); text-decoration: none; }
@media (prefers-reduced-motion: reduce) { .pa-tagrow a { transition: none; } .pa-tagrow a:hover { transform: none; } }

/* --------------------------------------------------------------------------
   Grid: newest post 2×2 on page 1, then the homepage card
   ----------------------------------------------------------------------- */
.pa-arch { width: var(--pa-arch-w); margin: 48px auto 0; }
.pa-ahero:not(.has-topics) + .pa-arch { margin-top: 56px; }
.pa-arch .pa-cards .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }

.pa-arch.has-featured .wp-block-post-template > li:first-child { grid-column: span 2; grid-row: span 2; }
.pa-arch.has-featured li:first-child .pa-card { justify-content: flex-end; min-height: 100%; }
.pa-arch.has-featured li:first-child .pa-card__img { position: absolute; inset: 0; aspect-ratio: auto !important; height: 100%; }
.pa-arch.has-featured li:first-child .pa-card__img a { display: block; height: 100%; }
.pa-arch.has-featured li:first-child .pa-card__cat { left: 24px; top: 24px; }
.pa-arch.has-featured li:first-child .pa-card__cat a { padding: 7px 16px; font-size: 14px; }
.pa-arch.has-featured li:first-child .pa-card__body {
	position: relative;
	z-index: 2;
	flex: none;
	padding: 140px 36px 34px;
	background: linear-gradient(to top, rgba(11, 43, 75, .94) 0%, rgba(11, 43, 75, .82) 48%, rgba(11, 43, 75, 0) 100%);
	pointer-events: none;
}
.pa-arch.has-featured li:first-child .pa-card__body a { pointer-events: auto; }
.pa-arch.has-featured li:first-child .pa-card__date { color: rgba(255, 255, 255, .82); font-size: 14.5px; }
.pa-arch.has-featured li:first-child .pa-card__title { max-width: 22ch; margin: 8px 0 12px !important; font-size: clamp(24px, 1.2vw + 14px, 32px) !important; line-height: 1.2; letter-spacing: -.01em; }
.pa-arch.has-featured li:first-child .pa-card__title a { color: #fff; }
.pa-arch.has-featured li:first-child .pa-card__excerpt p { max-width: 60ch; color: rgba(255, 255, 255, .88); font-size: 16px; -webkit-line-clamp: 2; }
.pa-arch.has-featured li:first-child .pa-card__more { color: #fff; }

.pa-arch.has-featured li:first-child .pa-card__tags { left: 24px; top: 66px; bottom: auto; }

/* --------------------------------------------------------------------------
   «Ενημέρωση από AAP»: dense list, no images, whole text + AAP button
   ----------------------------------------------------------------------- */
.pa-arch.is-brief { max-width: 900px; }
.pa-brief__filter { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 24px; color: var(--pa-slate); font: 600 14.5px/1.2 var(--pa-font-head); }
.pa-brief__filter > span { margin-right: 4px; }
.pa-brief__filter a { padding: 8px 14px; border-radius: var(--wp--custom--radius--pill); background: #fff; box-shadow: inset 0 0 0 1.5px var(--pa-line); color: var(--pa-navy); text-decoration: none; }
.pa-brief__filter a:hover { box-shadow: inset 0 0 0 1.5px var(--pa-acc); }
.pa-brief__filter a[aria-current] { background: var(--pa-acc); box-shadow: none; color: #fff; }
.pa-brief__filter a span { opacity: .65; font-weight: 500; }
.pa-brief .wp-block-post-template { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--pa-line); }
.pa-brief .wp-block-post-template > li { margin: 0; }
.pa-brief__item { position: relative; padding: 24px 0 26px 24px; border-bottom: 1px solid var(--pa-line); }
.pa-brief__item::before { content: ""; position: absolute; left: 0; top: 30px; width: 8px; height: 8px; border-radius: 50%; background: var(--pa-acc-deco); }
.pa-brief__meta { gap: 6px 14px !important; font: 600 13.5px/1.3 var(--pa-font-head); }
.pa-brief__date { color: var(--pa-slate); }
.pa-brief__tags a { color: var(--pa-acc); text-decoration: none; }
.pa-brief__tags .wp-block-post-terms__separator { color: var(--pa-slate); }
.pa-brief__title { margin: 6px 0 8px !important; font: 700 20px/1.3 var(--pa-font-head) !important; }
.pa-brief__title a { color: var(--pa-navy); text-decoration: none; }
.pa-brief__title a:hover { text-decoration: underline; text-underline-offset: 3px; }
.pa-brief__text { font-size: 16px; line-height: 1.65; color: var(--pa-text); }
.pa-brief__text > * { margin: 0 0 8px !important; }
/* the link to the AAP (or its SmartBrief, the source of the imported notes) becomes the button */
.pa-brief__text a:is([href*="aap.org"], [href*="healthychildren.org"], [href*="smartbrief.com"]) {
	display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 8px 16px; border-radius: var(--wp--custom--radius--pill);
	background: var(--pa-blue-50); color: var(--pa-royal); font: 600 14px/1.2 var(--pa-font-head); text-decoration: none;
}
.pa-brief__text a:is([href*="aap.org"], [href*="healthychildren.org"], [href*="smartbrief.com"])::after { content: "↗"; }
.pa-brief__text a:is([href*="aap.org"], [href*="healthychildren.org"], [href*="smartbrief.com"]):hover { background: #d6e3f7; }

/* --------------------------------------------------------------------------
   «Ημερολόγιο Κορονοϊού»: timeline by year, oldest first
   ----------------------------------------------------------------------- */
.pa-arch.is-timeline { max-width: 860px; }
.pa-tl__note { margin: 0 0 32px; padding: 16px 20px; border-radius: var(--pa-r-img); background: var(--pa-orange-50); color: var(--pa-navy); font-size: 15px; line-height: 1.55; }
.pa-tl { position: relative; margin: 0; padding: 0 0 0 32px; list-style: none; }
.pa-tl::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: var(--pa-line); }
.pa-tl__year { position: relative; margin: 8px 0 18px -32px; padding-left: 32px; color: var(--pa-navy); font: 700 28px/1 var(--pa-font-head); letter-spacing: -.01em; }
.pa-tl__year:not(:first-child) { margin-top: 40px; }
.pa-tl__year::before { content: ""; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: var(--pa-navy); box-shadow: 0 0 0 4px #fff; }
.pa-tl__item { position: relative; margin: 0 0 16px; padding: 20px 24px; border-radius: var(--pa-r-img); background: #fff; box-shadow: var(--pa-shadow); transition: box-shadow .2s; }
.pa-tl__item:hover { box-shadow: var(--pa-shadow-hi); }
.pa-tl__item::before { content: ""; position: absolute; left: -30px; top: 26px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 3px var(--pa-acc-deco); }
.pa-tl__date { color: var(--pa-slate); font: 600 13.5px/1.3 var(--pa-font-head); }
.pa-tl__title { margin: 4px 0 6px; font: 700 19px/1.3 var(--pa-font-head); }
.pa-tl__title a { color: var(--pa-navy); text-decoration: none; }
.pa-tl__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.pa-tl__text { margin: 0; color: var(--pa-text); font-size: 15.5px; line-height: 1.6; }
.pa-tl__more { display: inline-block; margin-top: 8px; color: var(--pa-acc); font: 600 14.5px var(--pa-font-head); text-decoration: none; }
.pa-tl__more::after { content: " →"; }
/* rail (effects.js): the line fills as the visitor scrolls, passed dots take the accent colour */
.pa-tl.is-rail::after { content: ""; position: absolute; left: 7px; top: 8px; width: 2px; height: calc((100% - 16px) * var(--pa-fill, 0)); border-radius: 2px; background: var(--pa-acc-deco); }
.pa-tl__item::before { transition: background-color .3s, box-shadow .3s; }
.pa-tl__item.is-past::before { background: var(--pa-acc-deco); box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--pa-acc-deco); }
.pa-tl__item:target { box-shadow: 0 0 0 3px var(--pa-acc-deco), var(--pa-shadow-hi); }

/* «Ημερολόγιο Κορονοϊού» as a calendar (pa_diary_calendar(), 1/11/2026): wall-calendar months,
   a day with an entry = navy circle linking to it in the timeline; months without entries faint */
.pa-diary { margin: 0 0 56px; scroll-margin-top: 24px; }
.pa-diary__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; margin-bottom: 22px; }
.pa-diary__h { margin: 0; color: var(--pa-navy); font: 700 clamp(24px, 1.2vw + 16px, 30px)/1.2 var(--pa-font-head); }
.pa-diary__h.is-tl { margin: 0 0 18px; }
.pa-diary__sum { margin: 0; color: var(--pa-slate); font: 600 14.5px/1.4 var(--pa-font-head); }
.pa-diary__months { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 16px; }
.pa-diary__month { position: relative; padding: 20px 16px 14px; border-radius: var(--pa-r-img); background: #fff; box-shadow: var(--pa-shadow); }
.pa-diary__month::before { content: ""; position: absolute; inset: 0 0 auto; height: 8px; border-radius: var(--pa-r-img) var(--pa-r-img) 0 0; background: linear-gradient(90deg, var(--pa-navy), var(--pa-royal)); }
.pa-diary__month::after { /* the two rings of a wall calendar */
	content: ""; position: absolute; top: -5px; left: 24%; right: 24%; height: 14px;
	background: radial-gradient(circle, #fff 0 3px, var(--pa-slate) 3.5px 5px, transparent 5.5px) left center / 14px 14px no-repeat, radial-gradient(circle, #fff 0 3px, var(--pa-slate) 3.5px 5px, transparent 5.5px) right center / 14px 14px no-repeat;
}
.pa-diary__month.is-empty { box-shadow: inset 0 0 0 1px var(--pa-line); background: var(--pa-bg); }
.pa-diary__month.is-empty::before { background: #CBD5E1; }
.pa-diary__month.is-empty .pa-diary__grid span { color: #94A3B8; }
.pa-diary__mname { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 2px 0 10px; color: var(--pa-navy); font: 700 16px/1.3 var(--pa-font-head); }
.pa-diary__mname > span { min-width: 26px; padding: 3px 8px; border-radius: 999px; background: var(--pa-blue-50); color: var(--pa-royal); font-size: 12.5px; text-align: center; }
.pa-diary__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px 2px; color: var(--pa-text); font: 500 13px/1 var(--pa-font-body); text-align: center; }
.pa-diary__grid > span, .pa-diary__grid > a { display: grid; place-items: center; aspect-ratio: 1; max-width: 36px; width: 100%; margin-inline: auto; border-radius: 50%; }
.pa-diary__wd { padding: 2px 0 6px; border: 0; color: var(--pa-slate); font: 700 11.5px/1 var(--pa-font-head); text-decoration: none; cursor: help; }
.pa-diary__wd:nth-child(7) { color: var(--pa-orange-700); }
.pa-diary__grid a.is-entry { background: var(--pa-navy); color: #fff; font-weight: 700; text-decoration: none; box-shadow: 0 3px 8px rgba(15, 56, 96, .28); transition: transform .15s, background-color .15s; }
.pa-diary__grid a.is-entry:hover, .pa-diary__grid a.is-entry:focus-visible { background: var(--pa-blue-700); transform: scale(1.14); }
.pa-diary__grid a.is-entry:focus-visible { outline: 3px solid var(--pa-sky); outline-offset: 2px; }
.pa-diary__grid a.is-many { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--pa-orange); }
@media (max-width: 899.98px) { .pa-diary__months { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479.98px) {
	.pa-diary__months { gap: 18px 10px; }
	.pa-diary__month { padding: 18px 10px 10px; }
	.pa-diary__grid { font-size: 11.5px; gap: 2px 1px; }
	.pa-diary__mname { font-size: 14px; }
	/* days with an entry stay at least 24px wide on a phone (WCAG 2.5.8), even if a bit wider than their column */
	.pa-diary__grid > a.is-entry { position: relative; z-index: 1; min-width: 24px; min-height: 24px; max-width: none; margin-inline: -2px; }
}
@media (prefers-reduced-motion: reduce) { .pa-diary__grid a.is-entry { transition: none; } .pa-diary__grid a.is-entry:hover { transform: none; } }

/* --------------------------------------------------------------------------
   Pagination + empty state
   ----------------------------------------------------------------------- */
.pa-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 56px; font: 600 15px/1 var(--pa-font-head); }
.pa-pager .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; gap: 8px; }
.pa-pager :is(.page-numbers, .wp-block-query-pagination-previous, .wp-block-query-pagination-next) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 46px;
	height: 46px;
	margin: 0;
	padding: 0 16px;
	border-radius: var(--wp--custom--radius--pill);
	background: #fff;
	box-shadow: inset 0 0 0 1.5px var(--pa-line);
	color: var(--pa-navy);
	text-decoration: none;
	transition: box-shadow .2s, background-color .2s;
}
.pa-pager a:hover { box-shadow: inset 0 0 0 1.5px var(--pa-acc); color: var(--pa-acc); }
.pa-pager .page-numbers.current { background: var(--pa-acc); box-shadow: none; color: #fff; }
.pa-pager .page-numbers.dots { box-shadow: none; background: none; min-width: 24px; padding: 0; }

.pa-arch__empty { padding: 56px 24px; border-radius: var(--pa-r-card); background: var(--pa-bg); color: var(--pa-slate); text-align: center; font-size: 17px; }

/* --------------------------------------------------------------------------
   Responsive
   ----------------------------------------------------------------------- */
@media (max-width: 999.98px) {
	.pa-ahero__inner { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.pa-ahero__img { max-width: 560px; }
	.pa-arch .pa-cards .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
	.pa-arch.has-featured .wp-block-post-template > li:first-child { grid-row: span 1; }
	.pa-arch.has-featured li:first-child .pa-card { min-height: 440px; }
}
@media (max-width: 689.98px) {
	.pa-ahero { padding-top: 28px; border-radius: 0 0 var(--pa-r-card) var(--pa-r-card); }
	.pa-ahero.has-topics { padding-bottom: 80px; }
	.pa-crumbs { margin-bottom: 20px; }
	.pa-ahero__lead { font-size: 17px; }
	.pa-ahero__img { display: none; }
	.pa-topics { margin-top: -36px; padding: 0; }
	/* one swipeable row on phones */
	.pa-topics__inner { display: flex; width: auto; padding-inline: 16px; overflow-x: auto; scroll-snap-type: x proximity; scroll-padding-inline: 16px; scrollbar-width: none; }
	.pa-topics__inner::-webkit-scrollbar { display: none; }
	.pa-topic { flex: none; min-height: 60px; padding-right: 16px; border-radius: var(--wp--custom--radius--pill); }
	.pa-topic__name { white-space: nowrap; }
	.pa-topic__img { width: 40px; height: 40px; }
	.pa-arch { margin-top: 32px; }
	.pa-arch .pa-cards .wp-block-post-template { grid-template-columns: minmax(0, 1fr); }
	.pa-arch.has-featured .wp-block-post-template > li:first-child { grid-column: auto; }
	.pa-arch.has-featured li:first-child .pa-card { min-height: 460px; }
	.pa-arch.has-featured li:first-child .pa-card__body { padding: 120px 22px 24px; }
	.pa-pager { margin-top: 40px; }
	.pa-pager .wp-block-query-pagination-previous,
	.pa-pager .wp-block-query-pagination-next { padding: 0 14px; }
}