/*
Theme Name: Plusassur
Theme URI: https://plusassur.be/
Author: PLUSASSUR
Description: Klassiek maatwerkthema voor PLUSASSUR.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: plusassur
*/

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) :is(.wp-block-table, .editorial-table-scroll) {
	max-width: 100%;
	margin-block: 1.75rem;
	overflow-x: auto;
}

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) :is(.wp-block-table, .editorial-table-scroll):focus-visible {
	outline: 3px solid var(--color-accent);
	outline-offset: 3px;
}

.policy-entry__body :is(.wp-block-table, .editorial-table-scroll) > table {
	display: table;
	overflow: visible;
}

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) table {
	--table-cell-padding: 0.9rem 1rem;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--color-line);
	border-radius: 6px;
	background: var(--color-white);
	font-family: var(--font-body);
	font-size: 0.94rem;
	line-height: 1.65;
	text-align: left;
	vertical-align: top;
	overflow-wrap: anywhere;
}

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) table:has(tr > :nth-child(5)) {
	min-width: 820px;
}

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) table:has(tr > :nth-child(5)) tr > :first-child {
	min-width: 145px;
}

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) :is(th, td) {
	padding: var(--table-cell-padding);
	border: 0;
	border-bottom: 1px solid var(--color-line);
	vertical-align: top;
}

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) :where(th, td) {
	text-align: start;
}

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) thead :is(th, td) {
	border-bottom-color: var(--color-deep);
	background: var(--color-deep);
	color: var(--color-white);
	font-weight: 700;
}

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) tbody th {
	background: var(--color-sky);
	color: var(--color-ink);
	font-weight: 700;
}

:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) tr:last-child > :is(th, td) {
	border-bottom: 0;
}

.policy-entry__body.policy-entry__reading table {
	border-collapse: separate;
}

.policy-entry__body.policy-entry__reading :is(th, td) {
	padding: var(--table-cell-padding);
	border: 0;
	border-bottom: 1px solid var(--color-line);
}

.policy-entry__body.policy-entry__reading tr:last-child > :is(th, td) {
	border-bottom: 0;
}

@media (max-width: 700px) {
	:is(.entry-content, .content-entry__body, .policy-entry__body, .job-entry__content, .event-program__text, .about-content-section__body, .intro-section__text, .contact-cta__text, .plan-benefit-card__body, .application-section__text, .claims-form-section__text, .contact-hero__availability) table {
		--table-cell-padding: 0.65rem 0.75rem;
	}
}