/**
 * b-on static site: additions on top of the FCT theme (main.min.css) and bon.css.
 */

/* Breadcrumb section label (no landing page) */
.c-breadcrumbs .c-breadcrumbs__text {
	color: var(--c-neutral-800, #4b4b4b);
}

/* Hero search note link */
.bon-search__note a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bon-search__note a:hover,
.bon-search__note a:focus-visible {
	color: #fff;
}

/* Section spacing between consecutive white blocks */
.b-text + .b-data-table,
.b-text + .b-support-form {
	padding-top: 0;
}

/* Rich text tables (publisher conditions) */
.c-wysiwyg figure.wp-block-table {
	margin: 1.5rem 0;
	overflow-x: auto;
}

.c-wysiwyg table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.c-wysiwyg th,
.c-wysiwyg td {
	padding: 0.625rem 0.75rem;
	border: 1px solid var(--bon-border, #E5E8EC);
	text-align: left;
	vertical-align: top;
}

.c-wysiwyg thead th {
	background: #F7F8FA;
}

/* Data table: quota status and notes */
.bon-pill {
	display: inline-block;
	padding: 0.125rem 0.625rem;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.5rem;
	white-space: nowrap;
}

.bon-pill.--ok {
	background: #E3F6EC;
	color: #11643A;
}

.bon-pill.--out {
	background: #FDE7EE;
	color: #A8103F;
}

.bon-data-table td a:not(.c-button) {
	color: var(--c-primary-base, #4B19E6);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bon-data-table__notes {
	margin-top: 1.5rem;
	color: var(--bon-text-2, #5B6470);
	font-size: 0.9375rem;
}

.bon-data-table__notes p {
	margin: 0 0 0.5rem;
}

/* Inline Educast buttons inside rich text */
.c-wysiwyg .bon-video-link {
	margin: 1.5rem 0;
}

.c-wysiwyg .bon-video-link .c-button {
	text-decoration: none;
}

/* Video grid: Educast covers are 16:9 */
.b-video-grid .video-grid__media:not(.--external) {
	aspect-ratio: 16 / 9;
}

.b-video-grid a.video-grid__media {
	display: block;
	color: inherit;
}

.b-video-grid .video-grid__media:focus-visible {
	outline: 3px solid var(--c-primary-base, #4B19E6);
	outline-offset: 3px;
}

.b-video-grid .video-grid__caption .video-grid__title {
	display: block;
	color: var(--bon-ink, #12161C);
	font-weight: 600;
}

.b-video-grid .video-grid__caption .video-grid__subtitle {
	display: block;
	font-weight: 400;
}

.b-video-grid .video-grid__caption .video-grid__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
	margin-top: 0.25rem;
	color: var(--bon-text-3, #8B93A0);
	font-size: 0.875rem;
	font-weight: 400;
}

.b-video-grid .video-grid__caption .video-grid__meta .icon-material {
	font-size: 1rem;
}

.b-video-grid .video-grid__group-caption.--note {
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.5rem;
}

.b-video-grid .video-grid__group-caption.--note a {
	color: var(--c-primary-base, #4B19E6);
	font-weight: 600;
}

/* Mailto forms */
.bon-support .form-field.--type-checkbox label {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	margin: 0;
	font-weight: 400;
	cursor: pointer;
}

.bon-support .form-field.--type-checkbox input[type="checkbox"] {
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
	margin: 0.125rem 0 0;
	padding: 0;
	accent-color: var(--c-primary-base, #4B19E6);
}

.bon-support__hint {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin: 1rem 0 0;
	color: var(--bon-text-2, #5B6470);
	font-size: 0.875rem;
}

.bon-support__hint .icon-material {
	font-size: 1.125rem;
}

.bon-support__hint a,
.bon-support__success a {
	color: var(--c-primary-base, #4B19E6);
	text-decoration: underline;
}

.bon-support__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.bon-support__success > p + p {
	margin-top: 0.5rem;
}

.bon-support__notice {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin: 1rem auto 0;
	padding: 0.75rem 1rem;
	max-width: 36rem;
	border-radius: 8px;
	background: #FFF4E5;
	color: #6B3E00;
	font-size: 0.875rem;
	text-align: left;
}

.bon-support__notice[hidden],
.bon-support__copy-text[hidden] {
	display: none;
}

.bon-support__copied {
	min-height: 1.25rem;
	margin: 0.75rem 0 0;
	font-size: 0.875rem;
	color: var(--bon-text-2, #5B6470);
}

.bon-support__copy-text {
	display: block;
	width: 100%;
	margin-top: 0.75rem;
	padding: 0.75rem;
	border: 1px solid #C9CDD3;
	border-radius: 8px;
	font: inherit;
	font-size: 0.875rem;
	text-align: left;
	resize: vertical;
}

/* Home: "Recursos vídeo" image */
.b-image-text .image img {
	object-fit: cover;
	border-radius: var(--bon-radius, 12px);
}

/* Coleções: one filterable table per collection group */
.bon-collections__section {
	padding-bottom: 0;
}

.b-data-table.bon-collections + .b-data-table.bon-collections,
.bon-collections__section + .b-data-table.bon-collections {
	padding-top: 0;
}

.bon-collections__title {
	margin: 0 0 1.25rem;
	color: var(--bon-ink, #12161C);
	font-size: 1.25rem;
	line-height: 1.4;
}

.bon-collections .bon-data-table tbody td:first-child {
	min-width: 12rem;
}

.bon-collections .bon-collections__titles {
	min-width: 14rem;
	line-height: 1.5;
}

.bon-collections__links {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.375rem;
}

.bon-collections__links a {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	white-space: nowrap;
}

.bon-data-table td .bon-collections__links a:not(.c-button) {
	text-decoration: none;
}

.bon-collections .bon-data-table tbody td:nth-child(3) {
	min-width: 10rem;
}

.bon-data-table td .bon-collections__links a span {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bon-collections__links .icon-material {
	font-size: 1.125rem;
	text-decoration: none;
}

@media (max-width: 767px) {
	.bon-collections .bon-data-table tbody td:first-child,
	.bon-collections .bon-collections__titles {
		min-width: 0;
	}

	.bon-collections .bon-collections__titles {
		display: block !important;
	}

	.bon-collections .bon-collections__titles::before {
		display: block;
		margin-bottom: 0.25rem;
	}

	.bon-collections__links {
		align-items: flex-end;
	}
}

@media (max-width: 767px) {
	.bon-collections .bon-data-table tbody td:nth-child(3) {
		min-width: 0;
	}
}