/*
 * Gold hub intros: highlight paragraph links (India Hub, city pages).
 * - Wrap content with #india-gold OR [data-gold-table-context] (gold table JS), OR
 * - Add CSS class "gold-hub-intro" to an Elementor section/column, OR
 * - India Hub (post/page 61086): Elementor body.elementor-page-61086 picks up text widgets automatically.
 * Links inside <p> in these scopes only — Airtable <td> links stay on the plugin table style.
 */
#india-gold p a,
[data-gold-table-context] p a,
#india-gold .elementor-widget-text-editor p a,
[data-gold-table-context] .elementor-widget-text-editor p a,
.gold-hub-intro p a,
.gold-hub-intro .elementor-widget-text-editor p a,
body.elementor-page-61086:not(.elementor-editor-active) .elementor-widget-text-editor p a {
	font-weight: 600;
	color: var(--ftc-pr-1, #b8860b);
	text-decoration: none !important;
	text-decoration-line: none !important;
	text-underline-offset: unset;
	border-bottom: 0 !important;
	box-shadow: none !important;
	padding: 0.12em 0.35em;
	margin: 0 -0.05em;
	border-radius: 4px;
	background-color: rgba(201, 162, 39, 0.22);
	transition: color 0.15s ease, background-color 0.15s ease;
}

#india-gold p a:hover,
#india-gold p a:focus-visible,
[data-gold-table-context] p a:hover,
[data-gold-table-context] p a:focus-visible,
#india-gold .elementor-widget-text-editor p a:hover,
#india-gold .elementor-widget-text-editor p a:focus-visible,
[data-gold-table-context] .elementor-widget-text-editor p a:hover,
[data-gold-table-context] .elementor-widget-text-editor p a:focus-visible,
.gold-hub-intro p a:hover,
.gold-hub-intro p a:focus-visible,
.gold-hub-intro .elementor-widget-text-editor p a:hover,
.gold-hub-intro .elementor-widget-text-editor p a:focus-visible,
body.elementor-page-61086:not(.elementor-editor-active) .elementor-widget-text-editor p a:hover,
body.elementor-page-61086:not(.elementor-editor-active) .elementor-widget-text-editor p a:focus-visible {
	color: var(--ftc-heading-1, #5c4510);
	background-color: rgba(201, 162, 39, 0.34);
	outline: none;
	text-decoration: none !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

#india-gold p a:visited,
[data-gold-table-context] p a:visited,
#india-gold .elementor-widget-text-editor p a:visited,
[data-gold-table-context] .elementor-widget-text-editor p a:visited,
.gold-hub-intro p a:visited,
.gold-hub-intro .elementor-widget-text-editor p a:visited,
body.elementor-page-61086:not(.elementor-editor-active) .elementor-widget-text-editor p a:visited {
	text-decoration: none !important;
	color: var(--ftc-pr-1, #b8860b);
}

/*
 * int.1uptick.com — Airtable Table Illustrator: extra vertical space for table + karat chart.
 */
.atti-table-wrap {
	margin-top: 2.25rem !important;
	margin-bottom: 2.25rem !important;
}

.atti-table-wrap .atti-karat-chart-panel {
	margin-top: 0.75rem !important;
	margin-bottom: 2rem !important;
}

.atti-table-wrap .atti-city-bar-chart-panel {
	margin-top: 1.75rem !important;
	margin-bottom: 50px !important;
}

.atti-table-wrap .atti-karat-chart-wrap {
	margin-top: 0.75rem;
	margin-bottom: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.75rem;
}

.atti-table-wrap .atti-city-bar-chart-wrap {
	margin-top: 0.35rem;
	margin-bottom: 0;
	padding-top: 0.2rem;
	padding-bottom: 0;
}

/*
 * int.1uptick.com — Mobile breadcrumb pill: wrap + center nicely.
 */
@media (max-width: 767px) {
	.feh-breadcrumb-btn {
		margin-top: 18px;
		padding: 10px 14px;
		font-size: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 6px 12px;
		border-radius: 18px;
		text-align: center;
	}

	.feh-breadcrumb-btn a,
	.feh-breadcrumb-btn span {
		white-space: nowrap;
	}

	.feh-breadcrumb-btn a {
		margin-right: 0;
		/* Reserve space for the double-arrow so it never touches next crumb */
		padding-right: 34px;
	}

	.feh-breadcrumb-btn a::after {
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
	}

	.feh-breadcrumb-btn a::before {
		right: 18px;
		top: 50%;
		transform: translateY(-50%);
	}
}

/* int.1uptick.com — Mobile heading size */
@media (max-width: 767px) {
	h2 {
		font-size: 32px !important;
		line-height: 1.2;
	}
}
