/**
 * Announcements Archive & Single – Tailwind-style design system.
 *
 * Design tokens (Tailwind-inspired): spacing, colors, radius, shadows, transitions.
 *
 * @package HTA\LiveEvent
 */

/* -------------------------------------------------------------------------
   Design tokens (Tailwind-style)
   ------------------------------------------------------------------------- */
.hta-announcements-archive,
.single-hta_announcement {
	--hta-ann-space-1: 0.25rem;   /* 4px */
	--hta-ann-space-2: 0.5rem;     /* 8px */
	--hta-ann-space-3: 0.75rem;    /* 12px */
	--hta-ann-space-4: 1rem;      /* 16px */
	--hta-ann-space-5: 1.25rem;   /* 20px */
	--hta-ann-space-6: 1.5rem;    /* 24px */
	--hta-ann-space-8: 2rem;      /* 32px */
	--hta-ann-space-10: 2.5rem;   /* 40px */
	--hta-ann-radius-md: 6px;
	--hta-ann-radius-lg: 8px;
	--hta-ann-radius-xl: 12px;
	--hta-ann-radius-full: 9999px;
	--hta-ann-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--hta-ann-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--hta-ann-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--hta-ann-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--hta-ann-transition: 150ms ease;
	--hta-ann-transition-slow: 200ms ease;
	/* Colors – slate/gray + blue accent + amber for pinned */
	--hta-ann-bg-page: transparent !important;
	--hta-ann-bg-card: #ffffff;
	--hta-ann-bg-muted: #f1f5f9;
	--hta-ann-border: #e2e8f0;
	--hta-ann-border-focus: #94a3b8;
	--hta-ann-text: #0f172a;
	--hta-ann-text-muted: #64748b;
	--hta-ann-text-muted-light: #94a3b8;
	--hta-ann-accent: #2563eb;
	--hta-ann-accent-hover: #1d4ed8;
	--hta-ann-accent-light: #eff6ff;
	--hta-ann-amber-bg: #fef3c7;
	--hta-ann-amber-icon: #d97706;
	--hta-ann-tag-blue: #3b82f6;
	--hta-ann-tag-blue-bg: #dbeafe;
	--hta-ann-tag-amber: #b45309;
	--hta-ann-tag-amber-bg: #fef3c7;
	--hta-ann-font: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* -------------------------------------------------------------------------
   Archive – container & layout (Roboto everywhere)
   ------------------------------------------------------------------------- */
.hta-announcements-archive,
.single-hta_announcement {
	font-family: var(--hta-ann-font);
}

.hta-announcements-archive {
	margin: 0 auto;
	padding: var(--hta-ann-space-6) var(--hta-ann-space-4);
	background: transparent !important;
	min-height: 60vh;
}

.hta-announcements-archive__body {
	display: block;
}

.hta-announcements-archive__body--with-sidebar {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: var(--hta-ann-space-8);
}

@media (max-width: 782px) {
	.hta-announcements-archive__body--with-sidebar {
		grid-template-columns: 1fr;
	}
}

/* -------------------------------------------------------------------------
   Header – title, read/unread, search
   ------------------------------------------------------------------------- */
/* Header: title and search on same line, aligned */
.hta-announcements-archive__header {
	background: white;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--hta-ann-space-4);
	margin-bottom: var(--hta-ann-space-6);
	padding: var(--hta-ann-space-4) var(--hta-ann-space-5);
	border: 1px solid var(--hta-ann-border);
	border-radius: var(--hta-ann-radius-xl);
}

@media (max-width: 600px) {
	.hta-announcements-archive__header {
		flex-wrap: wrap;
	}
}

.hta-announcements-archive__header-left {
	display: flex;
	flex-direction: column;
	gap: var(--hta-ann-space-1);
	flex: 1;
	min-width: 0;
}

.hta-announcements-archive__back-nav {
	margin: 0 0 var(--hta-ann-space-3);
}

.hta-announcements-archive__back-link {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--hta-ann-accent);
	text-decoration: none;
	transition: color var(--hta-ann-transition);
}

.hta-announcements-archive__back-link:hover {
	color: var(--hta-ann-accent-hover);
	text-decoration: underline;
}

.hta-announcements-archive__title {
	margin: 0;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.25;
	color: #000;
	letter-spacing: -0.025em;
}

.hta-announcements-archive__title-link {
	color: inherit;
	text-decoration: none;
	transition: color var(--hta-ann-transition);
}

.hta-announcements-archive__title-link:hover {
	color: var(--hta-ann-accent);
}

.hta-announcements-archive__tag-label {
	margin: var(--hta-ann-space-2) 0 0;
	font-size: 1rem;
	font-weight: 500;
	color: var(--hta-ann-text-muted);
}

.hta-announcements-archive__tag-name {
	color: var(--hta-ann-text);
	font-weight: 600;
}

/* Read/unread counts under "Announcements & Updates" */
.hta-announcements-archive__read-unread {
	margin: 0;
	margin-top: var(--hta-ann-space-1);
	font-size: 0.875rem;
	color: var(--hta-ann-text-muted);
	font-weight: 500;
	opacity: 0.95;
}

/* Search: icon on left, no dropdown – single input with magnifying glass */
.hta-announcements-archive__search-wrap {
	position: relative;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	min-width: 220px;
	max-width: 320px;
}


.hta-announcements-archive__search-input {
	width: 100%;
	min-height: 40px;
	padding: var(--hta-ann-space-2) var(--hta-ann-space-3);
	padding-left: 2.5rem;
	font-size: 0.875rem;
	color: var(--hta-ann-text);
	background: #ffffff;
	border: 1px solid var(--hta-ann-border);
	border-radius: var(--hta-ann-radius-lg);
	transition: border-color var(--hta-ann-transition), box-shadow var(--hta-ann-transition);
	/* Hide browser’s native search icon so only our custom .search-icon shows */
	-webkit-appearance: none;
	appearance: none;
}

.hta-announcements-archive__search-input::-webkit-search-decoration,
.hta-announcements-archive__search-input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
}

.hta-announcements-archive__search-input::placeholder {
	color: var(--hta-ann-text-muted-light);
}

.hta-announcements-archive__search-input:focus {
	outline: none;
	border-color: var(--hta-ann-accent);
	box-shadow: 0 0 0 3px var(--hta-ann-accent-light);
}

/* Search dropdown – recommend/autocomplete results */
.hta-announcements-archive__search-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: var(--hta-ann-space-1);
	background: var(--hta-ann-bg-card);
	border: 1px solid var(--hta-ann-border);
	border-radius: var(--hta-ann-radius-lg);
	box-shadow: var(--hta-ann-shadow-md);
	max-height: 280px;
	overflow-y: auto;
	z-index: 100;
	display: none;
	padding: var(--hta-ann-space-2);
	font-size: 0.875rem;
	color: var(--hta-ann-text);
}

.hta-announcements-archive__search-dropdown--open {
	display: block;
}

.hta-announcements-archive__search-dropdown--loading {
	padding: var(--hta-ann-space-4);
	color: var(--hta-ann-text-muted);
	text-align: center;
}

.hta-announcements-archive__search-dropdown-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hta-announcements-archive__search-dropdown-item {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--hta-ann-border);
}

.hta-announcements-archive__search-dropdown-item:last-child {
	border-bottom: none;
}

.hta-announcements-archive__search-dropdown-link {
	display: block;
	padding: var(--hta-ann-space-2) var(--hta-ann-space-3);
	color: var(--hta-ann-text);
	text-decoration: none;
	transition: background var(--hta-ann-transition), color var(--hta-ann-transition);
	border-radius: var(--hta-ann-radius-md);
}

.hta-announcements-archive__search-dropdown-link:hover {
	background: var(--hta-ann-bg-muted);
	color: var(--hta-ann-accent);
}

/* -------------------------------------------------------------------------
   Section titles (Pinned, Latest Updates, etc.)
   ------------------------------------------------------------------------- */
.hta-announcements-archive__section-title,  .hta-announcements-archive__widget-title{
	margin: 0 0 var(--hta-ann-space-6);
	font-size: 1.125rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #000;
	margin-bottom: var(--hta-ann-space-4) !important;

}

/* -------------------------------------------------------------------------
   Pinned section – golden background, white card
   ------------------------------------------------------------------------- */
.hta-announcements-archive__pinned {
	margin-bottom: var(--hta-ann-space-8);
	padding: var(--hta-ann-space-4);
	background: #ffffff;
	border-radius: var(--hta-ann-radius-xl);
}

.hta-announcements-archive__pinned-list {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: 1px solid var(--hta-ann-border);
	border-radius: var(--hta-ann-radius-lg);
	box-shadow: var(--hta-ann-shadow-sm);
	overflow: hidden;
}

.hta-announcements-archive__pinned-item {
	display: flex;
	align-items: center;
	gap: var(--hta-ann-space-3);
	padding: var(--hta-ann-space-4) var(--hta-ann-space-5);
	border-bottom: 1px solid var(--hta-ann-border);
	transition: background var(--hta-ann-transition);
}

.hta-announcements-archive__pinned-item:last-child {
	border-bottom: none;
}

.hta-announcements-archive__pinned-item:hover {
	background: var(--hta-ann-bg-muted);
}

/* Pinned icon: circle wrapper + glyph inside (one structure for FA and dashicons) */
.hta-announcements-archive__pinned-icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	flex-shrink: 0;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: var(--hta-ann-radius-full);
	background: var(--hta-ann-amber-bg);
	color: var(--hta-ann-amber-icon);
	transition: transform var(--hta-ann-transition-slow);
	box-sizing: border-box;
}

.hta-announcements-archive__pinned-icon-glyph {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	font-size: 1.125rem;
	font-style: normal;
	line-height: 1;
	color: inherit;
}

.hta-announcements-archive__pinned-icon-glyph::before {
	line-height: 1;
}

.hta-announcements-archive__pinned-item:hover .hta-announcements-archive__pinned-icon-wrap {
	transform: scale(1.08);
}

.hta-announcements-archive__pinned-link {
	flex: 1;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--hta-ann-text);
	text-decoration: none;
	transition: color var(--hta-ann-transition);
}

.hta-announcements-archive__pinned-link:hover {
	color: var(--hta-ann-accent);
}

.hta-announcements-archive__pinned-arrow {
	font-size: 1rem;
	color: var(--hta-ann-text-muted-light);
	transition: transform var(--hta-ann-transition);
}

.hta-announcements-archive__pinned-item:hover .hta-announcements-archive__pinned-arrow {
	transform: translateX(4px);
	color: var(--hta-ann-accent);
}

/* -------------------------------------------------------------------------
   Latest updates – golden section, white cards, max 4 visible + scroll
   ------------------------------------------------------------------------- */
.hta-announcements-archive__latest {
	padding: var(--hta-ann-space-4);
	background: #ffffff;
	border-radius: var(--hta-ann-radius-xl);
}

/* Mobile: full-width sections (break out of parent padding) */
@media (max-width: 782px) {
	.hta-announcements-archive__header,
	.hta-announcements-archive__pinned,
	.hta-announcements-archive__latest,
	.hta-announcements-archive__sidebar {
		width: calc(100% + 2 * var(--hta-ann-space-4));
		max-width: 100vw;
		margin-left: calc(-1 * var(--hta-ann-space-4));
		margin-right: calc(-1 * var(--hta-ann-space-4));
		border-radius: 0;
	}
}

.hta-announcements-archive__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hta-announcements-archive__card {
	display: flex;
	gap: var(--hta-ann-space-5);
	padding: var(--hta-ann-space-4);
	margin-bottom: var(--hta-ann-space-3);
	background: #ffffff;
	border: 1px solid var(--hta-ann-border);
	border-radius: var(--hta-ann-radius-lg);
	transition: opacity var(--hta-ann-transition), box-shadow var(--hta-ann-transition);
}

.hta-announcements-archive__card:last-child {
	margin-bottom: 0;
}

.hta-announcements-archive__card:hover {
	opacity: 1;
	box-shadow: var(--hta-ann-shadow-md);
}

/* Khung ngoài luôn vuông; ảnh lấp đầy khung */
/* Thumbnail: strict square frame, image fills with no gap below */
.hta-announcements-archive__card-image-link {
	position: relative;
	display: block;
	flex-shrink: 0;
	width: 140px;
	height: 140px;
	min-width: 140px;
	min-height: 140px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: var(--hta-ann-radius-lg);
	transition: transform var(--hta-ann-transition-slow), box-shadow var(--hta-ann-transition-slow);
	line-height: 0;
	font-size: 0;
}

.hta-announcements-archive__card-image-link:hover {
	transform: translateY(-2px);
	box-shadow: var(--hta-ann-shadow-md);
}

.hta-announcements-archive__card-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.hta-announcements-archive__card-content {
	flex: 1;
	min-width: 0;
}

/* Card – categories & tags (label pills) */
.hta-announcements-archive__card-categories {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hta-ann-space-2);
	margin-bottom: var(--hta-ann-space-2);
}

/* Card – date, pipe, author (By …) with tight spacing */
.hta-announcements-archive__card-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.2em var(--hta-ann-space-2);
	margin-bottom: var(--hta-ann-space-2);
}

.hta-announcements-archive__card-meta-sep {
	font-size: 0.8125rem;
	color: var(--hta-ann-text-muted-light);
	margin: 0;
}

.hta-announcements-archive__card-byline {
	font-size: 0.8125rem;
	color: var(--hta-ann-text-muted);
}

/* Card – tags and date on same line (legacy / fallback) */
.hta-announcements-archive__card-tags-date {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--hta-ann-space-2) var(--hta-ann-space-3);
	margin-bottom: var(--hta-ann-space-2);
}

.hta-announcements-archive__card-tags-date .hta-announcements-archive__card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hta-ann-space-2);
	margin-bottom: 0;
}

.hta-announcements-archive__card-tags-date .hta-announcements-archive__card-date {
	margin-bottom: 0;
}

/* Card – tags block (when used below card-meta) */
.hta-announcements-archive__card-content > .hta-announcements-archive__card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hta-ann-space-2);
	margin-bottom: var(--hta-ann-space-2);
}

.hta-announcements-archive__category {
	display: inline-block;
	padding: var(--hta-ann-space-1) var(--hta-ann-space-2);
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--hta-ann-tag-blue);
	background: var(--hta-ann-tag-blue-bg);
	border-radius: var(--hta-ann-radius-full);
	text-decoration: none;
	transition: background var(--hta-ann-transition), color var(--hta-ann-transition), transform var(--hta-ann-transition);
}

.hta-announcements-archive__category:hover {
	background: var(--hta-ann-tag-blue);
	color: #fff;
	transform: translateY(-1px);
}

.hta-announcements-archive__tag {
	display: inline-block;
	padding: var(--hta-ann-space-1) var(--hta-ann-space-2);
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--hta-ann-tag-amber);
	background: var(--hta-ann-tag-amber-bg);
	border-radius: var(--hta-ann-radius-full);
	text-decoration: none;
	transition: background var(--hta-ann-transition), color var(--hta-ann-transition), transform var(--hta-ann-transition);
}

.hta-announcements-archive__tag:hover {
	background: var(--hta-ann-tag-amber);
	color: #fff;
	transform: translateY(-1px);
}

/* Card – date (time) */
.hta-announcements-archive__card-date {
	display: inline-block;
	font-size: 0.8125rem;
	color: var(--hta-ann-text-muted);
}

/* Card – title */
.hta-announcements-archive__card-title {
	margin: var(--hta-ann-space-1) 0 var(--hta-ann-space-2);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
}

.hta-announcements-archive__card-title a {
	color: var(--hta-ann-text);
	text-decoration: none;
	transition: color var(--hta-ann-transition);
}

.hta-announcements-archive__card-title a:hover {
	color: var(--hta-ann-accent);
}

/* Card – excerpt */
.hta-announcements-archive__card-excerpt {
	margin: 0 0 var(--hta-ann-space-2);
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--hta-ann-text-muted);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Card – comments */
.hta-announcements-archive__card-comments {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--hta-ann-text-muted-light);
}

.hta-announcements-archive__empty {
	margin: var(--hta-ann-space-4) 0;
	font-size: 0.9375rem;
	color: var(--hta-ann-text-muted);
}

/* -------------------------------------------------------------------------
   Sidebar – white widget cards with border, recent list with horizontal lines
   ------------------------------------------------------------------------- */
.hta-announcements-archive__sidebar {
	display: flex;
	flex-direction: column;
	gap: var(--hta-ann-space-6);
}

.hta-announcements-archive__widget {
	background: #ffffff;
	border: 1px solid var(--hta-ann-border);
	border-radius: var(--hta-ann-radius-lg);
	padding: var(--hta-ann-space-4);
}



.hta-announcements-archive__tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hta-ann-space-2);
}

.hta-announcements-archive__tag-pill {
	display: inline-block;
	padding: var(--hta-ann-space-2) var(--hta-ann-space-3);
	font-size: 0.8125rem;
	font-weight: 500;
	color: #fff;
	background: var(--hta-ann-accent);
	border-radius: var(--hta-ann-radius-full);
	text-decoration: none;
	transition: background var(--hta-ann-transition), transform var(--hta-ann-transition);
}

.hta-announcements-archive__tag-pill:hover {
	background: var(--hta-ann-accent-hover);
	color: #fff;
	transform: translateY(-1px);
}

.hta-announcements-archive__categories-list,
.hta-announcements-archive__recent-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hta-announcements-archive__categories-list li,
.hta-announcements-archive__recent-list li {
	margin-bottom: 0;
	padding: var(--hta-ann-space-3) 0;
	border-bottom: 1px solid var(--hta-ann-border);
	font-size: 0.875rem;
	transition: padding-left var(--hta-ann-transition);
}

.hta-announcements-archive__categories-list li:last-child {
	border-bottom: none;
}

/* Recent updates: horizontal line between each announcement */
.hta-announcements-archive__recent-list li {
	border-bottom: 1px solid var(--hta-ann-border);
}

.hta-announcements-archive__recent-list li:last-child {
	border-bottom: none;
}

.hta-announcements-archive__categories-list a,
.hta-announcements-archive__recent-list a {
	color: var(--hta-ann-accent);
	text-decoration: none;
	font-weight: 500;
	transition: color var(--hta-ann-transition);
}

.hta-announcements-archive__categories-list a:hover,
.hta-announcements-archive__recent-list a:hover {
	color: var(--hta-ann-accent-hover);
}

.hta-announcements-archive__recent-list li:hover {
	padding-left: var(--hta-ann-space-2);
}

.hta-announcements-archive__category-count,
.hta-announcements-archive__recent-date {
	display: block;
	margin-top: var(--hta-ann-space-1);
	font-size: 0.75rem;
	color: var(--hta-ann-text-muted);
}

/* -------------------------------------------------------------------------
   Single announcement – full-width .site-main, two-column, Tailwind-style
   ------------------------------------------------------------------------- */
.single-hta_announcement .site-main {
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.single-hta_announcement #primary {
	width: 100%;
	max-width: 100%;
}

/* Override BuddyBoss .bb-buddypanel padding on single announcement only */
@media screen and (min-width: 800px) {
	.single-hta_announcement .bb-buddypanel .bb-footer,
	.single-hta_announcement .bb-buddypanel .header-search-wrap,
	.single-hta_announcement .bb-buddypanel .site-content,
	.single-hta_announcement .bb-buddypanel .site-header {
		padding: 0;
	}
}

.hta-announcement-single__body {
	display: block;
	margin: 0 auto;
}

.hta-announcement-single__body--with-sidebar {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: var(--hta-ann-space-8);
}

@media (max-width: 782px) {
	.hta-announcement-single__body--with-sidebar {
		grid-template-columns: 1fr;
	}
}

/* Main content – white card */
.single-hta_announcement .hta-announcement-single {
	padding: var(--hta-ann-space-8) var(--hta-ann-space-6);
	background: #ffffff;
	border: 1px solid var(--hta-ann-border);
	border-radius: var(--hta-ann-radius-xl);
	box-shadow: var(--hta-ann-shadow-sm);
}

/* Single – header same as listing: title left, search right (no override = uses default row layout) */

/* Single – breadcrumb */
.hta-announcement-single__breadcrumb {
	margin-bottom: var(--hta-ann-space-3);
	font-size: 0.875rem;
	color: var(--hta-ann-text-muted);
}

.hta-announcement-single__breadcrumb a {
	color: var(--hta-ann-accent);
	text-decoration: none;
	transition: color var(--hta-ann-transition);
}

.hta-announcement-single__breadcrumb a:hover {
	color: var(--hta-ann-accent-hover);
}

.hta-announcement-single__breadcrumb-sep {
	margin: 0 var(--hta-ann-space-1);
	color: var(--hta-ann-text-muted-light);
}

/* Single – title & meta (Published by X | Role | Date | read time) */
.hta-announcement-single__title {
	margin: 0 0 var(--hta-ann-space-4);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.25;
	color: #000;
	letter-spacing: -0.025em;
}

.hta-announcement-single__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hta-ann-space-2) var(--hta-ann-space-4);
	margin-bottom: var(--hta-ann-space-4);
	font-size: 0.875rem;
	color: var(--hta-ann-text-muted);
}

.hta-announcement-single__meta > * + *::before {
	content: " | ";
	margin-left: 0.2em;
	margin-right: 0.2em;
	color: var(--hta-ann-text-muted-light);
}

.hta-announcement-single__author-role {
	font-weight: 600;
	color: var(--hta-ann-text);
}

/* Related Announcements and Updates – yellow tag (light yellow bg, dark text) */
.hta-announcement-single__related {
	margin: 0 0 var(--hta-ann-space-8);
	font-size: 0.875rem;
	color: var(--hta-ann-text-muted);
}

.hta-announcement-single__related a {
	display: inline-flex;
	align-items: center;
	gap: var(--hta-ann-space-2);
	padding: var(--hta-ann-space-2) var(--hta-ann-space-3);
	background: #FFFACD;
	color: var(--hta-ann-text);
	text-decoration: none;
	border-radius: var(--hta-ann-radius-md);
	border: 1px solid #e8e08a;
	transition: background var(--hta-ann-transition), border-color var(--hta-ann-transition);
}

.hta-announcement-single__related a:hover {
	background: #f5f0b8;
	border-color: #d4cc6a;
}

.hta-announcement-single__related a::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
	flex-shrink: 0;
}

/* Single – content (Roboto + formatting) */
.hta-announcement-single .hta-announcement-single__content,
.hta-announcement-single .hta-announcement-single__content.entry-content {
	margin: var(--hta-ann-space-8) 0;
	font-size: 1rem;
	color: var(--hta-ann-text);
	font-family: var(--hta-ann-font);
}

.hta-announcement-single .hta-announcement-single__content p,
.hta-announcement-single .hta-announcement-single__content.entry-content p {
	margin: 0 0 var(--hta-ann-space-4) !important;
}

.hta-announcement-single .hta-announcement-single__content h1,
.hta-announcement-single .hta-announcement-single__content h2,
.hta-announcement-single .hta-announcement-single__content h3,
.hta-announcement-single .hta-announcement-single__content h4,
.hta-announcement-single .hta-announcement-single__content.entry-content h1,
.hta-announcement-single .hta-announcement-single__content.entry-content h2,
.hta-announcement-single .hta-announcement-single__content.entry-content h3,
.hta-announcement-single .hta-announcement-single__content.entry-content h4 {
	font-family: var(--hta-ann-font);
	font-weight: 700;
	line-height: 1.3;
	margin: var(--hta-ann-space-6) 0 var(--hta-ann-space-2) !important;
	color: var(--hta-ann-text);
	font-size: 1.75rem;
}

.hta-announcement-single .hta-announcement-single__content h2,
.hta-announcement-single .hta-announcement-single__content.entry-content h2 {
	font-size: 1.5rem;
}

.hta-announcement-single .hta-announcement-single__content h3,
.hta-announcement-single .hta-announcement-single__content.entry-content h3 {
	font-size: 1.25rem;
}

.hta-announcement-single .hta-announcement-single__content h4,
.hta-announcement-single .hta-announcement-single__content.entry-content h4 {
	font-size: 1.125rem;
}

/* Override WordPress customizer margin: 0rem !important for h5, h6, address, hr */
.hta-announcement-single .hta-announcement-single__content h5,
.hta-announcement-single .hta-announcement-single__content h6,
.hta-announcement-single .hta-announcement-single__content.entry-content h5,
.hta-announcement-single .hta-announcement-single__content.entry-content h6,
.hta-announcement-single .hta-announcement-single__content address,
.hta-announcement-single .hta-announcement-single__content.entry-content address,
.hta-announcement-single .hta-announcement-single__content hr,
.hta-announcement-single .hta-announcement-single__content.entry-content hr {
	margin: var(--hta-ann-space-4) 0 !important;
}

.hta-announcement-single .hta-announcement-single__content ul,
.hta-announcement-single .hta-announcement-single__content ol,
.hta-announcement-single .hta-announcement-single__content.entry-content ul,
.hta-announcement-single .hta-announcement-single__content.entry-content ol {
	margin: 0 0 var(--hta-ann-space-4);
	padding-left: 1.5em;
}

.hta-announcement-single .hta-announcement-single__content li,
.hta-announcement-single .hta-announcement-single__content.entry-content li {
	margin-bottom: var(--hta-ann-space-1);
	line-height: 1.9;
}

.hta-announcement-single .hta-announcement-single__content blockquote,
.hta-announcement-single .hta-announcement-single__content.entry-content blockquote {
	margin: var(--hta-ann-space-4) 0;
	padding: var(--hta-ann-space-2) var(--hta-ann-space-4);
	border-left: 4px solid var(--hta-ann-border);
	color: var(--hta-ann-text-muted);
	font-style: italic;
	line-height: 1.9;
}

.hta-announcement-single .hta-announcement-single__content a,
.hta-announcement-single .hta-announcement-single__content.entry-content a {
	color: var(--hta-ann-accent);
	text-decoration: none;
}

.hta-announcement-single .hta-announcement-single__content a:hover,
.hta-announcement-single .hta-announcement-single__content.entry-content a:hover {
	text-decoration: underline;
}

.hta-announcement-single .hta-announcement-single__content figure,
.hta-announcement-single .hta-announcement-single__content.entry-content figure,
.hta-announcement-single .hta-announcement-single__content .wp-block-image,
.hta-announcement-single .hta-announcement-single__content.entry-content .wp-block-image {
	max-width: 100%;
	margin: 1em 0;
}

.hta-announcement-single .hta-announcement-single__content img,
.hta-announcement-single .hta-announcement-single__content.entry-content img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: var(--hta-ann-radius-md);
}

.hta-announcement-single__staged-notice {
	margin: var(--hta-ann-space-6) 0 var(--hta-ann-space-6);
	padding: var(--hta-ann-space-4);
	background: var(--hta-ann-accent-light);
	border-left: 4px solid var(--hta-ann-accent);
	border-radius: 0 var(--hta-ann-radius-md) var(--hta-ann-radius-md) 0;
	font-size: 0.875rem;
	color: var(--hta-ann-text);
}

/* Single – categories & tags (tags: light blue bg, white text) */
.hta-announcement-single__categories {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hta-ann-space-2);
	margin: var(--hta-ann-space-4) 0 var(--hta-ann-space-2);
}

.hta-announcement-single__category {
	display: inline-block;
	padding: var(--hta-ann-space-1) var(--hta-ann-space-3);
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--hta-ann-tag-blue);
	background: var(--hta-ann-tag-blue-bg);
	border-radius: var(--hta-ann-radius-full);
	text-decoration: none;
	transition: background var(--hta-ann-transition), color var(--hta-ann-transition), transform var(--hta-ann-transition);
}

.hta-announcement-single__category:hover {
	background: var(--hta-ann-tag-blue);
	color: #fff;
	transform: translateY(-1px);
}

.hta-announcement-single__tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hta-ann-space-2);
	margin: var(--hta-ann-space-4) 0;
}

.hta-announcement-single__tag {
	display: inline-block;
	padding: var(--hta-ann-space-2) var(--hta-ann-space-3);
	font-size: 0.8125rem;
	font-weight: 600;
	color: #fff;
	background: #3b82f6;
	border-radius: var(--hta-ann-radius-full);
	text-decoration: none;
	transition: background var(--hta-ann-transition), transform var(--hta-ann-transition);
}

.hta-announcement-single__tag:hover {
	background: var(--hta-ann-accent-hover);
	color: #fff;
	transform: translateY(-1px);
}

/* Single – actions footer (same card, subtle divider) */
.hta-announcement-single__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hta-ann-space-3);
	margin-top: var(--hta-ann-space-6);
	margin-bottom: 0;
	padding-top: var(--hta-ann-space-4);
	border-top: 1px solid var(--hta-ann-border);
	background: transparent;
}

.hta-announcement-single__action {
	display: inline-flex;
	align-items: center;
	gap: var(--hta-ann-space-2);
	padding: var(--hta-ann-space-2) var(--hta-ann-space-4);
	font-size: 0.875rem;
	font-weight: 500;
	font-family: var(--hta-ann-font);
	background: transparent;
	border: 1px solid var(--hta-ann-border);
	border-radius: var(--hta-ann-radius-lg);
	cursor: pointer;
	text-decoration: none;
	color: var(--hta-ann-text);
	transition: border-color var(--hta-ann-transition), background var(--hta-ann-transition), color var(--hta-ann-transition);
}

.hta-announcement-single__action:hover {
	background: var(--hta-ann-bg-muted);
	border-color: var(--hta-ann-border-focus);
	color: var(--hta-ann-text);
}

.hta-announcement-single__action-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	font-size: 1em;
}

.hta-announcement-single__action--mark-read {
	cursor: pointer;
	margin-left: auto;
}

.hta-announcement-single__action--mark-read .hta-announcement-single__action-icon--check {
	opacity: 0.35;
	transition: opacity var(--hta-ann-transition);
}

.hta-announcement-single__action--mark-read.hta-announcement-single__action--read .hta-announcement-single__action-icon--check {
	opacity: 1;
	color: var(--hta-ann-accent);
}

.hta-announcement-single__mark-read-checkbox {
	margin-right: var(--hta-ann-space-1);
}

.hta-announcement-single__action--saved {
	color: var(--hta-ann-accent);
	border-color: var(--hta-ann-accent);
}

.hta-announcement-single__action.is-loading,
.hta-announcement-single__action:disabled {
	opacity: 0.7;
	pointer-events: none;
	cursor: not-allowed;
}

.hta-announcement-single__action--mark-read.is-loading .hta-announcement-single__mark-read-checkbox {
	cursor: not-allowed;
}

.hta-announcement-single__action-toast {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	margin-bottom: var(--hta-ann-space-2);
	padding: var(--hta-ann-space-1) var(--hta-ann-space-2);
	font-size: 0.75rem;
	white-space: nowrap;
	background: var(--hta-ann-text);
	color: #fff;
	border-radius: var(--hta-ann-radius-md);
	pointer-events: none;
	z-index: 10;
}

/* Single – sidebar (white cards with border) */
.hta-announcement-single__sidebar {
	display: flex;
	flex-direction: column;
	gap: var(--hta-ann-space-6);
}

.hta-announcement-single__widget {
	background: #ffffff;
	border: 1px solid var(--hta-ann-border);
	border-radius: var(--hta-ann-radius-lg);
	padding: var(--hta-ann-space-4);
}

.hta-announcement-single__widget-title {
	margin: 0 0 var(--hta-ann-space-3);
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--hta-ann-text-muted);
}

.hta-announcement-single__tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hta-ann-space-2);
}

.hta-announcement-single__tag-pill {
	display: inline-block;
	padding: var(--hta-ann-space-2) var(--hta-ann-space-3);
	font-size: 0.8125rem;
	font-weight: 500;
	color: #fff;
	background: #3b82f6;
	border-radius: var(--hta-ann-radius-full);
	text-decoration: none;
	transition: background var(--hta-ann-transition), transform var(--hta-ann-transition);
}

.hta-announcement-single__tag-pill:hover {
	background: var(--hta-ann-accent-hover);
	color: #fff;
	transform: translateY(-1px);
}

.hta-announcement-single__recent-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hta-announcement-single__recent-list li {
	padding: var(--hta-ann-space-3) 0;
	border-bottom: 1px solid var(--hta-ann-border);
	font-size: 0.875rem;
	transition: padding-left var(--hta-ann-transition);
}

.hta-announcement-single__recent-list li:last-child {
	border-bottom: none;
}

.hta-announcement-single__recent-list a {
	color: var(--hta-ann-accent);
	text-decoration: none;
	font-weight: 500;
	transition: color var(--hta-ann-transition);
}

.hta-announcement-single__recent-list a:hover {
	color: var(--hta-ann-accent-hover);
}

.hta-announcement-single__recent-date {
	display: block;
	margin-top: var(--hta-ann-space-1);
	font-size: 0.75rem;
	color: var(--hta-ann-text-muted);
}

/* -------------------------------------------------------------------------
   Mobile responsive – Announcements archive & single
   ------------------------------------------------------------------------- */

/* Tablet and below (782px) – full-width container, sidebar stack */
@media (max-width: 782px) {
	.content-area.archive-hta_announcement,
	.content-area.single-hta_announcement {
		max-width: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.hta-announcements-archive {
		padding: var(--hta-ann-space-4) var(--hta-ann-space-3);
		min-height: 40vh;
	}

	.hta-announcements-archive__header {
		padding: var(--hta-ann-space-3) var(--hta-ann-space-4);
		margin-bottom: var(--hta-ann-space-4);
	}

	.hta-announcements-archive__title {
		font-size: 1.75rem;
	}

	.hta-announcements-archive__card {
		flex-direction: column;
		gap: var(--hta-ann-space-3);
		padding: var(--hta-ann-space-4);
	}

	.hta-announcements-archive__card-image-link {
		width: 100%;
		min-width: 100%;
		height: 180px;
		min-height: 180px;
		max-height: 200px;
		aspect-ratio: auto;
	}

	/* Single: full-width screen on mobile – no side padding, card edge to edge */
	.single-hta_announcement .hta-announcements-archive {
		padding-left: 0;
		padding-right: 0;
	}

	.single-hta_announcement .hta-announcement-single__body,
	.single-hta_announcement .hta-announcement-single__body--with-sidebar {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.single-hta_announcement .hta-announcement-single {
		padding: var(--hta-ann-space-6) var(--hta-ann-space-5);
		border-radius: 0;
		border-left-width: 0;
		border-right-width: 0;
	}

	.hta-announcement-single__title {
		font-size: 2rem;
	}

	.hta-announcement-single__actions {
		margin-left: 0;
		margin-right: 0;
		padding: var(--hta-ann-space-3) var(--hta-ann-space-4);
	}
}

/* Mobile (600px and below) – full-width container, title on top, search below, tags at bottom */
@media (max-width: 600px) {
	/* Remove outside container so content is full width */
	.content-area.archive-hta_announcement,
	.content-area.single-hta_announcement {
		max-width: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.hta-announcements-archive {
		padding: var(--hta-ann-space-4) var(--hta-ann-space-3);
	}

	/* Single: full-width screen – no side padding, card edge to edge */
	.single-hta_announcement .hta-announcements-archive {
		padding-left: 0;
		padding-right: 0;
	}

	.single-hta_announcement .hta-announcement-single__body,
	.single-hta_announcement .hta-announcement-single__body--with-sidebar {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.single-hta_announcement .hta-announcement-single {
		border-radius: 0;
		border-left-width: 0;
		border-right-width: 0;
	}

	.hta-announcements-archive__header {
		flex-direction: column;
		align-items: stretch;
		gap: var(--hta-ann-space-3);
		padding: var(--hta-ann-space-3);
	}

	/* Ensure order: title block first, search below */
	.hta-announcements-archive__header-left {
		order: 1;
		width: 100%;
	}

	.hta-announcements-archive__search-wrap {
		order: 2;
		min-width: 0;
		max-width: none;
		width: 100%;
	}

	.hta-announcements-archive__title {
		font-size: 1.4375rem;
		line-height: 1.3;
	}

	.hta-announcements-archive__search-input {
		min-height: 44px;
		font-size: 1rem;
	}

	.hta-announcements-archive__section-title, .hta-announcements-archive__widget-title {
		font-size: 1rem;
	}

	.hta-announcements-archive__pinned {
		padding: var(--hta-ann-space-3);
		margin-bottom: var(--hta-ann-space-6);
	}

	/* Latest Updates card: reorder so title/excerpt first, tags at bottom */
	.hta-announcements-archive__card-content {
		display: flex;
		flex-direction: column;
	}

	.hta-announcements-archive__card-meta {
		order: 1;
	}

	.hta-announcements-archive__card-title {
		order: 2;
	}

	.hta-announcements-archive__card-excerpt {
		order: 3;
	}

	.hta-announcements-archive__card-comments {
		order: 4;
	}

	.hta-announcements-archive__card-categories {
		order: 5;
	}

	.hta-announcements-archive__card-content > .hta-announcements-archive__card-tags {
		order: 6;
		margin-top: var(--hta-ann-space-2);
	}

	.hta-announcements-archive__card {
		padding: var(--hta-ann-space-4);
		margin-bottom: var(--hta-ann-space-3);
	}

	.hta-announcements-archive__card-image-link {
		height: 160px;
		min-height: 160px;
		max-height: 180px;
	}

	.hta-announcements-archive__card-title {
		font-size: 1rem;
	}

	.hta-announcements-archive__card-excerpt {
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}

	.hta-announcements-archive__sidebar {
		gap: var(--hta-ann-space-4);
	}

	.hta-announcements-archive__widget {
		padding: var(--hta-ann-space-3);
	}

	.single-hta_announcement .hta-announcement-single {
		padding: var(--hta-ann-space-5) var(--hta-ann-space-4);
	}

	.hta-announcement-single__breadcrumb {
		font-size: 0.8125rem;
	}

	.hta-announcement-single__title {
		font-size: 1.5rem;
		line-height: 1.3;
		margin-bottom: var(--hta-ann-space-3);
	}

	.hta-announcement-single__meta {
		font-size: 0.8125rem;
		gap: var(--hta-ann-space-1) var(--hta-ann-space-2);
	}

	.hta-announcement-single__meta > * + *::before {
		content: " | ";
		margin-left: 0.2em;
		margin-right: 0.2em;
	}

	.hta-announcement-single .hta-announcement-single__content {
		font-size: 0.9375rem;
		line-height: 1.85;
		margin: var(--hta-ann-space-4) 0;
	}

	.hta-announcement-single__staged-notice {
		padding: var(--hta-ann-space-3);
		font-size: 0.8125rem;
	}

	.hta-announcement-single__actions {
		flex-direction: column;
		align-items: stretch;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-top: var(--hta-ann-space-4);
		padding-top: var(--hta-ann-space-4);
		padding-left: 0;
		padding-right: 0;
		gap: var(--hta-ann-space-3);
	}

	.hta-announcement-single__action {
		justify-content: center;
		min-height: 44px;
		padding: var(--hta-ann-space-3) var(--hta-ann-space-4);
		font-size: 0.9375rem;
	}

	.hta-announcement-single__action--mark-read {
		margin-left: 0;
	}

	.hta-announcement-single__categories,
	.hta-announcement-single__tags {
		gap: var(--hta-ann-space-2);
		margin: var(--hta-ann-space-3) 0;
	}

	.hta-announcement-single__category,
	.hta-announcement-single__tag {
		font-size: 0.75rem;
		padding: var(--hta-ann-space-1) var(--hta-ann-space-2);
	}
}

/* Small phones (480px and below) – minimal padding, smaller title */
@media (max-width: 480px) {
	.hta-announcements-archive {
		padding: var(--hta-ann-space-3) var(--hta-ann-space-2);
	}

	.hta-announcements-archive__header {
		padding: var(--hta-ann-space-2) var(--hta-ann-space-3);
		border-radius: var(--hta-ann-radius-lg);
	}

	.hta-announcements-archive__title {
		font-size: 1.25rem;
	}

	.hta-announcements-archive__card {
		padding: var(--hta-ann-space-4);
	}

	.hta-announcements-archive__card-image-link {
		height: 140px;
		min-height: 140px;
		max-height: 160px;
	}

	.hta-announcements-archive__card-tags-date {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--hta-ann-space-1);
	}

	/* Single: full-width screen – card edge to edge */
	.single-hta_announcement .hta-announcements-archive {
		padding-left: 0;
		padding-right: 0;
	}

	.single-hta_announcement .hta-announcement-single__body,
	.single-hta_announcement .hta-announcement-single__body--with-sidebar {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.single-hta_announcement .hta-announcement-single {
		padding: var(--hta-ann-space-4) var(--hta-ann-space-3);
		border-radius: 0;
		border-left-width: 0;
		border-right-width: 0;
	}

	.hta-announcement-single__title {
		font-size: 1.375rem;
	}

	.hta-announcement-single .hta-announcement-single__content {
		font-size: 0.9375rem;
	}

	.hta-announcement-single__actions {
		margin-top: var(--hta-ann-space-3);
		padding-top: var(--hta-ann-space-3);
		padding-left: 0;
		padding-right: 0;
	}

	.hta-announcement-single__action {
		min-height: 44px;
	}
}