/**
 * Land Airline — B2B Service shortcodes (How This Model Works, Industries).
 *
 * How Model: grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6, numbered steps
 * with a #97785a square badge and a faint connector line on desktop.
 * Industries: chips for a DARK background — white/80 text, gold-tinted border,
 * translucent white fill, inline gold check icon.
 *
 * @package landairline-services
 */

.lair-b2b-model,
.lair-b2b-industries {
	font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}

/* ============================================================= */
/* How This Model Works                                           */
/* grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6                */
/* ============================================================= */
.lair-b2b-model {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;                       /* gap-6 */
}

@media (min-width: 640px) {
	.lair-b2b-model {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.lair-b2b-model {
		grid-template-columns: repeat(4, 1fr);
	}
}

.lair-b2b-model-step {
	position: relative;
}

/* Head row: number badge + connector line (flex items-center gap-3 mb-4). */
.lair-b2b-model-head {
	display: flex;
	align-items: center;
	gap: 12px;                       /* gap-3 */
	margin-bottom: 16px;             /* mb-4 */
}

/* Number badge: w-8 h-8 bg-[#97785a] flex center. */
.lair-b2b-model-num {
	width: 32px;
	height: 32px;
	background: #97785a;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.lair-b2b-model-num span {
	color: #ffffff;
	font-size: 12px;                 /* text-xs */
	font-weight: 700;                /* font-bold */
	line-height: 1;
}

/* Connector line: hidden on mobile, shown lg+ (hidden lg:block flex-1 h-px). */
.lair-b2b-model-line {
	display: none;
}

@media (min-width: 1024px) {
	.lair-b2b-model-line {
		display: block;
		flex: 1 1 auto;
		height: 1px;
		background: rgba(151, 120, 90, 0.30);   /* bg-[#97785a]/30 */
	}
}

.lair-b2b-model-title {
	color: #1c1c1c;
	font-weight: 600;                /* font-semibold */
	font-size: 14px;                 /* text-sm */
	line-height: 1.4;
	margin: 0 0 8px;                 /* mb-2 */
}

.lair-b2b-model-desc {
	color: rgba(28, 28, 28, 0.60);   /* text-[#1c1c1c]/60 */
	font-size: 14px;
	line-height: 1.625;              /* leading-relaxed */
	margin: 0;
}

/* ============================================================= */
/* Industries and Contexts (dark-background chips)                */
/* flex flex-wrap gap-3                                           */
/* ============================================================= */
.lair-b2b-industries {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;                       /* gap-3 */
}

/* each chip: flex items-center gap-2.5 px-5 py-3
   border border-[#97785a]/30 bg-white/5 */
.lair-b2b-ind {
	display: flex;
	align-items: center;
	gap: 10px;                       /* gap-2.5 */
	padding: 12px 20px;              /* py-3 px-5 */
	border: 1px solid rgba(151, 120, 90, 0.30);
	background: rgba(255, 255, 255, 0.05);
}

.lair-b2b-ind-icon {
	color: #97785a;
	flex-shrink: 0;
	width: 14px;
	height: 14px;
}

.lair-b2b-ind-label {
	color: rgba(255, 255, 255, 0.80);   /* text-white/80 */
	font-size: 14px;                    /* text-sm */
	line-height: 1.4;
}