/*
Theme Name: THK-AI
Description: TH Köln look for the THK-AI Forschungscluster. Child theme of Twenty Twenty-Five, recreating the former "TH Köln Design" layout (white header, grey page, white content card, sidebar).
Template: twentytwentyfive
Version: 1.0.1
Requires at least: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thkai
*/

/* Header: white bar with a soft shadow, as in the old theme */
.thkai-header {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
	padding-top: 22px;
	padding-bottom: 6px;
}
.thkai-logo img { display: block; height: auto; }
.thkai-site-title {
	font-size: 2rem;
	line-height: 1.2;
	font-weight: 400;
	margin: 0;
	text-align: right;
}
.thkai-site-title a { color: var(--wp--preset--color--thk-red); text-decoration: none; }
.thkai-site-title a:hover { color: var(--wp--preset--color--thk-red); text-decoration: none; }

/* Main menu: uppercase, bold, active item in TH Köln red */
.thkai-header-nav { margin-top: 18px; align-items: center; }
.thkai-nav { gap: 6px 28px; }
.thkai-nav a,
.thkai-nav .wp-block-navigation-item__content {
	text-transform: uppercase;
	font-weight: 700;
	font-size: .95rem;
	letter-spacing: .01em;
	color: #333;
	text-decoration: none;
	padding: 10px 0;
}
.thkai-nav a:hover,
.thkai-nav .current-menu-item > a,
.thkai-nav a[aria-current="page"] { color: var(--wp--preset--color--thk-red); text-decoration: none; }
.thkai-search .wp-block-search__label { font-size: 1.25rem; font-weight: 400; margin-bottom: 9px; }
.thkai-search .wp-block-search__input {
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 6px 10px;
	font-size: .95rem;
	background: #fff;
}
.thkai-search .wp-block-search__button {
	border-radius: 2px;
	padding: 6px 12px;
	font-size: .9rem;
	margin-left: 6px;
	background: var(--wp--preset--color--thk-red);
	color: #fff;
}

/* Page body: content card + sidebar */
.thkai-main { margin-top: 48px; margin-bottom: 48px; }
.thkai-cols { gap: 48px; }
.thkai-card {
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	padding: 32px;
	min-width: 0;
}
.thkai-card > * + * { margin-top: 1.2rem; }
.thkai-card .wp-block-post-title { margin-top: 0; padding-bottom: 12px; border-bottom: 1px solid #eee; }
.thkai-card img { max-width: 100%; height: auto; }
/* Keep wide/full-width blocks and figures inside the card */
.thkai-card .alignwide,
.thkai-card .alignfull,
.thkai-card figure,
.thkai-card .wp-block-image,
.thkai-card .wp-caption,
.thkai-card table {
	max-width: 100% !important;
	width: auto;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.thkai-card .wp-caption { width: auto !important; }
.thkai-card .wp-block-table { overflow-x: auto; }
.thkai-meta { color: #777; font-size: .9rem; font-style: italic; }
.thkai-meta a { color: inherit; }

/* Blog list: one card per post */
.thkai-list > li + li { margin-top: 32px; }
.thkai-list .wp-block-post-title { font-size: 1.6rem; }
.thkai-list .wp-block-post-title a { color: #333; text-decoration: none; }
.thkai-list .wp-block-post-title a:hover { color: var(--wp--preset--color--thk-red); }

/* Sidebar widgets: dotted rule under the title, as before */
.thkai-sidebar h2 {
	font-size: 1.25rem;
	font-weight: 400;
	margin: 0 0 9px;
	padding: 4px 0;
	border-bottom: 2px dotted var(--wp--preset--color--rule);
}
.thkai-sidebar > * + * { margin-top: 36px; }
.thkai-sidebar ul { padding-left: 0; list-style: none; }
.thkai-sidebar li { margin-bottom: 8px; }
.thkai-sidebar a { font-weight: 700; }

/* Tags as coloured badges (orange / magenta / grey) */
.thkai-tags a {
	display: inline-block;
	padding: .25em .6em;
	margin: 0 4px 6px 0;
	font-size: .75rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 2px;
	background: var(--wp--preset--color--rule);
}
.thkai-tags a:nth-of-type(3n+1) { background: var(--wp--preset--color--thk-orange); }
.thkai-tags a:nth-of-type(3n+2) { background: var(--wp--preset--color--thk-magenta); }
.thkai-tags a:hover { background: #5e5e5e; color: #fff; }
.thkai-tags .wp-block-post-terms__separator { display: none; }

/* Code, as in the old theme (pink on light background) */
:where(.thkai-card) code { color: #c7254e; background: #f9f2f4; padding: 2px 4px; border-radius: 3px; font-size: 90%; }

/* Footer */
.thkai-footer { background: #333; color: #fff; padding-top: 22px; padding-bottom: 22px; font-size: .9rem; }
.thkai-footer a { color: #fff; }
.thkai-footer a:hover { color: #fff; text-decoration: none; }

/* Phones: stack, smaller title, menu becomes the overlay button */
@media (max-width: 781px) {
	.thkai-site-title { font-size: 1.5rem; text-align: left; }
	.thkai-card { padding: 20px; }
	.thkai-main { margin-top: 24px; }
	.thkai-cols { gap: 32px; }
}