/**
 * Fuchs by IQB — Bootstrap 5 re-branding + custom overrides.
 *
 * Loaded AFTER Bootstrap and style.css. Maps Bootstrap's component tokens to
 * the Fuchs design system (see design.md). Bootstrap 5.3 compiles literal
 * colours into component classes, so brand colours are applied by overriding
 * the relevant `--bs-*` custom properties rather than by editing Bootstrap.
 */

/* -------------------------------------------------------------------------
 * 1. Bootstrap global theme variables
 * ---------------------------------------------------------------------- */
:root {
	--bs-primary: #1260A9;
	--bs-primary-rgb: 18, 96, 169;

	--bs-secondary: #118F91;
	--bs-secondary-rgb: 17, 143, 145;

	--bs-dark: #0F1F41;
	--bs-dark-rgb: 15, 31, 65;

	--bs-success: #2F6846;
	--bs-success-rgb: 47, 104, 70;
	--bs-warning: #FFAF36;
	--bs-warning-rgb: 255, 175, 54;
	--bs-danger: #B72B1A;
	--bs-danger-rgb: 183, 43, 26;

	/* Body + links */
	--bs-body-font-family: var(--fuchs-font);
	--bs-body-font-weight: 300;
	--bs-body-color: #231F20;
	--bs-body-color-rgb: 35, 31, 32;
	--bs-link-color: #1260A9;
	--bs-link-color-rgb: 18, 96, 169;
	--bs-link-hover-color: #0E4D87;
	--bs-link-hover-color-rgb: 14, 77, 135;

	--bs-border-color: #BDBCBC;
}

/* -------------------------------------------------------------------------
 * 2. Buttons (primary/secondary + outline)
 *    Design: 16px / 600 / letter-spacing 1px.
 * ---------------------------------------------------------------------- */
.btn {
	font-weight: 600;
	letter-spacing: 1px;
}

.btn-primary {
	--bs-btn-bg: #1260A9;
	--bs-btn-border-color: #1260A9;
	--bs-btn-hover-bg: #0F5391;
	--bs-btn-hover-border-color: #0E4D87;
	--bs-btn-active-bg: #0E4D87;
	--bs-btn-active-border-color: #0D477E;
	--bs-btn-disabled-bg: #1260A9;
	--bs-btn-disabled-border-color: #1260A9;
}

.btn-outline-primary {
	--bs-btn-color: #1260A9;
	--bs-btn-border-color: #1260A9;
	--bs-btn-hover-bg: #1260A9;
	--bs-btn-hover-border-color: #1260A9;
	--bs-btn-active-bg: #1260A9;
	--bs-btn-active-border-color: #1260A9;
}

.btn-secondary {
	--bs-btn-bg: #118F91;
	--bs-btn-border-color: #118F91;
	--bs-btn-hover-bg: #0E7A7C;
	--bs-btn-hover-border-color: #0D7274;
	--bs-btn-active-bg: #0D7274;
	--bs-btn-active-border-color: #0C6A6C;
	--bs-btn-color: #fff;
	--bs-btn-hover-color: #fff;
	--bs-btn-active-color: #fff;
}

/* -------------------------------------------------------------------------
 * 3. Entry content
 * (Header / navigation styling lives in style.css.)
 * ---------------------------------------------------------------------- */
.entry-content p {
	line-height: 1.7;
}

.entry-content img,
.wp-post-image {
	max-width: 100%;
	height: auto;
}

/* -------------------------------------------------------------------------
 * 5. Comments
 * ---------------------------------------------------------------------- */
.comment-list .children {
	list-style: none;
	padding-left: 1.5rem;
}

.comment-body {
	margin-bottom: 1.5rem;
}

/* Footer styling lives in style.css. */

/* -------------------------------------------------------------------------
 * 6. WordPress block editor alignments
 * ---------------------------------------------------------------------- */
.alignwide {
	margin-left: -80px;
	margin-right: -80px;
	max-width: 1140px;
}
.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
}

@media (max-width: 991.98px) {
	.alignwide {
		margin-left: 0;
		margin-right: 0;
	}
}