/**
 * Scoped styling for Group Posts list and home page cards
 * Suffix: 71bbd240
 */

.group-posts-container-71bbd240 {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	margin: 20px 0;
	width: 100%;
}

.group-posts-title-71bbd240 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 20px;
	border-bottom: 3px solid #1d3557;
	padding-bottom: 8px;
}

/* Home Grid Mode (last 20 posts) */
.group-posts-grid-71bbd240 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}

/* Base Post Card Styles */
.group-post-item-71bbd240 {
	display: block;
	text-decoration: none !important;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	position: relative;
	overflow: hidden;
}

.group-post-item-71bbd240:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.group-post-content-71bbd240 {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.group-post-date-71bbd240 {
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	opacity: 0.8;
	margin-bottom: 12px;
	display: block;
}

.group-post-title-link-71bbd240 {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0 0 16px 0;
	line-height: 1.4;
	word-wrap: break-word;
}

.group-post-author-71bbd240 {
	font-size: 0.85rem;
	font-weight: 600;
	opacity: 0.9;
	display: block;
}

/* --- GROUP STYLING CARDS (HOME PAGE) --- */

/* American Legion (Blue) */
.group-card-71bbd240-al {
	background: linear-gradient(135deg, #102a43 0%, #1d3557 100%);
	color: #ffffff !important;
}
.group-card-71bbd240-al .group-post-title-link-71bbd240 {
	color: #ffb81c; /* Gold accent */
}

/* American Legion Auxiliary (Light Blue) */
.group-card-71bbd240-ala {
	background: linear-gradient(135deg, #1d3d5a 0%, #334e68 100%);
	color: #ffffff !important;
}
.group-card-71bbd240-ala .group-post-title-link-71bbd240 {
	color: #a8dadc; /* Ice blue accent */
}

/* Sons of the American Legion (Gold/Yellow) */
.group-card-71bbd240-sal {
	background: linear-gradient(135deg, #d39e00 0%, #b58900 100%);
	color: #1a1a1a !important;
}
.group-card-71bbd240-sal .group-post-title-link-71bbd240 {
	color: #ffffff;
}

/* American Legion Riders (Charcoal/Red) */
.group-card-71bbd240-alr {
	background: linear-gradient(135deg, #1a1a1a 0%, #2d3748 100%);
	color: #f7fafc !important;
	border-left: 5px solid #d90429;
}
.group-card-71bbd240-alr .group-post-title-link-71bbd240 {
	color: #e53e3e; /* Red accent */
}

/* American Legion Baseball (Field Green) */
.group-card-71bbd240-albb {
	background: linear-gradient(135deg, #1b4d3e 0%, #2d6a4f 100%);
	color: #ffffff !important;
}
.group-card-71bbd240-albb .group-post-title-link-71bbd240 {
	color: #95d5b2; /* Mint accent */
}


/* --- GROUP LIST STYLING (GROUP PAGE LIST) --- */
.group-posts-list-71bbd240 {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.group-posts-list-71bbd240 .group-post-item-71bbd240 {
	background: #ffffff;
	border-left: 4px solid #1d3557;
	border-radius: 8px;
	padding: 16px 20px;
	color: #333333 !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.group-posts-list-71bbd240 .group-post-item-71bbd240:hover {
	border-left-width: 6px;
}

/* Specific Group page link colors */
.group-list-item-71bbd240-al { border-left-color: #1d3557 !important; }
.group-list-item-71bbd240-ala { border-left-color: #457b9d !important; }
.group-list-item-71bbd240-sal { border-left-color: #e9c46a !important; }
.group-list-item-71bbd240-alr { border-left-color: #1a1a1a !important; }
.group-list-item-71bbd240-albb { border-left-color: #2a9d8f !important; }

.group-posts-list-71bbd240 .group-post-title-link-71bbd240 {
	color: #1d3557;
	font-size: 1.15rem;
	margin-bottom: 6px;
}

.group-posts-list-71bbd240 .group-post-date-71bbd240,
.group-posts-list-71bbd240 .group-post-author-71bbd240 {
	color: #666666;
	display: inline-block;
	margin-bottom: 0;
}

.group-posts-list-71bbd240 .group-post-date-71bbd240::after {
	content: "•";
	margin: 0 8px;
	color: #ccc;
}

.group-posts-error-71bbd240 {
	color: #e53e3e;
	background: #fff5f5;
	border: 1px solid #fed7d7;
	padding: 12px;
	border-radius: 6px;
	font-weight: 500;
}