/* Weblink Express (_crsr) — scoped; legacy lg.css unchanged */

#lg-wexp-whse .lg-wexp-notice {
	margin: 8px 0 10px;
	padding: 10px 12px;
	border: 1px solid #8a9;
	background: #f4faf5;
	font-size: 13px;
	line-height: 1.45;
}

#lg-wexp-whse .lg-wexp-notice strong {
	color: #1a4d2a;
}

#lg-wexp-whse .lg-wexp-whse-one {
	color: #147a36;
	font-weight: 700;
}

/*
 * Unified form surface: neutral two-tone rows + “slab” section headers.
 * Green is reserved for header accent borders and notices, not full-row wash.
 */
.lg-wexp-unified #frm tr.lg-wexp-rowband--a > td,
.lg-wexp-unified #frm tr.lg-wexp-rowband--a > th {
	background-color: #e0e3e2;
	color: #1c2220;
}
.lg-wexp-unified #frm tr.lg-wexp-rowband--b > td,
.lg-wexp-unified #frm tr.lg-wexp-rowband--b > th {
	background-color: #eef0ef;
	color: #1c2220;
}
.lg-wexp-unified #frm tr.lg-wexp-slab > td,
.lg-wexp-unified #frm tr.lg-wexp-slab > th {
	background: linear-gradient(to bottom, #c9cfcc 0%, #bcc3bf 100%);
	color: #2a312e;
	font-weight: 600;
	padding: 10px 12px 11px;
	border-bottom: 2px solid #7a9184;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.lg-wexp-unified #frm tr.lg-wexp-slab .note {
	font-weight: normal;
	color: #3a423f;
}

.lg-wexp-unified #frm tr td.cat,
.lg-wexp-unified #frm tr th.cat {
	background: linear-gradient(to bottom, #c9cfcc 0%, #bcc3bf 100%);
	color: #2a312e;
	font-weight: 600;
	padding: 9px 12px 10px;
	border-bottom: 2px solid #7a9184;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.lg-wexp-unified #frm tr td.cat .note,
.lg-wexp-unified #frm tr th.cat .note {
	font-weight: normal;
	color: #3a423f;
}
.lg-wexp-unified #frm tr td.cat a,
.lg-wexp-unified #frm tr th.cat a {
	color: #243529;
	font-weight: 600;
}

.lg-wexp-unified #frm tr td.subcat_u {
	background-color: #d8dddb;
	color: #222a27;
	font-weight: 600;
	border-top: 1px solid #c0c7c4;
	padding: 6px 8px;
}

/* Warehouse *services* step (st=2): same grey system, slate accent = “new chapter” vs listing’s green */
.lg-wexp-unified.lg-wexp-phase-whse #frm tr.lg-wexp-slab > td,
.lg-wexp-unified.lg-wexp-phase-whse #frm tr.lg-wexp-slab > th {
	border-bottom-color: #5a6f8f;
}
.lg-wexp-unified.lg-wexp-phase-whse #frm tr td.subcat_u {
	background-color: #dde2ea;
	color: #1f2832;
	border-top-color: #a8b4c6;
	padding: 8px 8px 6px 8px;
}

/* Warehouse services step — intro band mirrors promo topband shape, slate palette */
.lg-wexp-unified.lg-wexp-phase-whse #frm .lg-wexp-whse-services-lead {
	margin: 0 0 16px;
	padding: 12px 14px;
	border: 1px solid #9aa8be;
	border-radius: 6px;
	background: linear-gradient(to bottom, #f6f8fc 0%, #e9eef7 100%);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	color: #2a313d;
	font-size: 14px;
	line-height: 1.5;
}
.lg-wexp-unified.lg-wexp-phase-whse #frm .lg-wexp-whse-services-lead strong {
	color: #243044;
}

.lg-wexp-unified #frm td.lg-wexp-rowband--hint,
.lg-wexp-unified #frm tr > td.lg-wexp-rowband--hint {
	background-color: #f4f5f5;
	padding: 8px 10px;
	font-size: 12px;
	line-height: 1.35;
	color: #353d3b;
	border-top: 1px solid #c4cac7;
	border-bottom: 1px solid #c4cac7;
}

/* Company block: same neutral two-tone as row bands (subtle) */
.lg-wexp-unified #frm tr.s1 > td,
.lg-wexp-unified #frm tr.s1 > th {
	background-color: #eef0ef;
}
.lg-wexp-unified #frm tr.s2 > td,
.lg-wexp-unified #frm tr.s2 > th {
	background-color: #f6f7f6;
}

/* Unified order — promo + form instructions (one band), separate from crumbs + form */
.lg-wexp-unified .lg-wexp-topband {
	margin: 0 0 18px;
	border: 1px solid #9eb8a4;
	border-radius: 6px;
	background: linear-gradient(to bottom, #f8fcf9 0%, #eef5f0 100%);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	overflow: hidden;
}
.lg-wexp-unified .lg-wexp-topband .lg-wexp-intro {
	margin: 0;
	padding: 12px 14px 10px;
	border: none;
	border-radius: 0;
	background: transparent;
	color: #2a322d;
	font-size: 14px;
	line-height: 1.5;
}
.lg-wexp-unified .lg-wexp-intro__icn {
	float: left;
	padding: 0 12px 8px 0;
}
.lg-wexp-unified .lg-wexp-intro__dirlink {
	font-weight: normal;
	color: #1a5c2e;
	text-decoration: underline;
}
.lg-wexp-unified .lg-wexp-intro__dirlink:hover {
	color: #0f3d1f;
}
.lg-wexp-unified .lg-wexp-intro__detail {
	padding-top: 10px;
	margin: 0;
	clear: both;
	color: #3d4540;
	font-size: 13px;
	line-height: 1.45;
}
.lg-wexp-unified .lg-wexp-topband .lg-wexp-form-help {
	margin: 0;
	padding: 10px 14px 12px;
	font-size: 13px;
	line-height: 1.45;
	color: #3d4540;
	background: rgba(255, 255, 255, 0.42);
	border: none;
	border-top: 1px solid rgba(130, 160, 140, 0.38);
	border-radius: 0;
}
.lg-wexp-unified .lg-wexp-form-help a {
	font-weight: 600;
	color: #1a5c2e;
	text-decoration: underline;
}
.lg-wexp-unified .lg-wexp-form-help a:hover {
	color: #0f3d1f;
}

.lg-wexp-unified .lg-wexp-flow {
	margin: 0;
	padding: 16px 0 0;
	border-top: 2px solid #cfd8d1;
	background: #fafcfb;
	border-radius: 0 0 4px 4px;
}
.lg-wexp-unified .lg-wexp-flow .bb680 {
	padding-top: 4px;
}

/* Step 1 — high-visibility callouts without harsh red */
.lg-wexp-unified .lg-wexp-callout {
	font-size: 13px;
	line-height: 1.45;
	color: #1f3328;
	background: #f4f8f5;
	border: 1px solid #bcc9c0;
	border-radius: 3px;
}
.lg-wexp-unified #frm td.lg-wexp-callout--desc {
	padding: 8px 12px;
}
.lg-wexp-unified #frm td.lg-wexp-callout--class {
	font-weight: 600;
	padding: 8px 12px;
}
.lg-wexp-unified .lg-wexp-callout__title {
	font-weight: 700;
	color: #1a3d28;
	margin-bottom: 6px;
}
.lg-wexp-unified .lg-wexp-callout__body {
	font-style: italic;
	color: #2d4034;
	padding-top: 2px;
}

.lg-wexp-wizard {
	margin: 0 0 14px;
	text-align: center;
}
.lg-wexp-unified .lg-wexp-flow .lg-wexp-wizard {
	margin-top: 0;
}
.lg-wexp-steps {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	font-size: 12px;
	color: #555;
}
.lg-wexp-steps span {
	padding: 4px 8px;
	border-radius: 3px;
	background: #e8e8e8;
}
.lg-wexp-steps span.lg-wexp-on {
	background: #c5d9c5;
	color: #143018;
	font-weight: 600;
	box-shadow: inset 0 0 0 1px rgba(20, 48, 24, 0.12);
}
.lg-wexp-steps--trail {
	align-items: center;
	justify-content: center;
	gap: 6px 10px;
	font-size: 13px;
	color: #444;
}
.lg-wexp-steps--trail span.lg-wexp-sep {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 14px;
	padding: 0;
	margin: 0 2px;
	background: transparent url("/images/crumbs_join.png") no-repeat center center;
	background-size: contain;
	flex-shrink: 0;
}
.lg-wexp-nav {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 14px;
}
.lg-wexp-btn {
	min-width: 7.5em;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid transparent;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.06);
	transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.lg-wexp-btn:hover {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.08);
}
.lg-wexp-btn.lg-wexp-next {
	background: linear-gradient(to bottom, #4a6d7c 0%, #3d5a66 100%);
	color: #fff;
	border-color: #2f4550;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.lg-wexp-btn.lg-wexp-next:hover {
	background: linear-gradient(to bottom, #557d8f 0%, #466673 100%);
	border-color: #2a3d46;
}
.lg-wexp-btn.lg-wexp-submit {
	min-width: 8em;
	padding-left: 22px;
	padding-right: 22px;
}
.lg-wexp-btn.lg-wexp-back {
	background: linear-gradient(to bottom, #f6f7f8 0%, #e8eaed 100%);
	color: #2a2f36;
	border-color: #b9c0c9;
	text-shadow: none;
}
.lg-wexp-btn.lg-wexp-back:hover {
	background: linear-gradient(to bottom, #fff 0%, #eef0f3 100%);
	border-color: #9aa3ad;
}

#frm input[type="checkbox"][disabled] + label,
#frm input[type="checkbox"][disabled] {
	opacity: 0.45;
	cursor: not-allowed;
}

/* Unified wizard: wide warehouse grids stay inside #content so sidebar stays column-aligned */
.lg-wexp-unified #content .bb680 {
	min-width: 0;
	max-width: 100%;
}
.lg-wexp-unified #content #frm {
	max-width: 100%;
	/* Do not set overflow-x: auto here — paired with visible-y it forces overflow-y to auto and often adds a vertical scrollbar. */
	overflow: visible;
}

/* Shared confirmation/error surfaces for _crsr pages */
.lg-wexp-unified.lg-wexp-static #frm {
	padding: 10px 0 2px;
}
.lg-wexp-static-card {
	margin: 0;
	padding: 18px 18px 16px;
	border: 1px solid #bcc9c0;
	border-radius: 6px;
	background: linear-gradient(to bottom, #f8fcf9 0%, #edf4ef 100%);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.lg-wexp-static-card--error {
	border-color: #d2b9b9;
	background: linear-gradient(to bottom, #fcf8f8 0%, #f6efef 100%);
}
.lg-wexp-static-icon {
	margin: 0 0 10px;
	text-align: center;
}
.lg-wexp-static-title {
	margin: 0 0 10px;
	color: #2c3a31;
	font-size: 24px;
	line-height: 1.25;
	text-align: center;
}
.lg-wexp-static-card--error .lg-wexp-static-title {
	color: #6a2323;
}
.lg-wexp-static-copy {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #35423a;
	text-align: center;
}
.lg-wexp-static-errors {
	margin: 0 0 10px;
	padding: 12px 14px;
	border-radius: 4px;
	border: 1px solid #d9caca;
	background: #fff;
	color: #472a2a;
	line-height: 1.45;
}
.lg-wexp-nav.lg-wexp-nav--end {
	justify-content: flex-end;
	padding-top: 12px;
}
.lg-wexp-linkbtn {
	display: inline-block;
	text-decoration: none;
	text-align: center;
}

/* Help popup (_crsr): clean slate/green treatment */
body.lg-wexp-help {
	margin: 0;
	padding: 12px;
	background: #eef2f0;
}
.lg-wexp-help-wrap {
	max-width: 860px;
	margin: 0 auto;
	border: 1px solid #b7c3ce;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}
.lg-wexp-help-head {
	padding: 10px 12px 6px;
	background: #f3f6fa;
	border-bottom: 1px solid #d6dee7;
}
.lg-wexp-help-title {
	margin: 0;
	padding: 10px 14px;
	background: linear-gradient(to bottom, #5c708f 0%, #4a607d 100%);
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}
.lg-wexp-help-body {
	padding: 14px 16px 8px;
	color: #293138;
	font-size: 14px;
	line-height: 1.55;
}
.lg-wexp-help-body p {
	margin: 0 0 12px;
}
.lg-wexp-help-actions {
	padding: 4px 16px 16px;
	text-align: right;
}

/* WEXP unified payment phase */
.lg-wexp-unified.lg-wexp-phase-pay #frm tr td.cat,
.lg-wexp-unified.lg-wexp-phase-pay #frm tr th.cat {
	border-bottom-color: #9d8a62;
}
/* Payment table title only — cooler slate vs. sage AUTHORIZATION row */
.lg-wexp-unified.lg-wexp-phase-pay #frm tr td.cat.lg-crsr-pay-section-head,
.lg-wexp-unified.lg-wexp-phase-pay #frm tr th.cat.lg-crsr-pay-section-head {
	background: linear-gradient(to bottom, #b8c2c6 0%, #a3aeb4 100%);
	color: #1e262b;
	border-bottom-color: #6e7a82;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.lg-wexp-unified.lg-wexp-phase-pay #frm .lg-crsr-pay-intro {
	padding: 10px 12px;
	border: 1px solid #c7bca4;
	background: linear-gradient(to bottom, #faf7f1 0%, #f2ebdf 100%);
	color: #463b2b;
	border-radius: 5px;
}
.lg-wexp-unified.lg-wexp-phase-pay #frm .lg-crsr-pay-intro .lg-crsr-pay-intro-verify {
	display: block;
	margin-top: 14px;
	padding-top: 0;
	color: #3a3228;
}
.lg-wexp-unified #frm tr.lg-crsr-pay-preview-row td.lg-crsr-pay-preview-wrap {
	padding: 10px 12px;
	background: transparent;
	border: none;
}
.lg-wexp-unified #frm .lg-crsr-pay-preview-wrap .jp-card-container {
	max-width: 430px;
	margin: 0 auto;
}
.lg-wexp-unified #frm .jp-card.jp-card-internal .jp-card-front,
.lg-wexp-unified #frm .jp-card.jp-card-internal .jp-card-back {
	background: #990000;
}
.lg-wexp-unified #frm .jp-card.jp-card-internal .jp-card-logo {
	display: none;
}
.lg-wexp-unified #frm tr.lg-crsr-pay-row--a > td {
	background-color: #f7f4ee;
}
.lg-wexp-unified #frm tr.lg-crsr-pay-row--b > td {
	background-color: #efe9de;
}
.lg-wexp-unified #frm tr.lg-crsr-pay-row--a input[type="text"],
.lg-wexp-unified #frm tr.lg-crsr-pay-row--a input[type="tel"],
.lg-wexp-unified #frm tr.lg-crsr-pay-row--a input:not([type]),
.lg-wexp-unified #frm tr.lg-crsr-pay-row--a select {
	background-color: #fffdfa;
	border: 1px solid #cabfa9;
}
.lg-wexp-unified #frm tr.lg-crsr-pay-row--b input[type="text"],
.lg-wexp-unified #frm tr.lg-crsr-pay-row--b input[type="tel"],
.lg-wexp-unified #frm tr.lg-crsr-pay-row--b input:not([type]),
.lg-wexp-unified #frm tr.lg-crsr-pay-row--b select {
	background-color: #fdf8ef;
	border: 1px solid #c7bca4;
}
.lg-wexp-unified #frm .lg-crsr-pay-cardtype {
	display: inline-block;
	font-weight: 700;
	color: #675633;
	letter-spacing: 0.04em;
}
.lg-wexp-unified #frm .lg-crsr-inline-msg {
	display: inline-block;
	min-width: 96px;
	margin-left: 8px;
	font-size: 11px;
	line-height: 1.2;
	color: #a32222;
	vertical-align: middle;
}
.lg-wexp-unified #frm input.lg-crsr-invalid {
	border-color: #b73535 !important;
	background: #fff3f3 !important;
}
@media (max-width: 760px) {
	.lg-wexp-unified #frm .lg-crsr-pay-preview-wrap .jp-card-container {
		max-width: 100%;
	}
	.lg-wexp-unified #frm .lg-crsr-inline-msg {
		display: block;
		margin: 4px 0 0;
		min-width: 0;
	}
}
.lg-wexp-unified .lg-crsr-noscript-note {
	border-left: 3px solid #b28c4a;
}
.lg-crsr-pay-js-only {
	display: none;
}
.lg-js .lg-crsr-pay-js-only {
	display: table-row;
}
.lg-js .lg-crsr-pay-nojs-only {
	display: none;
}
.lg-wexp-unified.lg-js .lg-crsr-noscript-note {
	display: none;
}