/* SumoSum Pricing Table (scoped)
   Avoids global selectors to prevent theme conflicts.
*/
.sumosum-pt {
	box-sizing: border-box;
	width: 100%;
	--sumosum-pt-toggle-justify: center;
}

/* Main table container (border should not wrap the billing toggle) */
.sumosum-pt__container {
	border: 1px solid #E6ECF5;
	background: #fff;
	overflow: hidden;
	border-radius: 16px;
}

.sumosum-pt *, .sumosum-pt *::before, .sumosum-pt *::after {
	box-sizing: border-box;
}

/* Hidden attribute support (accordion panels) */
.sumosum-pt [hidden] { display: none !important; }

/* Billing show/hide (CRITICAL for toggle) */
.sumosum-pt [data-billing-show],
.sumosum-pt [data-billing-href] {
	display: none;
}

.sumosum-pt[data-billing="monthly"] [data-billing-show="monthly"],
.sumosum-pt[data-billing="yearly"] [data-billing-show="yearly"] {
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	gap: 2px;
}

.sumosum-pt[data-billing="monthly"] a[data-billing-href="monthly"],
.sumosum-pt[data-billing="yearly"] a[data-billing-href="yearly"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Toggle placement (outside the bordered container) */
.sumosum-pt__toggle-wrap {
	display: flex !important;
	width: 100%;
	justify-content: var(--sumosum-pt-toggle-justify, center) !important;
	margin: 0 0 14px 0;
}

.sumosum-pt__toggle {
	display: inline-flex;
	gap: 8px;
	padding: 10px;
	margin: 0;
	border: 1px solid #E6ECF5;
	border-radius: 999px;
	background: #fff;
}


/* Switch-style toggle (On/Off) */
.sumosum-pt__toggle--switch {
	gap: 10px;
	align-items: center;
}

.sumosum-pt__switch-option {
	border: 0;
	background: transparent;
	padding: 6px 10px;
	border-radius: 999px;
	cursor: pointer;
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	color: inherit;
}

.sumosum-pt__switch-option[aria-pressed="true"] {
	background: #F3F7FF;
}

.sumosum-pt__switch {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.sumosum-pt__switch-input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

.sumosum-pt__switch-track {
	width: 44px;
	height: 24px;
	border-radius: 999px;
	background: #E6ECF5;
	position: relative;
	display: inline-block;
	border: 1px solid #E6ECF5;
}

.sumosum-pt__switch-thumb {
	position: absolute;
	top: 50%;
	left: 3px;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	border-radius: 999px;
	background: #2D6CDF;
	transition: left 0.18s ease-in-out;
}

.sumosum-pt__switch-input:checked + .sumosum-pt__switch-track .sumosum-pt__switch-thumb {
	left: 23px;
}
/* Equal-width toggle buttons */
.sumosum-pt--toggle-eq-yes .sumosum-pt__toggle {
	width: min(520px, 100%);
}
.sumosum-pt--toggle-eq-yes .sumosum-pt__toggle-btn {
	flex: 1;
}

/* Switch-style segmented toggle (on/off) */
.sumosum-pt__toggle--switch {
	position: relative;
	padding: 6px;
}
.sumosum-pt__toggle--switch .sumosum-pt__toggle-indicator {
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 6px;
	width: calc(50% - 6px);
	border-radius: 999px;
	background: #111827;
	transition: transform 0.22s ease;
	z-index: 0;
}
.sumosum-pt[data-billing="yearly"] .sumosum-pt__toggle--switch .sumosum-pt__toggle-indicator {
	transform: translateX(100%);
}
.sumosum-pt__toggle--switch .sumosum-pt__toggle-btn {
	position: relative;
	z-index: 1;
	background: transparent !important;
}
.sumosum-pt__toggle--switch .sumosum-pt__toggle-btn {
	color: #111827;
}
.sumosum-pt[data-billing="monthly"] .sumosum-pt__toggle--switch .sumosum-pt__toggle-btn[data-billing-target="monthly"],
.sumosum-pt[data-billing="yearly"] .sumosum-pt__toggle--switch .sumosum-pt__toggle-btn[data-billing-target="yearly"] {
	color: #fff;
}

.sumosum-pt__toggle-btn {
	border: 0;
	background: transparent;
	padding: 8px 14px;
	border-radius: 999px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
}

.sumosum-pt[data-billing="monthly"] .sumosum-pt__toggle-btn[data-billing-target="monthly"],
.sumosum-pt[data-billing="yearly"] .sumosum-pt__toggle-btn[data-billing-target="yearly"] {
	background: #111827;
	color: #fff;
}

.sumosum-pt__header, .sumosum-pt__row {
	display: grid;
	grid-template-columns: minmax(180px, 1.2fr) repeat(var(--sumosum-pt-plan-count, 4), minmax(140px, 1fr));
}

.sumosum-pt__header {
	border-bottom: 1px solid #E6ECF5;
	align-items: stretch;
}

/* Optional vertical borders between plan columns (not on accordion headers) */
.sumosum-pt--vborder-yes .sumosum-pt .sumosum-pt__header .sumosum-pt__plan,
.sumosum-pt--vborder-yes .sumosum-pt .sumosum-pt__row .sumosum-pt__cell--value {
	border-left: var(--sumosum-pt-vborder-width, 1px) solid var(--sumosum-pt-vborder-color, #E6ECF5);

/* Close the column grid with a right border on the last plan column */
.sumosum-pt--vborder-yes .sumosum-pt .sumosum-pt__header .sumosum-pt__plan:last-child,
.sumosum-pt--vborder-yes .sumosum-pt .sumosum-pt__row .sumosum-pt__cell--value:last-child {
	border-right: var(--sumosum-pt-vborder-width, 1px) solid var(--sumosum-pt-vborder-color, #E6ECF5);
}
}

.sumosum-pt__plan {
	position: relative;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 18px;
}

.sumosum-pt__plan.is-featured {
	outline: 2px solid #2D6CDF;
	outline-offset: -2px;
	z-index: 1;
}

.sumosum-pt__badge {
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translateX(-50%);
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	background: #F6C343;
	color: #1B1B1B;
	white-space: nowrap;
}

.sumosum-pt__plan-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 6px;
}

.sumosum-pt__plan-subtitle {
	font-size: 13px;
	opacity: 0.75;
	margin-bottom: 10px;
}

.sumosum-pt__price-wrap {
	margin-bottom: 12px;
}

.sumosum-pt__price {
	font-size: 14px;
	opacity: 0.9;
}

.sumosum-pt__price-value {
	font-weight: 700;
	font-size: 18px;
}

.sumosum-pt__price-suffix {
	margin-left: 4px;
	font-size: 13px;
	opacity: 0.8;
}

.sumosum-pt__cta {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.sumosum-pt__btn {
	text-decoration: none;
	border: 1px solid #2D6CDF;
	background: #2D6CDF;
	color: #fff;
	padding: 10px 14px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
}

.sumosum-pt__section {
	border-top: 1px solid #E6ECF5;
}

.sumosum-pt__section-head {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	border: 0;
	background: #F3F7FF;
	cursor: pointer;
	text-align: left;
	font-weight: 700;
}

.sumosum-pt__section-icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	position: relative;
}

.sumosum-pt__section-icon::before,
.sumosum-pt__section-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 2px;
	background: currentColor;
	transform: translate(-50%, -50%);
	opacity: 0.85;
}

.sumosum-pt__section-icon::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.sumosum-pt__section.is-open .sumosum-pt__section-icon::after {
	display: none;
}

.sumosum-pt-card__section.is-open .sumosum-pt__section-icon::after {
	display: none;
}

.sumosum-pt__section-panel {
	display: none;
}

.sumosum-pt__section.is-open .sumosum-pt__section-panel {
	display: block;
}

.sumosum-pt__row {
	border-top: 1px solid #E6ECF5;
	align-items: center;
}

.sumosum-pt__cell--feature {
	display: flex;
	align-items: center;
	gap: 8px;
}

.sumosum-pt__feature-label {
	font-size: 14px;
	font-weight: 600;
}

.sumosum-pt__cell--value {
	text-align: center;
}

.sumosum-pt__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #111827;
}

.sumosum-pt__icon--check,
.sumosum-pt__icon--x {
	font-size: 18px;
	line-height: 1;
}

.sumosum-pt__icon--dash {
	opacity: 0.55;
}

.sumosum-pt__tooltip {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
}

.sumosum-pt__tooltip-icon {
	width: 18px;
	height: 18px;
	border-radius: 999px;
	border: 1px solid #CBD5E1;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #64748B;
	background: #fff;
	user-select: none;
}

.sumosum-pt__tooltip-content {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 130%;
	min-width: 180px;
	max-width: 260px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid #E6ECF5;
	background: #111827;
	color: #fff;
	font-size: 12px;
	line-height: 1.35;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 5;
}

.sumosum-pt__tooltip:hover .sumosum-pt__tooltip-content,
.sumosum-pt__tooltip:focus .sumosum-pt__tooltip-content,
.sumosum-pt__tooltip:focus-within .sumosum-pt__tooltip-content {
	opacity: 1;
	visibility: visible;
}

/* Mobile cards (stacked) */
.sumosum-pt__cards {
	display: none;
	padding: 16px;
	gap: 14px;
}

.sumosum-pt-card {
	position: relative;
	border: 1px solid #E6ECF5;
	border-radius: 14px;
	padding: 16px;
	background: #fff;
}

.sumosum-pt-card.is-featured {
	outline: 2px solid #2D6CDF;
	outline-offset: -2px;
}

.sumosum-pt-card__sections {
	margin-top: 12px;
	display: grid;
	gap: 12px;
}

.sumosum-pt-card__section-title {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 0;
	cursor: pointer;
	text-align: left;
	font-weight: 700;
	font-size: 13px;
	padding: 8px 10px;
	background: #F3F7FF;
	border-radius: 10px;
}

.sumosum-pt-card__section-panel {
	display: none;
	padding: 2px 0 0 0;
}

.sumosum-pt-card__section.is-open .sumosum-pt-card__section-panel {
	display: block;
}

.sumosum-pt-card__row {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #E6ECF5;
}

.sumosum-pt-card__row:last-child {
	border-bottom: 0;
}

.sumosum-pt-card__label {
	font-size: 13px;
	opacity: 0.9;
}

.sumosum-pt-card__value {
	font-size: 13px;
	font-weight: 600;
}

@media (max-width: 768px) {
	.sumosum-pt--stacked .sumosum-pt__matrix {
		display: none;
	}
	.sumosum-pt--stacked .sumosum-pt__cards {
		display: grid;
	}

	.sumosum-pt--scroll .sumosum-pt__matrix {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.sumosum-pt--scroll .sumosum-pt__header,
	.sumosum-pt--scroll .sumosum-pt__row {
		min-width: 760px;
	}
}