/* Shared equipment card (templates/Includes/EquipmentCard.ss), used by privatelabel,
   inventorylandingpage and elemental-inventory-list. Colors are defaults; themes override. */

.equipment-card .browse-pic {
	position: relative;
	display: block;
}
.equipment-card .browse-pic img.zoom {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 300 / 245;
	object-fit: cover;
}
.equipment-card .sold-price {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	margin: 0;
	color: #e53935;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.equipment-card .card-labels .label {
	margin: 0 0.25rem 0.5rem 0;
}
.equipment-card .card-title a {
	color: inherit;
}

.equipment-card .card-price {
	margin-bottom: 0.75rem;
}
.equipment-card .price {
	margin-bottom: 0;
	font-weight: 600;
}
.equipment-card .price.special {
	color: #e53935;
}
.equipment-card .price.not-special {
	color: #666;
	font-weight: 400;
	text-decoration: line-through;
}

/* Cards can sit on any page (e.g. inventory blocks), so don't rely on elsapi.css for the note */
.equipment-card .highlight-note {
	color: #e53935;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}

.equipment-card .card-specs {
	margin-bottom: 0.75rem;
}

.equipment-card .location svg {
	flex: none;
}
.equipment-card .location,
.equipment-card .location-phone-row {
	margin-bottom: 0.5rem;
}