/* ---------------------------------------------------------------------------------------
 * /links/ — the link-in-bio page.
 *
 * Loaded ONLY by links/index.php, so nothing else on the site pays for it.
 *
 * cmsdev's version of this file defines a whole `navy-blue` color family (btn-navy-blue,
 * text-navy-blue, bg-navy-blue …) because that is their palette. None of it was copied: this
 * build has its own palette and the markup uses the existing `text-primary` / `btn-primary`
 * classes instead. All that is genuinely needed here is the page background, since the linktree
 * page is a standalone shell with no dashboard chrome behind it.
 * ------------------------------------------------------------------------------------- */

/* The page ground. `section-color` is Porto's hook for a tinted section; the linktree page is
 * the only place this build uses it, so it is safe to define here rather than in custom.css. */
html section.section-color {
	background-color: #eef1f3 !important;   /* a neutral with a slight lean toward the palette blues */
	border-color: transparent !important;
}

/* theme.css sets a global `p { color: #777 }`, which is too light on this page's tinted ground
 * once it sits inside a white card. Cards below set their own color; this covers loose copy. */
html section.section-color p {
	color: #20303a;
}

/* The profile image / logo panel at the top. Kept modest so a tall logo cannot push the first
 * link below the fold on a phone, which is the whole point of a link-in-bio page. */
.links-profile img {
	max-height: 140px;
	width: auto;
}

/* Link buttons are the primary content here, so they get a slightly taller tap target than a
 * default btn-md — 44px is the usual minimum for a comfortable touch target. */
.links-resource .btn {
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}