/* Custom Tabs pour WPBakery — styles front-end */

.cwt-tabs {
	--cwt-active-color: #1e73be;
	display: block;
	margin-bottom: 1.5em;
}

.cwt-tabs__nav {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -1px 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}

.cwt-tabs__nav-item {
	margin: 0;
}

.cwt-tabs__nav-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	padding: 0.7em 1.2em;
	text-decoration: none;
	color: inherit;
	border: 1px solid transparent;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	background: transparent;
}

.cwt-tabs__nav-link:hover,
.cwt-tabs__nav-link:focus {
	color: var(--cwt-active-color);
}

.cwt-tabs__nav-item--active > .cwt-tabs__nav-link {
	color: var(--cwt-active-color);
	border-color: #ddd;
	border-bottom: 1px solid #fff;
	font-weight: 600;
}

.cwt-tabs__panels {
	border: 1px solid #ddd;
	border-top: none;
	padding: 1.5em;
}

.cwt-tabs__panel {
	display: none;
}

.cwt-tabs__panel--active {
	display: block;
}

/* Orientation verticale */
.cwt-tabs--vertical {
	display: flex;
	align-items: flex-start;
}

.cwt-tabs--vertical .cwt-tabs__nav {
	flex-direction: column;
	border-bottom: none;
	border-right: 1px solid #ddd;
	margin: 0 -1px 0 0;
	flex: 0 0 220px;
}

.cwt-tabs--vertical .cwt-tabs__nav-link {
	border-radius: 4px 0 0 4px;
	border: 1px solid transparent;
	border-right: none;
	width: 100%;
}

.cwt-tabs--vertical .cwt-tabs__nav-item--active > .cwt-tabs__nav-link {
	border-color: #ddd;
	border-right: 1px solid #fff;
}

.cwt-tabs--vertical .cwt-tabs__panels {
	border: 1px solid #ddd;
	border-left: none;
	flex: 1 1 auto;
	min-width: 0;
}

/* Petits écrans : la version verticale repasse en onglets horizontaux
   défilables pour rester utilisable sur mobile. */
@media (max-width: 600px) {
	.cwt-tabs--vertical {
		display: block;
	}

	.cwt-tabs--vertical .cwt-tabs__nav {
		flex-direction: row;
		overflow-x: auto;
		border-right: none;
		border-bottom: 1px solid #ddd;
	}

	.cwt-tabs--vertical .cwt-tabs__panels {
		border-left: 1px solid #ddd;
	}
}