.olc-business-dashboard {
	--olc-dashboard-accent: var(--olc-orange-dark, #ea7523);
	--olc-dashboard-border: #b7b7b7;
	--olc-dashboard-navy: var(--olc-navy, #182b55);
	--olc-dashboard-white: var(--white, #fff);
	width: 100%;
}

.olc-business-dashboard__header {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	justify-content: space-between;
	margin-bottom: 3rem;
}

.olc-business-dashboard__greeting,
.olc-business-dashboard__heading {
	margin: 0;
}

.olc-business-dashboard__heading {
	margin-bottom: 2.5rem;
}

.olc-business-dashboard__logout,
.olc-business-dashboard__password-reset a {
	color: var(--olc-dashboard-navy);
	font-weight: 700;
}

.olc-business-dashboard__listings {
	display: grid;
	gap: 2rem;
}

.olc-business-dashboard__listing {
	align-items: center;
	border: 0.1rem solid var(--olc-dashboard-border);
	border-radius: 1rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: minmax(14rem, 22rem) minmax(0, 1fr);
	overflow: hidden;
	padding: 2rem;
}

.olc-business-dashboard__listing--no-image {
	grid-template-columns: minmax(0, 1fr);
}

.olc-business-dashboard__image-wrap {
	aspect-ratio: 4 / 3;
	border-radius: 0.8rem;
	overflow: hidden;
}

.olc-business-dashboard__image {
	display: block;
	height: 100%;
	margin: 0;
	max-width: none;
	object-fit: cover;
	width: 100%;
}

.olc-business-dashboard__status {
	color: #707070;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.olc-business-dashboard__listing-title {
	font-size: 2.4rem;
	line-height: 1.33;
	margin: 0 0 2rem;
}

.olc-business-dashboard__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.olc-business-dashboard__button,
.olc-business-dashboard #wp-submit {
	align-items: center;
	border: 0.2rem solid var(--olc-dashboard-accent);
	border-radius: 100rem;
	box-shadow: none;
	cursor: pointer;
	display: inline-flex;
	font-size: 1.4rem;
	font-weight: 700;
	justify-content: center;
	line-height: 1.5;
	min-height: 4.8rem;
	padding: 1.1rem 2.5rem;
	text-decoration: none;
}

.olc-business-dashboard__button--primary,
.olc-business-dashboard #wp-submit {
	background: var(--olc-dashboard-accent);
	color: var(--olc-dashboard-white);
}

.olc-business-dashboard__button--secondary {
	background: transparent;
	color: var(--olc-dashboard-accent);
}

.olc-business-dashboard__button:hover,
.olc-business-dashboard__button:focus-visible,
.olc-business-dashboard #wp-submit:hover,
.olc-business-dashboard #wp-submit:focus-visible {
	background: var(--olc-dashboard-navy);
	border-color: var(--olc-dashboard-navy);
	color: var(--olc-dashboard-white);
}

.olc-business-dashboard--logged-out {
	margin-left: auto;
	margin-right: auto;
	max-width: 52rem;
	text-align: left;
}

.olc-business-dashboard--logged-out form {
	width: 100%;
}

.olc-business-dashboard--logged-out form p {
	margin: 0 0 1.8rem;
}

.olc-business-dashboard--logged-out label {
	display: block;
	font-weight: 700;
	margin-bottom: 0.6rem;
	text-align: left;
}

.olc-business-dashboard--logged-out input[type="text"],
.olc-business-dashboard--logged-out input[type="password"] {
	border: 0.2rem solid var(--olc-dashboard-border);
	border-radius: 100rem;
	box-shadow: none;
	font: inherit;
	min-height: 5.5rem;
	padding: 1.5rem 2rem;
	width: 100%;
}

.olc-business-dashboard--logged-out .login-remember label {
	align-items: center;
	display: inline-flex;
	gap: 0.8rem;
}

.olc-business-dashboard__password-reset {
	margin: 1.5rem 0 0;
}

@media (max-width: 600px) {
	.olc-business-dashboard__listing {
		grid-template-columns: minmax(0, 1fr);
	}

	.olc-business-dashboard__actions,
	.olc-business-dashboard__button {
		width: 100%;
	}
}