/*
Theme Name: Idea Flow TCG Child
Theme URI: https://cintman.com/
Description: Block child theme of Idea Flow for The Cintman Group (TCG). Centralizes the Cintman brand system (palette, typography, spacing, widths) in theme.json and ships TCG block templates, template parts, and patterns. Consultant-led Generative AI studio — "Frameworks, not one-off prompts."
Author: The Cintman Group
Author URI: https://cintman.com/
Template: idea-flow
Version: 1.3.1
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: idea-flow-tcg-child
*/

/*
 * This is a BLOCK theme. Almost all styling lives in theme.json and in the
 * block markup of /templates and /parts. This stylesheet only carries front-end
 * chrome that theme.json cannot express: the sticky header, nav hover states,
 * and link treatments inside the header/footer parts.
 */

/* ---- Sticky branded header ---- */
header.tcg-header,
.wp-block-template-part header.tcg-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* Make the site logo sit on the dark bar cleanly. */
.tcg-header .wp-block-site-logo img {
	display: block;
	border-radius: 2px;
}

/* Site title link: no underline, inherit ivory. */
.tcg-header .wp-block-site-title a {
	text-decoration: none;
}

/* Header navigation hover. */
.tcg-header .wp-block-navigation a:hover,
.tcg-header .wp-block-navigation a:focus {
	color: #c99477;
}

/* ---- Header dropdown submenu: the white box ----
 * The top-level nav text is ivory (for the navy bar), but the dropdown sits on
 * white — so submenu links are forced to navy here, with a blue hover. Without
 * this override they'd be ivory-on-white (invisible). */
.tcg-header .wp-block-navigation .wp-block-navigation__submenu-container {
	background: #ffffff;
	border: 1px solid rgba(22, 36, 44, 0.10);
	border-radius: 10px;
	padding: 8px;
	margin-top: 12px;
	min-width: 240px;
	box-shadow: 0 18px 40px rgba(22, 36, 44, 0.16);
}
.tcg-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.tcg-header .wp-block-navigation__submenu-container a {
	color: #16242c !important;
	padding: 9px 12px;
	border-radius: 6px;
	font-size: 14.5px;
	font-weight: 500;
}
.tcg-header .wp-block-navigation__submenu-container li {
	margin: 0;
}
.tcg-header .wp-block-navigation__submenu-container a:hover,
.tcg-header .wp-block-navigation__submenu-container a:focus {
	background: #f2efe9;
	color: #4c7491 !important;
}
/* Soften the corner where the dropdown meets the bar. */
.tcg-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	left: -8px;
}

/* Footer link treatments. */
.tcg-footer a { text-decoration: none; }
.tcg-footer a:hover { color: #f7f4ef; }
.tcg-footer .wp-block-navigation a:hover { color: #f7f4ef; }

/* Newsreader headings everywhere (belt-and-suspenders with theme.json). */
h1, h2, h3, h4,
.wp-block-heading {
	font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
}

/* Block-style: TCG secondary (outline) button on light backgrounds. */
.wp-block-button.is-style-tcg-secondary .wp-block-button__link {
	background: transparent;
	color: #16242c;
	border: 1px solid rgba(22, 36, 44, 0.24);
}
.wp-block-button.is-style-tcg-secondary .wp-block-button__link:hover {
	border-color: #4c7491;
	color: #4c7491;
}

/* Responsive: tighten header padding on small screens. */
@media (max-width: 781px) {
	header.tcg-header {
		padding-left: 22px !important;
		padding-right: 22px !important;
	}
}

/* ===========================================================================
   Insights archive + single — dynamic block styling (1b listing / 2a post)
   =========================================================================== */

/* Category filter bar (core/categories rendered as a horizontal pill row). */
.tcg-cat-bar ul,
ul.wp-block-categories.tcg-cat-bar {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 1180px;
	margin-inline: auto;
}
.tcg-cat-bar li { margin: 0; }
.tcg-cat-bar a {
	display: inline-block;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #4c7491;
	background: #e9eff2;
	padding: 6px 12px;
	border-radius: 100px;
	text-decoration: none;
	transition: background .15s, color .15s;
}
.tcg-cat-bar a:hover {
	background: #16242c;
	color: #f7f4ef;
}

/* Tag cloud footer + single-post tags — uniform pills, no size scaling. */
.tcg-tag-cloud a,
.tcg-post-tags a {
	display: inline-block;
	font-size: 12.5px !important;
	color: #4b5862;
	border: 1px solid rgba(22, 36, 44, 0.16);
	padding: 6px 12px;
	margin: 0 8px 8px 0;
	border-radius: 100px;
	text-decoration: none;
	transition: border-color .15s, color .15s;
}
.tcg-tag-cloud a:hover,
.tcg-post-tags a:hover {
	border-color: #4c7491;
	color: #4c7491;
}
.tcg-post-tags { display: block; }

/* Post-terms (category eyebrow) link inherits its set color, no underline. */
.wp-block-post-terms a { text-decoration: none; color: inherit; }
.wp-block-post-terms a:hover { color: #b06e4f; }

/* Featured-image links shouldn't show underline artifacts. */
.wp-block-post-featured-image a { display: block; line-height: 0; }

/* Query pagination treatment. */
.wp-block-query-pagination { gap: 10px; }
.wp-block-query-pagination a,
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
	color: #4c7491;
	text-decoration: none;
}
.wp-block-query-pagination .current {
	color: #16242c;
	font-weight: 600;
}

/* Post body rhythm on the single template. */
.wp-block-post-content > p { margin-bottom: 22px; }
.wp-block-post-content h2 { font-size: 30px; margin: 40px 0 16px; }
.wp-block-post-content h3 { font-size: 26px; margin: 36px 0 14px; }
.wp-block-post-content img { border-radius: 10px; }
.wp-block-post-content figure figcaption {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	color: #7a858c;
	text-align: center;
	margin-top: 10px;
}
.wp-block-post-content blockquote {
	border-left: 3px solid #b06e4f;
	padding-left: 24px;
	margin: 32px 0;
	font-family: 'Newsreader', Georgia, serif;
	font-style: italic;
	font-size: 24px;
	line-height: 1.4;
	color: #16242c;
}