/* SCRCOG Blog Categories Styles */

/* Variables */
:root {
	--scrcog-bc-primary: #3F6398;
	--scrcog-bc-text: #333333;
	--scrcog-bc-text-light: #666666;
	--scrcog-bc-bg: #F4F6F8;
	--scrcog-bc-white: #FFFFFF;
	--scrcog-bc-border: #E1E1E1;
	--scrcog-bc-light-gray: #F9F9F9;
}

/* Container */
.scrcog-bc-container {
	max-width: 1200px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	color: var(--scrcog-bc-text);
	padding: 0 20px;
}

/* Title */
.scrcog-bc-title {
	display: none;
}

/* Categories List */
.scrcog-bc-categories-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 20px auto;
	justify-content: center;
	max-width: 1200px;
}

/* Category Button */
.scrcog-bc-category-btn {
	display: flex;
	flex: 0 1 auto;
	min-width: 200px;
	padding: 10px 20px;
	background-color: var(--scrcog-bc-primary);
	color: #fff;
	text-decoration: none;
	border-radius: 0px;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s ease;
	border: 2px solid var(--scrcog-bc-primary);
	cursor: pointer;
	text-align: center;
	box-sizing: border-box;
	min-height: 44px;
	align-items: center;
	justify-content: center;
}

.scrcog-bc-category-btn:hover {
	background-color: #2d4a73;
	border-color: #2d4a73;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(63, 99, 152, 0.2);
}

/* No Results */
.scrcog-bc-no-results {
	text-align: center;
	padding: 40px 20px;
	background-color: var(--scrcog-bc-light-gray);
	border-radius: 0px;
	color: var(--scrcog-bc-text-light);
	font-size: 16px;
	margin: 30px 0;
}

/* Responsive */
@media (max-width: 768px) {
	.scrcog-bc-category-btn {
		min-width: 150px;
	}
}

@media (max-width: 480px) {
	.scrcog-bc-categories-list {
		gap: 8px;
	}
	
	.scrcog-bc-category-btn {
		min-width: 100%;
		font-size: 13px;
		padding: 8px 16px;
	}
}