/* =========================================
   Announcements archive — list rows + download button.
   (enqueued conditionally on is_post_type_archive('tpte_announcement')).
   Leans on the existing .tp-postbox-* and .tp-btn rules in main.css.
   ========================================= */

/* Gray section background (matches the theme's .grey-bg tone). */
.bg-gray {
	background-color: #f5f5ff;
}

.tp-announcement-item {
	padding: 28px 30px;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	background-color: var(--tp-common-white, #fff);
	transition: box-shadow 0.3s ease-out, border-color 0.3s ease-out;
}

.tp-announcement-item:hover {
	border-color: transparent;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}

.tp-announcement-item .tp-blog-stories-tag-wrap {
	margin-bottom: 8px;
}

/* The date is the only chip here (no category), so the separator dash that main.css
   draws to the left of a date span has nothing to sit between and overflows — hide it. */
.tp-announcement-item .tp-blog-stories-tag-wrap span::after {
	display: none;
}

.tp-announcement-item .tp-postbox-item-list-title {
	margin-bottom: 12px;
}

.tp-announcement-item p {
	margin-bottom: 20px;
}

.tp-announcement-download .tp-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.tp-announcement-download .tp-btn i {
	font-size: 16px;
}

/* Sidebar Masters links: main.css defaults the hover to red (--tp-red-3); the blue
   override lives in programme.css, which isn't loaded here. Restore the theme blue. */
.tp-undergrad-nav .tp-course-requrement-widget-content a:hover {
	color: var(--tp-theme-primary, #488ecc);
}