/*
Theme Name: Paidiatroi Attikis Child
Template: blocksy
Version: 1.70.1
Description: Custom child theme για paidiatroi-attikis.gr — design system mockup D (CLAUDE.md §2).
Text Domain: paidiatroi-attikis-child
*/

/* ==========================================================================
   Design tokens
   Colors, fonts, sizes: theme.json presets  -> var(--wp--preset--*)
   Radii, shadows:       theme.json "custom"  -> var(--wp--custom--*)
   Blocksy's 8-slot palette (buttons, links, headings, text) is set in the
   Customizer; everything below maps our tokens onto Blocksy's variables.
   This file loads after Blocksy's main CSS, so :root here wins.
   ========================================================================== */
:root {
	--pa-font-head: var(--wp--preset--font-family--commissioner);
	--pa-font-body: var(--wp--preset--font-family--noto-sans);

	/* Blocksy reads these */
	--theme-normal-container-max-width: 1200px;
	--theme-font-stack-default: var(--pa-font-body);
	--theme-button-font-family: var(--pa-font-head);
	--theme-button-font-weight: 600;
	--theme-button-font-size: 15px;
	--theme-button-min-height: 46px;
	--theme-button-padding: 11px 22px;
	--theme-button-border-radius: var(--wp--custom--radius--pill);
}

/* White page; grey/blue only where a section asks for it */
body { background-color: #fff; }

/* Headings: Commissioner; body stays Noto Sans */
h1, h2, h3, h4, h5, h6 {
	--theme-font-family: var(--pa-font-head);
	text-wrap: balance;
	overflow-wrap: break-word;
}

/* Visible keyboard focus everywhere */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--sky);
	outline-offset: 3px;
}

/* ==========================================================================
   Audience colour worlds (set on a section; children read --pa-acc*)
   parents = teal + orange · doctors = MediCenter blues · events = navy + orange
   ========================================================================== */
.is-parents { --pa-acc: var(--wp--preset--color--teal-700); --pa-acc-bg: var(--wp--preset--color--teal-50); --pa-acc-deco: var(--wp--preset--color--teal); }
.is-doctors { --pa-acc: var(--wp--preset--color--royal);    --pa-acc-bg: var(--wp--preset--color--blue-50); --pa-acc-deco: var(--wp--preset--color--blue); }
.is-events  { --pa-acc: var(--wp--preset--color--navy);     --pa-acc-bg: var(--wp--preset--color--bg);      --pa-acc-deco: var(--wp--preset--color--orange); }
.is-news    { --pa-acc: var(--wp--preset--color--navy);     --pa-acc-bg: #E8EEF5;                            --pa-acc-deco: var(--wp--preset--color--sky); }

/* Category pill colour per sub-category (homepage cards + article header) */
:is(.pa-card__cat, .pa-post__cats) a[href*="/arthra-gia-goneis/"]            { background: var(--wp--preset--color--teal-700); }
:is(.pa-card__cat, .pa-post__cats) a[href*="/anakoinoseis-gia-goneis/"]      { background: var(--wp--preset--color--orange-700); }
:is(.pa-card__cat, .pa-post__cats) a[href*="/arthra-gia-paidiatrous/"]       { background: var(--wp--preset--color--royal); }
:is(.pa-card__cat, .pa-post__cats) a[href*="/enimerosi-apo-aap/"]            { background: var(--wp--preset--color--royal); }
:is(.pa-card__cat, .pa-post__cats) a[href*="/nomika-iatreio/"]               { background: var(--wp--preset--color--blue-700); }
:is(.pa-card__cat, .pa-post__cats) a[href*="/ergaleia-gia-paidiatrous/"]     { background: #475569; }
:is(.pa-card__cat, .pa-post__cats) a[href*="/epistimonika-themata/"],
:is(.pa-card__cat, .pa-post__cats) a[href*="/epistimonikes-omilies/"]        { background: var(--wp--preset--color--sky); color: var(--wp--preset--color--navy); }

/* Topic tags on the card image (inc/home.php) */
.pa-card__tags { position: absolute; z-index: 2; left: 14px; bottom: 12px; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.pa-card__tags a {
	padding: 4px 11px; border-radius: var(--wp--custom--radius--pill); background: rgba(255, 255, 255, .92);
	color: var(--pa-acc, var(--wp--preset--color--navy)); font: 600 12px/1.4 var(--pa-font-head); text-decoration: none;
	box-shadow: 0 2px 8px rgba(11, 43, 75, .12);
}
.pa-card__tags a:hover { background: #fff; text-decoration: underline; text-underline-offset: 2px; }
.pa-card__img { position: relative; }

/* Topic tags of the Union's talks: each tag its own hue (3/11/2026: 21 clearly different hues,
   soft tint + dark ink ≥ 5:1 + a dot in the full colour; term meta pa_color → is-c<N>,
   paidiatroi-custom inc/talks.php). */
.pa-tag {
	display: inline-block; padding: 4px 11px; border-radius: var(--wp--custom--radius--pill);
	background: var(--tg-bg); color: var(--tg-fg); box-shadow: inset 0 0 0 1.5px var(--tg-bd, transparent);
	font: 600 12px/1.4 var(--pa-font-head); text-decoration: none;
}
.pa-tag::before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 6px 1px 0; border-radius: 50%; background: var(--tg-dot, currentColor); vertical-align: middle; }
.pa-card__tags a.pa-tag, .pa-card__tags a.pa-tag:hover, .pa-post__cats a.pa-tag { background: var(--tg-bg); color: var(--tg-fg); box-shadow: inset 0 0 0 1.5px var(--tg-bd, transparent), 0 2px 8px rgba(11, 43, 75, .12); }
.pa-post__cats a.pa-tag { box-shadow: inset 0 0 0 1.5px var(--tg-bd, transparent); }
a.pa-tag:hover { filter: brightness(1.08); }
.pa-tag.is-c1  { --tg-bg: #E4EDFB; --tg-fg: #164A98; --tg-bd: #9DBEF1; --tg-dot: #1261D9; } /* Εμβόλια 7.2:1 */
.pa-tag.is-c2  { --tg-bg: #E0FCFF; --tg-fg: #006E7A; --tg-bd: #8FF4FF; --tg-dot: #00D3EB; } /* Λοιμώξεις 5.6:1 */
.pa-tag.is-c3  { --tg-bg: #E5F4FA; --tg-fg: #186A8B; --tg-bd: #A0D8EE; --tg-dot: #179ED3; } /* Αναπνευστικό 5.4:1 */
.pa-tag.is-c4  { --tg-bg: #FDEEE3; --tg-fg: #9C4B0D; --tg-bd: #F7C197; --tg-dot: #E56606; } /* Αλλεργίες 5.4:1 */
.pa-tag.is-c5  { --tg-bg: #FAEAE5; --tg-fg: #93361A; --tg-bd: #EEB2A0; --tg-dot: #D34317; } /* Δέρμα 6.5:1 */
.pa-tag.is-c6  { --tg-bg: #E9F7EC; --tg-fg: #2B733D; --tg-bd: #AEE0BA; --tg-dot: #35B655; } /* Διατροφή 5.2:1 */
.pa-tag.is-c7  { --tg-bg: #F7E9F2; --tg-fg: #7E3066; --tg-bd: #E0AED1; --tg-dot: #B6358F; } /* Παιδογαστρεντερολογία 7.2:1 */
.pa-tag.is-c8  { --tg-bg: #E8E9F7; --tg-fg: #2B3182; --tg-bd: #ABAFE3; --tg-dot: #2F38BC; } /* Παιδονεφρολογία 9.3:1 */
.pa-tag.is-c9  { --tg-bg: #F9E6E6; --tg-fg: #8C2121; --tg-bd: #EAA4A4; --tg-dot: #CA2121; } /* Παιδοκαρδιολογία 7.4:1 */
.pa-tag.is-c10 { --tg-bg: #EFE9F7; --tg-fg: #54307E; --tg-bd: #C5AEE0; --tg-dot: #7135B6; } /* Παιδοφθαλμολογία 8.4:1 */
.pa-tag.is-c11 { --tg-bg: #F3EAF6; --tg-fg: #6C3479; --tg-bd: #D4B0DD; --tg-dot: #983BB0; } /* Παιδοενδοκρινολογία 7.4:1 */
.pa-tag.is-c12 { --tg-bg: #F9E7ED; --tg-fg: #8B2345; --tg-bd: #E9A5BC; --tg-dot: #C7235A; } /* Νεογνά 7.3:1 */
.pa-tag.is-c13 { --tg-bg: #ECE8F7; --tg-fg: #432D80; --tg-bd: #BAACE2; --tg-dot: #5631B9; } /* Έφηβοι 9.1:1 */
.pa-tag.is-c14 { --tg-bg: #FCF4E3; --tg-fg: #855E0F; --tg-bd: #F4D69A; --tg-dot: #DF980C; } /* Συμπεριφορά 5.3:1 */
.pa-tag.is-c15 { --tg-bg: #F4F7E8; --tg-fg: #596B24; --tg-bd: #D5E3AB; --tg-dot: #98BC2F; } /* Ανάπτυξη 5.4:1 */
.pa-tag.is-c16 { --tg-bg: #E9EEF4; --tg-fg: #0F3860; --tg-bd: #B4C3D4; --tg-dot: #0F3860; } /* Ιατρείο 10.6:1 */
.pa-tag.is-c17 { --tg-bg: #E7F8F2; --tg-fg: #217355; --tg-bd: #A8E6CF; --tg-dot: #29C28A; } /* Φάρμακα 5.2:1 */
.pa-tag.is-c18 { --tg-bg: #FBF7E4; --tg-fg: #786711; --tg-bd: #F1E39D; --tg-dot: #D9B812; } /* Ασφάλεια 5.2:1 */
.pa-tag.is-c19 { --tg-bg: #F4EFEB; --tg-fg: #6F553E; --tg-bd: #D7C6B7; --tg-dot: #A27249; } /* Μυοσκελετικό 6.0:1 */
.pa-tag.is-c20 { --tg-bg: #E8F7F5; --tg-fg: #256F65; --tg-bd: #ABE3DB; --tg-dot: #2FBCA9; } /* Παιδοδοντιατρική 5.4:1 */
.pa-tag.is-c21 { --tg-bg: #EDEFF2; --tg-fg: #495465; --tg-bd: #BEC5D0; --tg-dot: #577094; } /* Παιδοχειρουργική 6.7:1 */

/* Label with short underline above section titles */
.pa-label {
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 16px;
	font: 600 15px/1.3 var(--pa-font-head);
	color: var(--pa-acc, var(--wp--preset--color--teal-700));
}
.pa-label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 3px;
	border-radius: 3px;
	background: var(--pa-acc-deco, var(--wp--preset--color--teal));
}
.has-text-align-center.pa-label::after,
.pa-label.is-centered::after { left: 50%; margin-left: -20px; }

/* Breadcrumb (category, author and event pages) */
.pa-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-bottom: 28px; font-size: 14px; color: var(--wp--preset--color--slate); }
.pa-crumbs a { color: var(--wp--preset--color--slate); text-decoration: none; }
.pa-crumbs a:hover { color: var(--pa-acc, var(--wp--preset--color--teal-700)); text-decoration: underline; text-underline-offset: 3px; }
.pa-crumbs span[aria-hidden] { color: #B6C2D2; }
.pa-crumbs [aria-current] { color: var(--wp--preset--color--navy); font-weight: 600; }

/* Small pill badges */
.pa-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	border-radius: var(--wp--custom--radius--pill);
	font: 600 12.5px/1.4 var(--pa-font-head);
	white-space: nowrap;
	background: var(--wp--preset--color--navy-50, #E8EEF5);
	color: var(--wp--preset--color--navy);
}
.pa-badge.is-orange { background: var(--wp--preset--color--orange-50); color: var(--wp--preset--color--orange-700); }
.pa-badge.is-teal   { background: var(--wp--preset--color--teal-50);   color: var(--wp--preset--color--teal-700); }
.pa-badge.is-blue   { background: var(--wp--preset--color--blue-50);   color: var(--wp--preset--color--royal); }

/* ==========================================================================
   Alert bar (inc/alert-bar.php) — urgent = orange, .is-info = teal
   ========================================================================== */
.pa-alert { background: var(--wp--preset--color--orange-50); color: var(--wp--preset--color--navy); font-size: 14.5px; line-height: 1.45; }
.pa-alert[hidden] { display: none; }
.pa-alert__inner {
	display: flex;
	align-items: center;
	gap: 12px;
	width: var(--theme-container-width, 90vw);
	max-width: var(--theme-normal-container-max-width, 1200px);
	min-height: 48px;
	margin: 0 auto;
	padding: 7px 0;
}
.pa-alert__icon {
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: #fff;
	color: var(--wp--preset--color--orange-700);
}
.pa-alert svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pa-alert p { flex: 1; margin: 0; }
.pa-alert b { font-family: var(--pa-font-head); }
.pa-alert a { font-weight: 600; color: var(--wp--preset--color--orange-700); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.pa-alert__close {
	flex: none;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: none;
	color: var(--wp--preset--color--navy);
	cursor: pointer;
}
.pa-alert__close:hover { background: rgba(15, 56, 96, .08); }
.pa-alert__close svg { width: 18px; height: 18px; }
.pa-alert.is-info { background: var(--wp--preset--color--teal-50); }
.pa-alert.is-info .pa-alert__icon,
.pa-alert.is-info a { color: var(--wp--preset--color--teal-700); }
@media (max-width: 600px) {
	.pa-alert__inner { align-items: flex-start; }
}

/* ==========================================================================
   Header (inc/header.php) — selectors mirror Blocksy's so these win
   ========================================================================== */
/* top strip: contact · Είσοδος μελών · socials */
[data-header*="type-1"] .ct-header [data-row*="top"] {
	--height: 42px;
	background-color: var(--wp--preset--color--navy-900);
	background-image: none;
	--theme-border-top: none;
	--theme-border-bottom: none;
}
[data-header*="type-1"] .ct-header [data-row*="top"] .ct-header-text {
	--theme-text-color: #C9D6E4;
	--theme-link-initial-color: #C9D6E4;
	--theme-link-hover-color: #fff;
	color: #C9D6E4;
	font-size: 13.5px;
}
.ct-header-text .entry-content:has(.pa-tb) { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 26px; }
.ct-header-text .entry-content:has(.pa-tb) > * { margin: 0; }
.pa-tb { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.pa-tb::before {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	background: var(--wp--preset--color--sky);
	-webkit-mask: var(--pa-ic) center / contain no-repeat;
	mask: var(--pa-ic) center / contain no-repeat;
}
.pa-tb--addr { --pa-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-5.6-7-11a7 7 0 0114 0c0 5.4-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.pa-tb--tel  { --pa-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 005 5L15 13l5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z'/%3E%3C/svg%3E"); }
.pa-tb--mail { --pa-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3.5 7.5l8.5 6 8.5-6'/%3E%3C/svg%3E"); }

[data-header*="type-1"] .ct-header [data-row*="top"] .ct-account-item {
	gap: 8px;
	min-height: 32px;
	padding: 4px 14px;
	border-radius: var(--wp--custom--radius--pill);
	background: rgba(255, 255, 255, .1);
	color: #fff;
	--theme-link-initial-color: #fff;
	--theme-link-hover-color: #fff;
	--theme-icon-color: #fff;
	--theme-icon-hover-color: #fff;
	--theme-icon-size: 15px;
	--theme-font-family: var(--pa-font-head);
	--theme-font-weight: 600;
	--theme-font-size: 13.5px;
	--theme-text-transform: none;
}
[data-header*="type-1"] .ct-header [data-row*="top"] .ct-account-item:hover { background: rgba(255, 255, 255, .2); }
[data-header*="type-1"] .ct-header [data-id="account"] .ct-label {
	text-transform: none;
	font: 600 13.5px/1.2 var(--pa-font-head);
	letter-spacing: 0;
}
[data-header*="type-1"] .ct-header [data-row*="top"] [data-id="socials"] {
	--theme-icon-color: #C9D6E4;
	--theme-icon-hover-color: #fff;
	--theme-icon-size: 15px;
}
/* the members' closed Facebook group (inc/header.php): «F Μέλη» */
.ct-social-box a[data-network="pa_fb_members"] { display: inline-flex; align-items: center; gap: 6px; width: auto; }
.ct-social-box a[data-network="pa_fb_members"]::after {
	content: "Μέλη"; padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, .14); color: #E2E8F0;
	font: 600 11.5px/1.35 var(--pa-font-head); letter-spacing: .01em; transition: background-color .2s, color .2s;
}
.ct-social-box a[data-network="pa_fb_members"]:hover::after { background: rgba(255, 255, 255, .26); color: #fff; }

/* Sticky header (inc/header.php): the whole header stays, the dark top row too (3/11/2026).
   --pa-hdr-h = its height (set by JS) → anchors land below it; admin bar: WordPress's own offset. */
#header.ct-header {
	position: sticky;
	top: var(--admin-bar, 0px);
	z-index: 50;
}
html { scroll-padding-top: calc(var(--pa-hdr-h, 0px) + var(--admin-bar, 0px) + 16px); }
.admin-bar #header.ct-header, .admin-bar { --admin-bar: 32px; }
@media (max-width: 782px) { .admin-bar #header.ct-header, .admin-bar { --admin-bar: 46px; } }
@media (max-width: 600px) { .admin-bar #header.ct-header, .admin-bar { --admin-bar: 0px; } } /* the admin bar scrolls away on phones */
/* Blocksy's keyboard toggle for a submenu sits partly under the menu link: on top of it, the whole
   24×24 px is reachable (WCAG 2.5.8); it covers only the arrow of the link, which opens the same submenu */
#header .ct-toggle-dropdown-desktop-ghost { z-index: 1; }
#header.pa-stuck [data-row*="middle"] { box-shadow: 0 6px 20px rgba(15, 56, 96, .10); transition: box-shadow .2s; }
@media (prefers-reduced-motion: reduce) { #header.pa-stuck [data-row*="middle"] { transition: none; } }

/* «Back to top» (Blocksy's button, turned on in inc/header.php) */
.ct-back-to-top {
	--back-top-bottom-offset: 22px;
	--back-top-side-offset: 22px;
	--top-button-background-color: var(--wp--preset--color--navy);
	--top-button-background-hover-color: #036FAE;
	--theme-icon-color: #fff;
	--theme-icon-hover-color: #fff;
	--theme-icon-size: 16px;
	width: 48px;
	height: 48px;
	padding: 0;
	box-shadow: 0 8px 22px rgba(15, 56, 96, .25);
}
.ct-back-to-top .ct-icon { fill: #fff; }
.ct-back-to-top:focus-visible { outline: 3px solid #42B3E5; outline-offset: 3px; }

/* main row: logo · menu · Γίνετε μέλος */
[data-header*="type-1"] .ct-header [data-row*="middle"] {
	--height: 84px;
	background-color: #fff;
	--theme-box-shadow: 0 1px 0 var(--wp--preset--color--line);
}
[data-header*="type-1"] .ct-header [data-id="logo"] .site-title {
	--theme-font-family: var(--pa-font-head);
	--theme-font-weight: 700;
	--theme-font-size: 19px;
	--theme-line-height: 1.15;
	--theme-link-initial-color: var(--wp--preset--color--navy);
}
[data-header*="type-1"] .ct-header [data-id="logo"] .site-description {
	--theme-font-size: 12.5px;
	--theme-line-height: 1.35;
	color: var(--wp--preset--color--slate);
	max-width: 230px;
	margin-top: 3px;
	white-space: normal !important;
}
/* 7 menu items + button need the room: the full name shows only on wide screens */
@media (max-width: 1399.98px) {
	[data-header*="type-1"] .ct-header [data-id="logo"] .site-description { display: none; }
}
/* Logo mark from the theme until a logo is set in the Customizer (then Blocksy prints an <img>) */
[data-header*="type-1"] .ct-header .site-branding:not(:has(img)) { display: flex; align-items: center; gap: 12px; }
[data-header*="type-1"] .ct-header .site-branding:not(:has(img))::before {
	content: "";
	flex: none;
	width: 64px;
	height: 50px;
	background: url("assets/img/brand/logo-mark.png") center / contain no-repeat;
}
@media (max-width: 689.98px) {
	[data-header*="type-1"] .ct-header .site-branding:not(:has(img))::before { width: 52px; height: 41px; }
	[data-header*="type-1"] .ct-header [data-id="logo"] .site-description { display: none; }
}
[data-header*="type-1"] .ct-header [data-id="menu"] {
	--menu-items-spacing: 4px;
}
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
	--theme-font-family: var(--pa-font-head);
	--theme-font-weight: 600;
	--theme-font-size: 15px;
	--theme-text-transform: none;
	--theme-link-initial-color: var(--wp--preset--color--navy);
	--theme-link-hover-color: var(--wp--preset--color--teal-700);
	--theme-link-active-color: var(--wp--preset--color--teal-700);
}
/* pill behind the link text, not the full row height */
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
	position: relative;
	z-index: 0;
	padding-inline: 11px;
}
/* three items have sub-menus (arrow) + the search icon (1/11/2026): less padding so all 7 fit before «Περισσότερα» */
@media (max-width: 1399.98px) {
	[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a { padding-inline: 6px; }
	[data-header*="type-1"] .ct-header [data-id="menu"] { --menu-items-spacing: 2px; }
	[data-header*="type-1"] .ct-header [data-row*="middle"] [data-id="search"] { margin-inline: 2px 6px; }
}
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 50%;
	bottom: auto;
	height: 38px;
	margin: 0;
	opacity: 1; /* Blocksy hides menu pseudo-elements by default */
	transform: translateY(-50%);
	border-radius: var(--wp--custom--radius--pill);
	background: transparent;
	transition: background-color .2s;
}
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a:hover::before { background: var(--wp--preset--color--bg); }
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current-category-ancestor, .current-post-ancestor) > a::before { background: var(--wp--preset--color--teal-50); }
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current-category-ancestor, .current-post-ancestor) > a { color: var(--wp--preset--color--teal-700); }

/* the header button is a navy pill (Blocksy reads palette color 1 = navy) */
[data-header*="type-1"] .ct-header [data-id="button"] .ct-button {
	--theme-button-min-height: 42px;
	--theme-button-padding: 8px 20px;
	margin-left: 10px;
}

/* ==========================================================================
   Footer (inc/footer.php) — navy-900, rounded top, 4 columns + bottom bar
   ========================================================================== */
[data-footer*="type-1"] .ct-footer {
	margin-top: 96px;
	border-radius: var(--wp--custom--radius--hero) var(--wp--custom--radius--hero) 0 0;
	background-color: var(--wp--preset--color--navy-900);
	color: #B8C8DA;
	font-size: 15px;
	--theme-text-color: #B8C8DA;
	--theme-link-initial-color: #B8C8DA;
	--theme-link-hover-color: #fff;
	--theme-headings-color: #fff;
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"],
[data-footer*="type-1"] .ct-footer [data-row*="bottom"] {
	background-color: transparent;
	--theme-border-top: none;
	--theme-border-bottom: none;
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div { --container-spacing: 64px; }
[data-footer*="type-1"] .ct-footer [data-row*="bottom"] { border-top: 1px solid rgba(255, 255, 255, .1); }
[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div { --container-spacing: 20px; }
@media (min-width: 1000px) {
	[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div { --grid-template-columns: 1.3fr 1fr 1.2fr 1fr; }
	[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div { --grid-template-columns: 1fr auto; }
}
[data-footer*="type-1"] .ct-footer .ct-footer-copyright { color: #93A8BF; font-size: 13.5px; }

.pa-ftitle { margin: 0 0 16px; color: #fff; font: 700 17px/1.3 var(--pa-font-head); }
.pa-flinks { list-style: none; margin: 0; padding: 0; }
.pa-flinks li { padding: 6px 0; }
.pa-flinks a { color: inherit; text-decoration: none; }
.pa-flinks a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.ct-footer [data-row*="bottom"] .pa-flinks { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13.5px; color: #93A8BF; }
.ct-footer [data-row*="bottom"] .pa-flinks li { padding: 0; }

.pa-fabout__brand { display: flex; align-items: center; gap: 14px; text-decoration: none; }
.pa-fabout__brand img { flex: none; width: 88px; height: 88px; padding: 3px; border-radius: 50%; background: #fff; } /* logo-round-tight.png: the mark fills the white circle */
.pa-fabout__name { color: #fff; font: 700 19px/1.2 var(--pa-font-head); }
.pa-fabout p { margin: 16px 0 0; }
.pa-fabout .custom-logo { width: auto; max-height: 72px; border-radius: 50%; background: #fff; }

.pa-fcontact { list-style: none; margin: 0; padding: 0; }
.pa-fcontact li { display: flex; gap: 10px; padding: 6px 0; }
.pa-fcontact li::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	margin-top: 3px;
	background: var(--wp--preset--color--sky);
	-webkit-mask: var(--pa-ic) center / contain no-repeat;
	mask: var(--pa-ic) center / contain no-repeat;
}
.pa-fcontact a { color: inherit; text-decoration: none; }
.pa-fcontact a:hover { color: #fff; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* ==========================================================================
   YouTube on click (inc/video.php): nothing from Google before «play»
   ========================================================================== */
.pa-yt { margin-block: 1.5em; }
.pa-yt__box, .pa-yt__frame { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--wp--custom--radius--img); }
.pa-yt__box {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 20px; text-align: center;
	background: radial-gradient(60% 80% at 50% 40%, #16457a 0%, var(--wp--preset--color--navy-900) 100%); color: #fff;
}
.pa-yt__play { display: inline-flex; align-items: center; gap: 12px; padding: 10px 22px 10px 10px; border: 0; border-radius: 999px; background: #fff; color: var(--wp--preset--color--navy); font: 600 16px/1.2 var(--pa-font-head); cursor: pointer; }
.pa-yt__play:hover { background: var(--wp--preset--color--teal-50); }
.pa-yt__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #CC0000; }
.pa-yt__icon svg { width: 20px; height: 20px; fill: #fff; margin-left: 3px; }
.pa-yt__note { max-width: 46ch; margin: 0; color: rgba(255, 255, 255, .78); font-size: 13.5px; line-height: 1.5; }
.pa-yt__note a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* --------------------------------------------------------------------------
 * Smooth changes (3/11/2026, Panos: «ομαλή μετάβαση, όχι βεβιασμένη»)
 * - moving between pages of the site: a soft cross-fade (View Transitions; browsers
 *   without them simply change page)
 * - filters that change a list without reloading (assets/js/softnav.js): the list dims
 *   while the next one loads, then cross-fades
 * Nothing of this with «λιγότερη κίνηση».
 * ----------------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
	@view-transition { navigation: auto; }
	::view-transition-old(root), ::view-transition-new(root) { animation-duration: .38s; animation-timing-function: cubic-bezier(.22, .8, .24, 1); }
	[data-pa-softnav] :is(.pa-arch, .pa-evlist__grid, .pa-ahero__txt) { transition: opacity .25s ease; }
	[data-pa-softnav].is-soft-loading :is(.pa-arch, .pa-evlist__grid) { opacity: .45; }
}

/* --------------------------------------------------------------------------
   «Όλοι οι Παιδίατροι» button (3/11/2026, Panos: promote the members) — large, on the
   homepage card, the finder, the profiles and a few more pages (pa_all_doctors_button(),
   inc/doctors.php) and in the header (inc/header.php). Here, not in doctors.css: it
   appears on pages that do not load doctors.css.
   ----------------------------------------------------------------------- */
.pa-alldocs {
	position: relative; display: flex; align-items: center; gap: 16px; max-width: 560px; margin-top: 26px; padding: 14px 20px 14px 14px;
	border-radius: 24px; background: linear-gradient(135deg, var(--wp--preset--color--navy) 0%, var(--wp--preset--color--royal) 100%); color: #fff !important;
	box-shadow: 0 14px 34px rgba(15, 56, 96, .28); text-decoration: none !important; transition: transform .25s, box-shadow .25s;
}
.pa-alldocs:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(15, 56, 96, .34); }
.pa-alldocs:focus-visible { outline: 3px solid var(--wp--preset--color--orange-700); outline-offset: 3px; }
.pa-alldocs__ic { display: grid; flex: none; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: rgba(255, 255, 255, .16); }
.pa-alldocs__ic .pa-i { width: 26px; height: 26px; }
.pa-alldocs__t { display: flex; flex: 1; flex-direction: column; font: 700 21px/1.2 var(--pa-font-head, 'Commissioner', sans-serif); }
.pa-alldocs__t small { margin-top: 3px; color: rgba(255, 255, 255, .9); font: 400 14px/1.35 var(--pa-font-body, 'Noto Sans', sans-serif); }
.pa-alldocs__go { display: grid; flex: none; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #fff; color: var(--wp--preset--color--navy); transition: transform .25s; }
.pa-alldocs__go .pa-i { width: 20px; height: 20px; }
.pa-alldocs:hover .pa-alldocs__go { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) { .pa-alldocs, .pa-alldocs__go { transition: none; } .pa-alldocs:hover, .pa-alldocs:hover .pa-alldocs__go { transform: none; } }
.pa-alldocs .pa-i { flex: none; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
/* header: «Όλοι οι Παιδίατροι» before «Γίνετε μέλος» (inc/header-button-view.php) */
/* in the dark top row: bright teal with navy-900 text (4.7:1) — stands out on the dark bar */
.pa-hdr-docs { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; margin-right: 14px; padding: 5px 15px 5px 11px; border-radius: 999px; background: var(--wp--preset--color--teal); color: var(--wp--preset--color--navy-900) !important; font: 700 13.5px/1.1 var(--pa-font-head, 'Commissioner', sans-serif); white-space: nowrap; text-decoration: none !important; box-shadow: 0 0 0 3px rgba(0, 163, 180, .22); transition: background-color .2s, box-shadow .2s; }
.pa-hdr-docs:hover { background: var(--wp--preset--color--teal-50); box-shadow: 0 0 0 3px rgba(224, 245, 247, .3); }
.pa-hdr-docs:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.pa-hdr-docs .pa-i { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pa-hdr-docs[aria-current] { background: #fff; box-shadow: none; }
/* in the phone menu: full width, on white → teal-700 with white text */
.pa-hdr-docs.is-mobile { justify-content: center; width: 100%; margin: 0 0 12px; min-height: 48px; padding: 9px 18px 9px 14px; background: var(--wp--preset--color--teal-700); color: #fff !important; font-size: 16px; box-shadow: none; }
.pa-hdr-docs.is-mobile[aria-current] { background: var(--wp--preset--color--navy); }
@media (prefers-reduced-motion: reduce) { .pa-hdr-docs { transition: none; } }
.pa-alldocs.is-box { max-width: none; margin-top: 22px; }
.pa-alldocs.is-hero { margin-top: 28px; }
.pa-alldocs.is-orange { background: var(--wp--preset--color--orange-700); box-shadow: 0 14px 34px rgba(194, 65, 12, .32); } /* white on orange-700: 5.2:1 */
.pa-alldocs.is-orange:hover { box-shadow: 0 18px 40px rgba(194, 65, 12, .4); }
.pa-alldocs.is-orange .pa-alldocs__go { color: var(--wp--preset--color--orange-700); }
.pa-alldocs.is-orange:focus-visible { outline-color: #fff; }
.pa-alldocs.is-band { max-width: none; margin-top: 14px; }
@media (max-width: 599.98px) { .pa-alldocs { gap: 12px; padding: 12px 14px 12px 12px; } .pa-alldocs__ic { width: 44px; height: 44px; border-radius: 14px; } .pa-alldocs__t { font-size: 18px; } .pa-alldocs__go { width: 38px; height: 38px; } }
.pa-alldocs.is-aside { max-width: none; margin-top: 18px; padding: 12px 16px 12px 12px; }
.pa-alldocs.is-aside .pa-alldocs__t { font-size: 18px; }
.pa-pdocs { display: flex; flex-direction: column; align-items: center; margin: 48px auto 0; text-align: center; }
.pa-pdocs p { margin: 0; color: var(--wp--preset--color--slate); font-size: 16px; }
.pa-pdocs .pa-alldocs { width: 100%; margin-top: 14px; }
