/* =========================================================
   GCTS Services Tab Switcher (pure CSS, no JavaScript)
   Uses hidden radio inputs + the ~ sibling selector so tabs
   switch content in-place without any script.
   ========================================================= */

.gcts-tabs-radio {
	display: none;
}

.gcts-tab-labels {
	display: inline-flex;
	background: #ffffff;
	border: 1px solid var(--gcts-border);
	border-radius: 24px;
	padding: 4px;
	margin-bottom: 18px;
}

.gcts-tab-labels label {
	padding: 9px 20px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	color: #8A9995;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
	user-select: none;
}

.gcts-tab-panels > div {
	display: none;
}

/* Default: USA tab active on page load */
#gcts-tab-usa:checked ~ .gcts-tab-labels label[for="gcts-tab-usa"],
#gcts-tab-pk:checked ~ .gcts-tab-labels label[for="gcts-tab-pk"],
#gcts-tab-ecom:checked ~ .gcts-tab-labels label[for="gcts-tab-ecom"] {
	background: var(--gcts-teal);
	color: #ffffff;
}

#gcts-tab-usa:checked ~ .gcts-tab-panels #gcts-panel-usa,
#gcts-tab-pk:checked ~ .gcts-tab-panels #gcts-panel-pk,
#gcts-tab-ecom:checked ~ .gcts-tab-panels #gcts-panel-ecom {
	display: block;
}