/* ---------------------------------------------------------------------------
 * LD3 Industries
 *
 * Block 1 is NOT new styling. WPBakery used to auto-generate these exact
 * declarations per element into the page's `woodmart_shortcodes_custom_css`
 * post meta. That generator only runs for elements saved in the builder, so
 * the same declarations live here instead — scoped to the section, which also
 * means every new industry picks them up automatically.
 *
 * Nothing in Appearance > Customize > Additional CSS was changed.
 * ------------------------------------------------------------------------ */

#industry-rowx .wd-info-box .box-with-text {
	color: #707a76;
}

#industry-rowx .wd-info-box .info-box-title {
	font-size: 32px;
	line-height: 40px;
	color: #f2efe6;
}

#industry-rowx .colx2 .woodmart-title-container {
	font-size: 60px;
	line-height: 67px;
}

#industry-rowx .colx2 .title-subtitle {
	line-height: 20px;
	font-size: 10px;
	color: #0a0d0c;
}

#industry-rowx .colx2 .title-after_title {
	font-size: 20px;
	line-height: 28px;
	color: #0a0d0c;
}

/* ---------------------------------------------------------------------------
 * Block 2: the switching itself.
 * ------------------------------------------------------------------------ */

.ld3-ind-panel {
	display: none;
}

.ld3-ind-panel.ld3-is-active {
	display: block;
}

.ld3-ind-box {
	cursor: pointer;
}

.ld3-ind-box:focus-visible {
	outline: 2px solid #52c83c;
	outline-offset: 4px;
}

/* ---------------------------------------------------------------------------
 * Block 3: the selected row, using the same green the hover state already
 * uses. Delete this block if the list should look completely unchanged.
 * ------------------------------------------------------------------------ */

#industry-rowx .ld3-ind-box.ld3-is-active .info-box-title,
#industry-rowx .ld3-ind-box.ld3-is-active .wd-btn-icon,
#industry-pgx #industry-rowx .ld3-ind-box.ld3-is-active .info-box-title,
#industry-pgx #industry-rowx .ld3-ind-box.ld3-is-active .wd-btn-icon,
#industry-pgx #industry-rowx .ld3-ind-box.ld3-is-active .info-box-title *,
#industry-pgx #industry-rowx .ld3-ind-box.ld3-is-active .wd-btn-icon * {
	color: #52c83c !important;
}