/* ==========================================================================
   Resource Chips Module
   Matches the site's .iriss-resource-type-tag pattern from posts.css.
   - ASPire Hub type + topic chips  → blue  (navy on pale blue)
   - Main Resource Type chips       → green (teal on pale teal)
   ========================================================================== */

.iriss-resource-chips {
	width: 100%;
	font-family: 'Atten Round New', sans-serif;
}

/* Each taxonomy group is its own flex row */
.iriss-resource-chips .iriss-resource-type {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}

.iriss-resource-chips .iriss-resource-type:last-child {
	margin-bottom: 0;
}

/* --- Base tag (shape + typography) --- */

.iriss-resource-chips .iriss-resource-type-tag {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-decoration: none;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	/* Default colours — these are overridden per variant below */
	background-color: #e8f4f2;
	color: var(--color-primary-teal, #2a8378);
}

/* --- ASPire Hub type (blue) --- */

.iriss-resource-chips .iriss-aspire-hub-type .iriss-resource-type-tag {
	background-color: #e6edf7;
	color: var(--color-primary-navy, #19285f);
}

.iriss-resource-chips .iriss-aspire-hub-type a.iriss-resource-type-tag:hover,
.iriss-resource-chips .iriss-aspire-hub-type a.iriss-resource-type-tag:focus {
	background-color: var(--color-primary-navy, #19285f);
	color: #ffffff;
}

/* --- ASPire Hub topic (blue, same as type) --- */

.iriss-resource-chips .iriss-aspire-hub-topic .iriss-resource-type-tag {
	background-color: #e6edf7;
	color: var(--color-primary-navy, #19285f);
}

.iriss-resource-chips .iriss-aspire-hub-topic a.iriss-resource-type-tag:hover,
.iriss-resource-chips .iriss-aspire-hub-topic a.iriss-resource-type-tag:focus {
	background-color: var(--color-primary-navy, #19285f);
	color: #ffffff;
}

/* --- Main Resource Type (green) --- */

.iriss-resource-chips .iriss-rc-main-type .iriss-resource-type-tag {
	background-color: #e8f4f2;
	color: var(--color-primary-teal, #2a8378);
}

.iriss-resource-chips .iriss-rc-main-type a.iriss-resource-type-tag:hover,
.iriss-resource-chips .iriss-rc-main-type a.iriss-resource-type-tag:focus {
	background-color: var(--color-primary-teal, #2a8378);
	color: #ffffff;
}

/* --- Focus ring (accessibility) --- */

.iriss-resource-chips a.iriss-resource-type-tag:focus-visible {
	outline: 3px solid #FFD700;
	outline-offset: 2px;
}

/* --- Editor-only empty state --- */

.iriss-chips-empty {
	padding: 10px 14px;
	background: rgba(181, 190, 198, 0.15);
	border: 1px dashed var(--color-neutral-grey-blue, #b5bec6);
	border-radius: 4px;
	color: var(--color-primary-navy, #19285f);
	font-size: 0.9em;
}