/*
 * bs5-compat.css
 * Bootstrap 5 compatibility skin that approximates the previous
 * Bootstrap 3 ("bootstrap-theme") look: capped container width,
 * panel-style card headers, and glossy gradient buttons.
 *
 * Load AFTER bootstrap5.min.css on pages migrated from Bootstrap 3.
 */

/* Cap page width to match the pre-BS5 (Bootstrap 3) layout */
.container { max-width: 1170px; }

/* Soften card headers to resemble the old BS3 panels */
.card { border-color:#ddd; box-shadow:0 1px 1px rgba(0,0,0,.05); }
.card-header {
	background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	background-color:#f5f5f5;
	border-bottom-color:#ddd;
	text-shadow:0 1px 0 #fff;
}

/* Approximate the BS3 "bootstrap-theme" glossy button look */
.btn {
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	border-radius:4px;
}
.btn:active { box-shadow:inset 0 3px 5px rgba(0,0,0,.125); }
.btn-primary {
	background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);
	background-repeat:repeat-x;
	border-color:#245580;
}
.btn-primary:hover { background-image:linear-gradient(to bottom,#2e6da4 0,#235390 100%); }
.btn-warning {
	background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
	background-repeat:repeat-x;
	border-color:#e38d13;
}
.btn-warning:hover { background-image:linear-gradient(to bottom,#ec971f 0,#d58512 100%); }
.btn-secondary {
	background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	background-repeat:repeat-x;
	border-color:#ccc;
	color:#333;
	text-shadow:0 1px 0 #fff;
}
.btn-secondary:hover { background-image:linear-gradient(to bottom,#e0e0e0 0,#ebebeb 100%); }

/* Category selector (listapis): behave like the old BS3 toggle buttons.
   Hide the underlying checkboxes and style the labels as buttons. */
.btn-group .cat input[type=checkbox] { display:none; }
.btn-group .cat { cursor:pointer; }
.btn-group .cat.active,
.btn-group .cat:active {
	background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);
	background-repeat:repeat-x;
	background-color:#286090;
	border-color:#245580;
	color:#fff;
}