/* ==========================================================================
   The Capital — Destinations Nested Tabs
   ========================================================================== */

/* ------------------------------------------------------------------
   1. Tab title buttons — cursor + hover style
   ------------------------------------------------------------------ */
.elementor-widget-n-tabs .e-n-tab-title {
	cursor: pointer;
}

/* ------------------------------------------------------------------
   2. Hotel card title/subtitle order swap
      Card structure (flex column):
        1st child — image
        2nd child — location heading (e.g. "Sandton")   → move to 3rd
        3rd child — hotel name heading (e.g. "On The Park") → move to 2nd
   ------------------------------------------------------------------ */
.elementor-widget-n-tabs .e-n-tabs-content .e-grid > .e-con > *:nth-child(2) {
	order: 3;
}

.elementor-widget-n-tabs .e-n-tabs-content .e-grid > .e-con > *:nth-child(3) {
	order: 2;
}

/* ------------------------------------------------------------------
   3. Small description (3rd heading widget added by user in Elementor)
      Sits below hotel name + location after the swap.
      Style it as small body text.
   ------------------------------------------------------------------ */
.elementor-widget-n-tabs .e-n-tabs-content .e-grid > .e-con > *:nth-child(4) .elementor-heading-title,
.elementor-widget-n-tabs .e-n-tabs-content .e-grid > .e-con > *:nth-child(4) p {
	font-size: 13px !important;
	font-family: var(--tc-font-body), 'DM Sans', sans-serif !important;
	font-weight: 400 !important;
	color: rgba(255, 255, 255, 0.7) !important;
	line-height: 1.5 !important;
	margin-top: 4px !important;
}