/**
 * ALS Licence Check badge.
 * Colours are taken from the live site's profile sidebar so the badge reads as
 * part of the page: surface #0B162B, border #344764, text #D5DDF1, accent #56DDD0.
 */

.als-lc__wrap { margin-top: 14px; }

.als-lc {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border: 1px solid #344764;
	border-radius: 12px;
	background: rgba(7, 15, 35, 0.45);
	font-size: 0.86rem;
	line-height: 1.45;
}

.als-lc__mark {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1;
}

.als-lc__body { display: block; min-width: 0; }

.als-lc__label {
	display: block;
	font-weight: 700;
	letter-spacing: 0.2px;
	color: #F3F6FB;
}

.als-lc__detail {
	display: block;
	margin-top: 3px;
	color: #B5C6DF;
}

.als-lc__link {
	display: inline-block;
	margin-top: 7px;
	font-size: 0.82rem;
	color: #56DDD0;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.als-lc__link:hover { color: #6FE9DD; }

/* verified: the site's teal accent */
.als-lc--verified { border-color: rgba(86, 221, 208, 0.5); }
.als-lc--verified .als-lc__mark {
	background: rgba(86, 221, 208, 0.16);
	color: #56DDD0;
	border: 1px solid rgba(86, 221, 208, 0.5);
}

/* expired: stated plainly, warm amber rather than alarming red */
.als-lc--expired { border-color: rgba(226, 154, 60, 0.55); }
.als-lc--expired .als-lc__mark {
	background: rgba(226, 154, 60, 0.18);
	color: #F0B357;
	border: 1px solid rgba(226, 154, 60, 0.6);
}

/* checked but nothing to report */
.als-lc--pending .als-lc__mark,
.als-lc--unchecked .als-lc__mark {
	background: rgba(181, 198, 223, 0.14);
	color: #B5C6DF;
	border: 1px solid #344764;
}

/* the licence exists but the regulator lists it under another name.
   Warm, not red: this is an unresolved difference, not a finding of fault. */
.als-lc--mismatch { border-color: rgba(226, 154, 60, 0.45); }
.als-lc--mismatch .als-lc__mark {
	background: rgba(226, 154, 60, 0.16);
	color: #F0B357;
	border: 1px solid rgba(226, 154, 60, 0.55);
}

/* the licence is held by a company rather than an individual. Entirely
   ordinary for a broker, so it reads as information, not as a warning. */
.als-lc--entity { border-color: rgba(122, 162, 224, 0.45); }
.als-lc--entity .als-lc__mark {
	background: rgba(122, 162, 224, 0.16);
	color: #9CC0F0;
	border: 1px solid rgba(122, 162, 224, 0.5);
}

/* the regulator publishes no licence with this number. This is the one case
   worth a stronger colour, because a consumer relying on it would be misled. */
.als-lc--missing { border-color: rgba(226, 87, 87, 0.5); }
.als-lc--missing .als-lc__mark {
	background: rgba(226, 87, 87, 0.16);
	color: #FF9E9E;
	border: 1px solid rgba(226, 87, 87, 0.55);
}

/* the corrected licence type, injected in place of the stored one */
.als-lc__type {
	display: block;
	margin-top: 4px;
	color: #D5DDF1;
}

.als-lc__number {
	display: block;
	margin-top: 2px;
	font-variant-numeric: tabular-nums;
	color: #B5C6DF;
}

@media (max-width: 640px) {
	.als-lc { padding: 11px 12px; font-size: 0.82rem; }
}

/* ============================================================
   Profile button palette
   ------------------------------------------------------------
   The profile contact controls shipped in colours that clash with
   the rest of the site: a bright blue primary and a crimson
   "Copy link", both sitting on the dark navy profile surface. Two
   of the four controls carry no class at all, so they are matched
   by their href.

   Scoped to .als-profile rather than a single panel: the controls
   sit in .als-profile__contact while the licence block sits in
   .als-profile__sidebar, and either could move.
   ============================================================ */

.als-profile a[href^="mailto:"] {
	background: #56DDD0 !important;
	color: #06283A !important;
	border-color: #56DDD0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.als-profile a[href^="mailto:"]:hover,
.als-profile a[href^="mailto:"]:focus-visible {
	background: #6FE9DD !important;
	color: #06283A !important;
}

/* the phone control was already close; align it to the same border weight */
.als-profile .als-profile__secondary {
	background: #152641 !important;
	color: #D5DDF1 !important;
	border-color: #344764 !important;
}

.als-profile .als-profile__secondary:hover,
.als-profile .als-profile__secondary:focus-visible {
	border-color: #56DDD0 !important;
	color: #F3F6FB !important;
}

/* share row: "Copy link" and the native share link were white on a dark card */
.als-ad-share__copy,
.als-ad-share__native,
.als-profile a[href^="mailto:?"] {
	background: #101E36 !important;
	color: #D5DDF1 !important;
	border-color: #344764 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.als-ad-share__copy:hover,
.als-ad-share__native:hover,
.als-profile a[href^="mailto:?"]:hover {
	border-color: #56DDD0 !important;
	color: #F3F6FB !important;
	background: #16273F !important;
}