/* WP Responsive Tabs 1.4.0 */
.wprtabs {
	--wprtabs-accent: #2271b1;
	--wprtabs-tab-bg: #f6f7f7;
	--wprtabs-tab-text: #1d2327;
	--wprtabs-border: #c3c4c7;
	--wprtabs-content-bg: #fff;
	--wprtabs-radius: 4px;
	margin: 1.5em 0;
	box-sizing: border-box;
}
.wprtabs *, .wprtabs *::before, .wprtabs *::after { box-sizing: border-box; }

/* Buttons: neutralise theme button styles */
.wprtabs .wprtabs__tab,
.wprtabs .wprtabs__head {
	appearance: none;
	-webkit-appearance: none;
	display: flex;
	align-items: center;
	gap: .5em;
	margin: 0;
	padding: .75em 1.1em;
	border: 1px solid var(--wprtabs-border);
	background: var(--wprtabs-tab-bg);
	color: var(--wprtabs-tab-text);
	font: inherit;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
	text-shadow: none;
	box-shadow: none;
	cursor: pointer;
	border-radius: 0;
}
.wprtabs .wprtabs__tab:hover,
.wprtabs .wprtabs__head:hover { filter: brightness(.97); }
.wprtabs .wprtabs__tab:focus-visible,
.wprtabs .wprtabs__head:focus-visible {
	outline: 2px solid var(--wprtabs-accent);
	outline-offset: -2px;
}
.wprtabs .wprtabs__icon { font-size: 1.15em; width: 1.15em; height: 1.15em; }

.wprtabs__panel {
	padding: 1.1em 1.25em;
	border: 1px solid var(--wprtabs-border);
	background: var(--wprtabs-content-bg);
	overflow-wrap: anywhere;
}
.wprtabs__panel[hidden] { display: none !important; }
.wprtabs__panel > :first-child { margin-top: 0; }
.wprtabs__panel > :last-child { margin-bottom: 0; }

/* ---------- Tabs mode ---------- */
.wprtabs__head { display: none !important; }
.wprtabs__item { margin: 0; }

.wprtabs--horizontal .wprtabs__list { display: flex; flex-wrap: wrap; margin-bottom: -1px; position: relative; z-index: 1; }
.wprtabs--horizontal .wprtabs__tab { margin-right: -1px; }
.wprtabs--horizontal .wprtabs__tab:first-child { border-top-left-radius: var(--wprtabs-radius); }
.wprtabs--horizontal .wprtabs__tab:last-child { border-top-right-radius: var(--wprtabs-radius); }
.wprtabs--horizontal .wprtabs__tab.is-active {
	background: var(--wprtabs-content-bg);
	border-top: 3px solid var(--wprtabs-accent);
	border-bottom-color: var(--wprtabs-content-bg);
	padding-top: calc(.75em - 2px);
}
.wprtabs--horizontal .wprtabs__panel { border-radius: 0 var(--wprtabs-radius) var(--wprtabs-radius) var(--wprtabs-radius); }

.wprtabs--vertical { display: flex; align-items: flex-start; }
.wprtabs--vertical .wprtabs__list { display: flex; flex-direction: column; flex: 0 0 26%; min-width: 140px; margin-right: -1px; position: relative; z-index: 1; }
.wprtabs--vertical .wprtabs__items { flex: 1 1 auto; min-width: 0; }
.wprtabs--vertical .wprtabs__tab { margin-bottom: -1px; }
.wprtabs--vertical .wprtabs__tab:first-child { border-top-left-radius: var(--wprtabs-radius); }
.wprtabs--vertical .wprtabs__tab:last-child { border-bottom-left-radius: var(--wprtabs-radius); }
.wprtabs--vertical .wprtabs__tab.is-active {
	background: var(--wprtabs-content-bg);
	border-left: 3px solid var(--wprtabs-accent);
	border-right-color: var(--wprtabs-content-bg);
	padding-left: calc(1.1em - 2px);
}
.wprtabs--vertical .wprtabs__panel { border-radius: 0 var(--wprtabs-radius) var(--wprtabs-radius) 0; min-height: 100%; }

/* ---------- Accordion mode (small screens, mode="accordion", or no JS) ---------- */
.wprtabs.is-accordion { display: block; }
.wprtabs.is-accordion .wprtabs__list { display: none; }
.wprtabs.is-accordion .wprtabs__head { display: flex !important; width: 100%; margin-top: -1px; }
.wprtabs.is-accordion .wprtabs__item:first-child .wprtabs__head { margin-top: 0; border-top-left-radius: var(--wprtabs-radius); border-top-right-radius: var(--wprtabs-radius); }
.wprtabs.is-accordion .wprtabs__item:last-child .wprtabs__head:not(.is-active) { border-bottom-left-radius: var(--wprtabs-radius); border-bottom-right-radius: var(--wprtabs-radius); }
.wprtabs.is-accordion .wprtabs__head.is-active { background: var(--wprtabs-content-bg); border-left: 3px solid var(--wprtabs-accent); }
.wprtabs.is-accordion .wprtabs__panel { margin-top: -1px; border-radius: 0; }
.wprtabs.is-accordion .wprtabs__item:last-child .wprtabs__panel { border-bottom-left-radius: var(--wprtabs-radius); border-bottom-right-radius: var(--wprtabs-radius); }
.wprtabs .wprtabs__label { flex: 1 1 auto; }
.wprtabs .wprtabs__chevron {
	width: .55em; height: .55em; flex: 0 0 auto;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	transform: rotate(45deg); transition: transform .15s ease;
}
.wprtabs .wprtabs__head.is-active .wprtabs__chevron { transform: rotate(-135deg); }

/* No JavaScript: show everything stacked */
.wprtabs:not(.is-ready) { display: block; }
.wprtabs:not(.is-ready) .wprtabs__list { display: none; }
.wprtabs:not(.is-ready) .wprtabs__head { display: flex !important; width: 100%; }

/* ---------- Animation ---------- */
@keyframes wprtabs-fade { from { opacity: 0; } to { opacity: 1; } }
.wprtabs--anim-fade .wprtabs__panel.is-active { animation: wprtabs-fade .2s ease; }
@media (prefers-reduced-motion: reduce) {
	.wprtabs--anim-fade .wprtabs__panel.is-active { animation: none; }
	.wprtabs .wprtabs__chevron { transition: none; }
}
