/* HiveMind Network: WordPress integration styles (hand-written). */

/* Paragraph wrappers that exist only so links and labels are editable. */
.hm-c { display: contents; }
[hidden] { display: none !important; }

body { background: var(--hm-ink-050); color: var(--hm-ink-900); font-family: var(--font-sans); }
.wp-site-blocks { overflow-x: clip; }
.hm-main, .hm-page-content { margin: 0; }
[id] { scroll-margin-top: 88px; }

/* "Link box" cards: no underline on hover. */
.wp-block-hivemind-link { display: block; color: inherit; text-decoration: none; }
.wp-block-hivemind-link:hover { text-decoration: none; }

/* Visual-only buttons inside link boxes. */
.hm-btn-visual { cursor: pointer; }

/* The design uses the browser's default box model; WordPress core sets
   border-box on groups and images, which would shift padded containers. */
.wp-block-group[class*="hm-"],
.wp-block-image[class*="hm-"] img { box-sizing: content-box; }

/* Images keep their designed size inside WordPress figure wrappers
   (Media Library images carry width/height attributes). */
:where(.wp-block-image[class*="hm-"]) img { width: auto; height: auto; }
.wp-block-image { margin: 0; }

/* Forms */
.hm-form .hm-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.hm-form button { cursor: pointer; }
.hm-form-note {
	margin-top: 16px;
	padding: 12px 16px;
	border-radius: var(--radius-md);
	background: var(--status-success-bg);
	color: var(--status-success);
	font-weight: 600;
}

/* Filter chips */
[data-hm-filter] button { cursor: pointer; }

/* Blog / search / 404 templates */
.hm-article, .hm-archive, .hm-404 { padding: 96px 24px; }
.hm-article-title { font: var(--type-h1); letter-spacing: var(--tracking-heading); margin: 12px 0 32px; }
.hm-article-body > * + * { margin-top: 1.2em; }
.hm-archive-title { font: var(--type-h1); margin-bottom: 40px; }
.hm-card-grid { gap: 24px; }
.hm-card { background: #fff; border: 1px solid var(--hm-ink-200); border-radius: var(--radius-lg); overflow: hidden; padding-bottom: 20px; }
.hm-card > :not(.wp-block-post-featured-image) { padding: 0 20px; margin-top: 12px; }
.hm-card h3 a { color: var(--hm-ink-900); }
.hm-404 h1 { font: var(--type-display); letter-spacing: var(--tracking-display); margin: 16px 0 24px; }
.hm-404 em, .hm-article-title em { font: var(--type-emphasis); }
.hm-search { margin-top: 24px; max-width: 520px; }

/* ---------- Header (blocks) ---------- */
.hm-header-part { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50; }
.hm-site-header {
	height: 72px; display: flex; align-items: center;
	background: #fff; color: var(--hm-ink-900); border-bottom: 1px solid var(--hm-ink-200);
}
.hm-site-header.hm-dark { background: var(--hm-ink-900); color: #fff; border-bottom: 0; }
.hm-header-inner {
	width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px;
	display: flex; align-items: center; gap: 40px; box-sizing: border-box;
}
.hm-logo { flex: none; margin: 0; }
.hm-logo img { height: 40px; width: auto; display: block; }
.hm-header-actions { display: flex; align-items: center; gap: 16px; flex: none; }
.hm-podcast-pill {
	display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px 7px 10px; border-radius: 999px;
	background: #8ca1ff; color: var(--hm-ink-900) !important; font: 600 14px/1 var(--font-sans); white-space: nowrap;
	transition: background 220ms var(--ease-out);
}
.hm-talk {
	display: inline-flex; align-items: center; justify-content: center; font: 600 13px/1 var(--font-sans);
	border-radius: var(--radius-pill); border: 1.5px solid currentcolor; padding: 8px 16px; color: inherit !important; white-space: nowrap;
}
.hm-site-header a:hover { text-decoration: none; }

/* Navigation block */
.hm-nav { flex: 1; min-width: 0; font: 500 15px var(--font-sans); }
.hm-nav .wp-block-navigation__container { gap: 28px; }
.hm-nav .wp-block-navigation-item__content { color: inherit; padding: 24px 0; }
.hm-nav .wp-block-navigation-item__content:hover,
.hm-nav .wp-block-navigation-item__content:focus { text-decoration: none; }
.hm-nav .wp-block-navigation__container > li > a.is-current,
.hm-nav .wp-block-navigation__container > li.current-menu-item > a { text-decoration: underline 2px var(--hm-blue-600); text-underline-offset: 8px; }
.hm-nav .wp-block-navigation__submenu-icon { width: 14px; height: 14px; margin-left: 6px; }
.hm-nav .wp-block-navigation__submenu-container {
	background: #fff !important; color: var(--hm-ink-900) !important; border: 0 !important;
	border-radius: 8px; box-shadow: var(--shadow-raised); padding: 16px !important; min-width: 360px !important;
	top: calc(100% - 8px) !important; left: -24px !important;
}
.hm-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 9px 10px; border-radius: 8px; font: 500 15px/1.25 var(--font-sans);
}
.hm-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--hm-ink-050); }
.hm-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .hm-mega > .wp-block-navigation__submenu-container {
	display: block !important; columns: 2; column-gap: 32px; column-rule: 1px solid var(--hm-ink-200);
	width: min(760px, calc(100vw - 48px)) !important; position: fixed !important; left: 50% !important; transform: translateX(-50%);
	top: calc(64px + var(--wp-admin--admin-bar--height, 0px)) !important;
}
.hm-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .hm-mega > .wp-block-navigation__submenu-container > li { break-inside: avoid; }
.hm-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .hm-mega > .wp-block-navigation__submenu-container > li:nth-child(10) { break-before: column; }
.hm-nav .hm-menu-heading > a {
	pointer-events: none; font: 600 12px/1.2 var(--font-sans) !important; letter-spacing: .14em; text-transform: uppercase;
	color: var(--hm-ink-500) !important; padding: 12px 10px 6px !important; background: none !important;
}
.hm-nav .hm-menu-heading:not(:first-child) { border-top: 1px solid var(--hm-ink-200); margin-top: 12px; padding-top: 8px; }
.hm-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .hm-mega > .wp-block-navigation__submenu-container > li:nth-child(10) { border-top: 0; margin-top: 0; padding-top: 0; }
.hm-nav .hm-dot > a { font-weight: 600 !important; display: flex !important; align-items: center; }
.hm-nav .hm-dot > a::before { content: ""; width: 10px; height: 10px; border-radius: 50%; flex: none; margin-right: 12px; background: var(--dot); }
.hm-nav .hm-dot-pd { --dot: var(--service-pd); } .hm-nav .hm-dot-tv { --dot: var(--service-tv); }
.hm-nav .hm-dot-ai { --dot: var(--service-ai); } .hm-nav .hm-dot-ww { --dot: var(--service-ww); }
.hm-nav .hm-menu-all > a { color: var(--hm-blue-600) !important; font-weight: 600 !important; border-top: 1px solid var(--hm-ink-200); border-radius: 0 !important; margin-top: 8px; }

/* Search icon in the header */
.hm-header-search .wp-block-search__button { background: none; color: inherit; border: 0; padding: 0; }
.hm-header-search .wp-block-search__button svg { width: 24px; height: 24px; fill: currentColor; }
.hm-header-search .wp-block-search__input { color: var(--hm-ink-900); border-radius: 999px; }

/* Mobile menu: hamburger below 900px; Podcast and Let's talk sit at the bottom. */
.hm-nav .hm-mobile-only { display: none; }
@media (max-width: 1100px) {
	.hm-nav .wp-block-navigation__container { gap: 20px; }
	.hm-nav .hm-nav-secondary { display: none; }
}
@media (max-width: 900px) {
	.hm-header-inner { gap: 16px; }
	.hm-nav { flex: none; order: 3; }
	.hm-header-actions { margin-left: auto; }
	.hm-header-actions .hm-c { display: none; }
	.hm-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; color: inherit; }
	.hm-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
}
.hm-nav .wp-block-navigation__responsive-container-open svg,
.hm-nav .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; }
.hm-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--hm-ink-900) !important; color: #fff !important; padding: 24px;
	font: 500 20px/1.3 var(--font-sans);
}
.hm-nav .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 48px; }
.hm-nav .is-menu-open .wp-block-navigation__container { gap: 0 !important; width: 100%; align-items: stretch !important; }
.hm-nav .is-menu-open .wp-block-navigation__container > li { width: 100%; border-bottom: 1px solid rgba(255,255,255,.12); }
.hm-nav .is-menu-open .wp-block-navigation__container > li > a { padding: 14px 0 !important; box-shadow: none !important; margin: 0 !important; }
.hm-nav .is-menu-open .hm-nav-secondary { display: flex; }
.hm-nav .is-menu-open .wp-block-navigation__submenu-container {
	box-shadow: none !important; background: transparent !important; color: inherit !important; padding: 0 0 12px 12px !important;
	min-width: 0 !important; width: auto !important; display: block !important; transform: none !important; font-size: 16px;
}
.hm-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 8px 0 !important; }
.hm-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: none; }
.hm-nav .is-menu-open .hm-menu-heading { border-top: 0 !important; margin-top: 8px !important; }
.hm-nav .is-menu-open .hm-menu-heading > a { color: var(--hm-ink-300) !important; padding: 8px 0 4px !important; }
.hm-nav .is-menu-open .hm-menu-all > a { border-top: 0; color: #8ca1ff !important; }
.hm-nav .is-menu-open .hm-mobile-only { display: flex; border-bottom: 0 !important; margin-top: 12px; }
.hm-nav .is-menu-open .hm-mobile-podcast { margin-top: 32px; }
.hm-nav .is-menu-open .hm-mobile-only > a {
	width: 100%; justify-content: center; border-radius: 999px; padding: 14px 22px !important;
	font: 600 16px/1 var(--font-sans) !important;
}
.hm-nav .is-menu-open .hm-mobile-podcast > a { background: #8ca1ff; color: var(--hm-ink-900) !important; }
.hm-nav .is-menu-open .hm-mobile-talk > a { border: 1.5px solid #fff; color: #fff !important; }

@media (max-width: 600px) {
	.hm-header-inner { padding: 0 16px; }
	.hm-logo img { height: 32px; }
}

/* ---------- Content ---------- */
/* Photos that were CSS backgrounds are Image blocks filling their box. */
.wp-block-image.hm-bg { position: absolute; inset: 0; margin: 0; z-index: -1; border-radius: inherit; overflow: hidden; }
.wp-block-image.hm-bg img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }

/* Serif-italic "turn" in titles */
.hm-em-turn, h1 em, h2 em { font: var(--type-emphasis); font-size: inherit; line-height: inherit; }

/* FAQ accordion (Details blocks) */
.wp-block-details[class*="hm-"] > summary {
	list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px;
	padding: 20px 0; cursor: pointer; color: var(--hm-ink-900);
}
.wp-block-details[class*="hm-"] > summary::-webkit-details-marker { display: none; }
.wp-block-details[class*="hm-"] > summary::after {
	content: "+"; font: 300 28px/1 var(--font-sans); color: var(--hm-blue-600); flex: none; width: 24px; text-align: center;
}
.wp-block-details[class*="hm-"][open] > summary::after { content: "\2212"; }
.wp-block-details[class*="hm-"] > :not(summary) { padding: 0 40px 20px 0; }

.hm-draft-note { padding: 16px 20px; border-radius: 8px; background: var(--hm-honey-100); color: var(--hm-ink-900); font: var(--type-body); }
.hm-dek p { margin: 0; }
.hm-show-more { display: flex; justify-content: center; margin-top: 32px; grid-column: 1 / -1; }
.hm-show-more button {
	display: inline-flex; align-items: center; gap: 8px; font: 600 15px/1 var(--font-sans); border-radius: var(--radius-pill);
	border: 1.5px solid currentcolor; padding: 12px 22px; background: transparent; color: var(--hm-ink-900); cursor: pointer;
}

/* Mobile menu: left aligned, submenus collapsed until tapped (see theme.js). */
.hm-nav .is-menu-open .wp-block-navigation__responsive-container-content,
.hm-nav .is-menu-open .wp-block-navigation__container,
.hm-nav .is-menu-open .wp-block-navigation-item { align-items: flex-start !important; text-align: left; }
.hm-nav .is-menu-open .wp-block-navigation__submenu-container { display: none !important; }
.hm-nav .is-menu-open .hm-sub-open > .wp-block-navigation__submenu-container { display: block !important; }
.hm-nav .is-menu-open .has-child > a { display: flex; width: 100%; justify-content: space-between; }
.hm-nav .is-menu-open .has-child > a::after { content: "+"; font: 300 26px/1 var(--font-sans); color: #8ca1ff; }
.hm-nav .is-menu-open .hm-sub-open > a::after { content: "\2212"; }
.hm-nav .is-menu-open .wp-block-navigation__container > li.hm-mobile-only { align-items: stretch !important; }
.hm-nav .is-menu-open .wp-block-navigation__container > li.hm-mobile-only > a { display: flex !important; justify-content: center !important; text-align: center; box-sizing: border-box; }

/* Podcast episode pages */
.hm-episode-wrap { max-width: 1280px; margin: 0 auto; padding: 48px 24px 96px; box-sizing: border-box; }
.hm-episode-crumbs { font: var(--type-small); color: var(--hm-ink-500); margin-bottom: 24px; }
.hm-episode-wrap .hm-player { margin: 0 !important; }
.hm-show-notes { max-width: 72ch; margin-top: 48px; font: 18px/1.65 var(--font-sans); color: var(--hm-ink-800); }
.hm-show-notes > * + * { margin-top: 1em; }
.hm-episode.is-playing { background: #fff !important; box-shadow: var(--shadow-card) !important; }
.hm-episode h3 a:hover { color: var(--hm-blue-600); text-decoration: none; }

/* Practice colour per service page (body class from inc/content-types.php). */
.hm-practice-pd { --svc: var(--service-pd); }
.hm-practice-tv { --svc: var(--service-tv); }
.hm-practice-ai { --svc: var(--service-ai); }
.hm-practice-ww { --svc: var(--service-ww); }