/*
CTC Separate Stylesheet
Updated: 2026-03-11 18:20:00
*/
:root {
	--primary: #9b5835;
	--primary-dark: #844a2c;
	--border-light: #e9ecef;
	--text-muted: #6c757d;
}
.btn-primary {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary);
	font-weight: 500;
	border-radius: 6px;
	transition: all 0.2s ease-in-out;
}

.btn-primary:hover {
	background-color: var(--primary-dark);
	border-color: var(--primary-dark);
	transform: translateY(-1px);
}

.btn-primary:focus,
.btn-primary:active {
	background-color: #6e3e24;
	border-color: #6e3e24;
	box-shadow: 0 0 0 0.2rem rgba(155, 88, 53, 0.25);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	background-color: #6e3e24;
	border-color: #6e3e24;
	box-shadow: 0 0 0 0.2rem rgba(155, 88, 53, 0.25);
}
.card {
	border: 1px solid var(--border-light);
	border-radius: 6px;
	transition: all 0.2s ease-in-out;
}

.card:hover {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}
.logo-wrap {
	height: 225px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-bottom: 1px solid var(--border-light);
	padding: 15px;
}

.logo-wrap img {
	max-width: 100%;
	max-height: 100%;
}
.card-title a {
	color: #212529;
	text-decoration: none;
}

.card-title a:hover {
	color: var(--primary);
}
.text-muted {
	color: var(--text-muted) !important;
}
h2.h4 {
	font-weight: 600;
	color: #212529;
}
h2.h4 {
	border-bottom: 1px solid var(--border-light);
	padding-bottom: 6px;
}