/*
Theme Name: GeneratePress MTTS
Template: generatepress
Version: 1.0.0
Description: MTTS child theme of GeneratePress, with ported programme templates.
*/

/* ---- "Forthcoming programmes" widget: horizontal row of cards, sized to
   fill the available width -- moved from the sidebar (stacked list) to the
   front page, so it now lays out as a responsive grid row instead. ---- */
#custom_html-12 .widget-title {
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-size: 1.35rem !important;
	color: var(--text-heading, #101828);
	padding-bottom: 0.6em !important;
}
#custom_html-12 .widget-title::before {
	font-family: 'wp-svg-plugin-icon-set1';
	content: "\e04e";
	color: var(--brand-primary, #006D77);
	font-size: 0.85em;
	line-height: 1;
}
#custom_html-12 .widget-title::after {
	width: 56px;
	height: 4px;
	background: linear-gradient(90deg, var(--brand-primary, #006D77), var(--brand-accent, #d8613c));
}
#custom_html-12 .textwidget ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 1.25em;
}
#custom_html-12 .textwidget li {
	position: relative;
	padding: 1.1em 1.2em 1.1em 1.7em;
	background: var(--bg-alt, #FAEDE3);
	border: 1px solid var(--border-soft, #E8DDD0);
	border-radius: var(--radius-md, 12px);
	font-size: 0.92rem;
	line-height: 1.55;
	color: var(--text-body, #494949);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
#custom_html-12 .textwidget li:hover {
	box-shadow: var(--shadow-md, 0 10px 24px rgba(16, 24, 40, 0.1));
	transform: translateY(-2px);
}
#custom_html-12 .textwidget li::before {
	content: "";
	position: absolute;
	left: 0.65em;
	top: 1.35em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--brand-accent, #d8613c);
}
#custom_html-12 .textwidget li b {
	display: inline-block;
	margin: 0.5em 0 0.25em;
	padding: 0.15em 0.65em;
	background: var(--brand-primary, #006D77);
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-radius: 999px;
}
#custom_html-12 .textwidget li a {
	font-weight: 600;
	color: var(--brand-primary, #006D77);
	text-decoration: none;
	border-bottom: 1px dashed var(--brand-primary, #006D77);
}
#custom_html-12 .textwidget li a:hover {
	color: var(--brand-accent, #d8613c);
	border-color: var(--brand-accent, #d8613c);
}

/* ---- Spacing between [one_third]/[one_third_last] shortcode columns ----
   The column-shortcodes plugin's default template sizes these at exactly
   33.3% with no margin, so adjacent columns butt straight up against each
   other. Narrow each column slightly and add a right-margin (removed again
   on the last column of the row) to open up a real gutter instead. */
.content-column.one_third {
	width: 32%;
	margin-right: 2%;
	box-sizing: border-box;
}
.content-column.one_third.last_column {
	margin-right: 0;
}