/*
Theme Name: AskAI Labs
Template: twentytwentyfive
Description: Child theme for the AskAI ERC project site, visually continuous with ELTE Centre for Social Sciences (tk.elte.hu).
Author: Levente Littvay
Version: 2.2
*/


/* ===== Fonts: Museo (exljbris free weights, self-hosted like tk.elte.hu) ===== */
@font-face {
	font-family: "MuseoWeb";
	src: url("fonts/museo300-regular-webfont.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "MuseoWeb";
	src: url("fonts/museo500-regular-webfont.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "MuseoWeb";
	src: url("fonts/museo700-regular-webfont.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SegoeWeb";
	src: url("fonts/segoerg-webfont.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "SegoeWeb";
	src: url("fonts/segoebd-webfont.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* ===== tk.elte.hu design language ===== */

html, body, input, textarea, select, button, .wp-block-post-content, .askai-footer {
	font-family: "SegoeWeb", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #444;
	background: #fff;
}

/* Top nav bar: white->gray gradient, like tk #menu */
.askai-navbar {
	background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
	border-bottom: 1px solid #e1e1e1;
}
.askai-navbar .wp-block-navigation a {
	font-family: "MuseoWeb", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: 500;
	color: #666 !important;
	text-decoration: none;
}
.askai-navbar .wp-block-navigation a:hover {
	color: #222 !important;
}

/* Header band: logo + divider + title, like tk #header */
.askai-headband {
	background: #fff;
	border-bottom: 3px solid #196976;
}
.askai-title-block {
	border-left: 1px solid #e1e1e1;
	padding: 10px 0 10px 30px;
}
.askai-title-block .askai-sitename {
	font-family: "MuseoWeb", Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: 700;
	color: #196976;
	line-height: 1.3;
	margin: 0;
}
.askai-title-block .askai-subtitle {
	font-family: "MuseoWeb", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #6c6c6c;
	line-height: 1.5;
	margin: 0;
}

/* Statement band, like tk #statement */
.askai-statement {
	background: #f6fafb;
	border-bottom: 3px solid #196976;
}

/* Headings: Museo 700 teal everywhere, like tk h2.page-title */
h1, h2, h3, h4, h5, h6,
.wp-block-heading, .wp-block-post-title {
	font-family: "MuseoWeb", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #196976;
}
h1, .wp-block-post-title { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }

/* Boxy aesthetic — tk has no rounded corners */
.wp-block-post-content img,
.wp-block-button__link,
button {
	border-radius: 0 !important;
}

/* Buttons: teal, uppercase, like tk form-submit */
.wp-block-button__link {
	font-family: "MuseoWeb", Helvetica, Arial, sans-serif;
	background: #196976;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 6px 16px;
}
.wp-block-button__link:hover { background: #0f4750; }

/* Team photos: square with subtle border */
.askai-headshot img {
	border: 1px solid #e1e1e1;
}

/* Accent card, like tk .jti-cols .col.left */
.askai-card {
	background: #f2f5f6;
	border-top: 10px solid #196976;
	padding: 20px 24px;
}

/* Footer bar, like tk .footer-bar */
.askai-footer {
	background: #fafafa;
	border-top: 3px solid #196976;
	font-size: 13px;
	color: #666;
}
.askai-footer a { color: #196976; text-decoration: none; }
.askai-footer a:hover { text-decoration: underline; }