/*
Theme Name: Trig Point
Theme URI: https://thetrigpoint.co.uk
Description: Child theme for The Trig Point, built on Kadence.
Author: The Trig Point
Version: 1.0.0
Template: kadence
Text Domain: trig-point-child
*/
/* ==========================================================================
   Author-applied box-outs: Expert tip and Caution
   Moved here (from the per-template stylesheets) so they are available
   site-wide on any template without needing to be ported individually.
   Usage: add the class "ttp-tip" or "ttp-warning" to a block in the editor
   (Advanced -> Additional CSS Classes).
   ========================================================================== */

.ttp-tip,
.ttp-warning {
	margin: 1.75rem 0;
	padding: 1.1rem 1.25rem;
	border-radius: 6px;
	display: grid;
	grid-template-columns: 1.6rem 1fr;
	grid-template-rows: auto auto;
	column-gap: 0.75rem;
	row-gap: 0.4rem;
}

.ttp-tip > *:last-child,
.ttp-warning > *:last-child {
	margin-bottom: 0;
}

.ttp-tip > *:first-child,
.ttp-warning > *:first-child {
	margin-top: 0;
}

.ttp-tip::before,
.ttp-warning::before {
	grid-column: 1;
	grid-row: 1 / span 2;
	font-size: 1.15rem;
	line-height: 1.2;
}

.ttp-tip::after,
.ttp-warning::after {
	grid-column: 2;
	grid-row: 1;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.ttp-tip > *,
.ttp-warning > * {
	grid-column: 2;
}

/* Expert tip — helpful advice */
.ttp-tip {
	background: #eef5ec;
	border-left: 4px solid var(--global-palette1, #2c5f2d);
}

.ttp-tip::before {
	content: "\1F4A1";
}

.ttp-tip::after {
	content: "Expert tip";
	color: var(--global-palette1, #2c5f2d);
}

/* Caution — costly wrong turn, safety, or DQ risk */
.ttp-warning {
	background: #fbece9;
	border-left: 4px solid #b3361f;
}

.ttp-warning::before {
	content: "\26A0";
}

.ttp-warning::after {
	content: "Caution";
	color: #b3361f;
}
/* Author byline (leg pages and other light-byline contexts) ------------- */
.ttp-author-byline {
	font-size: 0.88rem;
	color: var(--global-palette5, #4A6678);
	padding: 1.25rem 1.5rem;
	border-top: 1px solid var(--global-palette6, #D9D3C5);
	margin: 0;
	max-width: 740px;
}
.ttp-author-byline a {
	color: var(--global-palette1, #21402E);
	font-weight: 600;
	text-decoration: none;
}
.ttp-author-byline a:hover {
	text-decoration: underline;
}