/* ETS Tab Section — Elementor Widget */

.ets-tab-section {
	--ets-red: #8b0025;
	--ets-red-light: #a8002e;
	--ets-red-pill: #6e001e;
	--ets-tab-active-bg: #ffffff;
	--ets-tab-shape-pad: 56px;
	--ets-tab-bg-height: 46px;
	--ets-tab-nav-gap: 24px;
	--ets-tab-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105 17' preserveAspectRatio='none'%3E%3Cpath d='M0 0H105C104.209 0.29944 103.358 0.283919 102.395 0.624617C99.4382 1.70808 96.9251 4.34626 95.4173 7.95042C95.0807 8.75885 94.7569 9.59677 94.3639 10.3566C92.7897 13.3958 90.4839 15.6022 87.8396 16.5992C87.4907 16.7312 87 17 86.6152 17H16.6773C16.5 17 15.7036 16.6441 15.4817 16.5623C14.6472 16.2543 13.9613 15.8352 13.2163 15.2494C11.6759 14.0446 10.3941 12.3186 9.49699 10.241C9.12044 9.36448 8.83365 8.40484 8.49847 7.50079C7.82954 5.73239 6.88148 4.18409 5.72127 2.96523C4.51615 1.67397 2.94893 0.740669 1.44298 0.31996C0.955805 0.183854 0.389029 0.328401 0 0Z' fill='%23fff'/%3E%3C/svg%3E");
	width: 100%;
	position: relative;
}

.ets-tab-section .ets-tab-body {
	background: linear-gradient(135deg, var(--ets-red-light) 0%, var(--ets-red) 55%, #720020 100%);
	border-radius: 44px;
	padding: 0 28px 44px;
	position: relative;
	min-height: 200px;
	overflow: visible;
}

.ets-tab-section .ets-tab-nav {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: var(--ets-tab-nav-gap);
	padding: 0;
	margin: 0 0 20px;
	min-height: 42px;
	position: relative;
	z-index: 2;
	overflow: visible;
}

.ets-tab-section .ets-tab-shell {
	position: relative;
	display: inline-flex;
	align-items: stretch;
}

.ets-tab-section .ets-tab-shell.is-active {
	align-self: flex-start;
	min-height: var(--ets-tab-bg-height);
}

.ets-tab-section .ets-tab-shell:not(.is-active) {
	align-self: flex-end;
}

.elementor-widget-ets-tab-section .ets-tab-btn {
	border: none !important;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	transition: background 0.25s ease, color 0.25s ease;
	white-space: nowrap;
	position: relative;
	outline: none;
	box-shadow: none !important;
}

.ets-tab-section .ets-tab-btn:not(.is-active) {
	background: var(--ets-red-pill) !important;
	color: #fff !important;
	border-radius: 999px;
	padding: 6px 22px;
	margin-bottom: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.ets-tab-section .ets-tab-btn:not(.is-active):hover {
	filter: brightness(0.92);
}

/* تب فعال — شکل سفارشی (مثل demo.html) */
.ets-tab-section .ets-tab-shell.is-active::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: calc(100% + var(--ets-tab-shape-pad));
	height: var(--ets-tab-bg-height);
	background-image: var(--ets-tab-shape);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
	pointer-events: none;
	z-index: 0;
}

.ets-tab-section .ets-tab-shell.is-active .ets-tab-btn {
	align-self: flex-start;
	background: transparent !important;
	color: #2b2b2b !important;
	border-radius: 0;
	padding: 12px 38px 14px;
	min-height: var(--ets-tab-bg-height);
	position: relative;
	z-index: 1;
	margin: 0;
}

.ets-tab-section .ets-tab-panel {
	display: none;
}

.ets-tab-section .ets-tab-panel.is-active {
	display: block;
	animation: ets-tab-fade-in 0.35s ease;
}

.ets-tab-section.ets-tab-animate-off .ets-tab-panel.is-active {
	animation: none;
}

@keyframes ets-tab-fade-in {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.ets-tab-section .ets-tab-empty {
	padding: 32px 16px;
	text-align: center;
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	line-height: 1.8;
}

.ets-tab-section.is-rtl {
	direction: rtl;
}

.ets-tab-section.is-ltr {
	direction: ltr;
}

@media (max-width: 767px) {
	.ets-tab-section .ets-tab-body {
		border-radius: 28px;
		padding: 0 16px 32px;
	}

	.ets-tab-section .ets-tab-nav {
		min-height: 36px;
		margin-bottom: 16px;
		flex-wrap: wrap;
	}

	.ets-tab-section .ets-tab-shell.is-active .ets-tab-btn {
		padding: 8px 26px 10px;
		font-size: 13px;
		min-height: 40px;
	}

	.ets-tab-section .ets-tab-btn:not(.is-active) {
		padding: 5px 18px;
		font-size: 12px;
	}
}