/* CURRENT SALES CYCLE */

.current-sales__banner {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.current-sales__banner div {
	display: grid;
	grid-template-rows: 1fr 1fr;
	align-items: center;
}

.current-sales__banner h3 {
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0;
}

.current-sales__banner h4 {
	font-size: 1rem;
	font-weight: 400;
	margin: 0;
}

.current-sales__banner p {
	font-size: 0.8rem;
	margin: 0;
}

.current-sales-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}

.current-sales__product-card {
	border: 2px solid #005e5c;
	display: grid;
	/* grid-template-columns: repeat(3, 1fr); */
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 250px 1fr;
	gap: 14px;
	padding: 15px;
	background-color: #fff;
	height: 100%;
}

.current-sales__product-img {
	width: 100%;
	height: 100%;
	grid-column: 1 / -1;
}

.current-sales__product-img > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.current-sales__product-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
	/* grid-column: 2 / -1; */
	grid-column: 1 / -1;
}

.current-sales__product-name {
	font-family: DM Sans;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; /* 122.222% */
	text-transform: uppercase;
	grid-column: 1 / -1;
}

.current-sales__details-sales {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.current-sales__product-sales {
	border: 1px solid #233235;
}

.product-sales--lif-pao {
	border-bottom: 1px solid #233235;
}

.current-sales__product-sales > div {
	padding: 5px;
}

.product-sales--lif-pao div:nth-of-type(1),
.product-sales--lif-pao div:nth-of-type(2) {
	color: #de5a61;
}

.product-sales--lif-pao div:nth-of-type(3),
.product-sales--lif-pao div:nth-of-type(4) {
	color: #005e5c;
}

.product-sales--total {
	background-color: #fbf5f2;
	font-weight: bold;
}

.current-sales__add-lfi {
	display: grid;
	/* grid-template-columns: 1fr 1fr; */
	grid-template-rows: 1fr 1fr;
	gap: 10px;
	margin-top: 10px;
}

.current-sales__add-lfi p {
	grid-column: 1 / -1;
	margin: 0;
	color: #233235;
	font-family: DM Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.current-sales__product-details p {
	margin: 0;
	color: #686868;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
	text-transform: uppercase;
}

.current-sales__submit-btn {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #007d7a;
	border-radius: 4px;
	border: 1px solid #007d7a;
	color: #fff;
}

.current-sales__submit-btn:hover,
.current-sales__submit-btn:focus {
	background-color: #005e5c;
	border: 1px solid #005e5c;
}

/* CURRENT LFI LISTINGS */

.current-lfi__banner {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.current-lfi__banner div {
	display: grid;
	grid-template-rows: 1fr 1fr;
	align-items: center;
}

.current-lfi__banner h3 {
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0;
}

.current-lfi__banner h4 {
	font-size: 1rem;
	font-weight: 400;
	margin: 0;
}

.current-lfi__banner p {
	font-size: 0.8rem;
	margin: 0;
}

.current-lfi-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}

.current-lfi__product-card {
	border: 2px solid #005e5c;
	display: grid;
	/* grid-template-columns: repeat(3, 1fr); */
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 250px 1fr;
	gap: 14px;
	padding: 15px;
	background-color: #fff;
	height: 100%;
}

.current-lfi__product-img {
	width: 100%;
	height: 100%;
	grid-column: 1 / -1;
}

.current-lfi__product-img > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.current-lfi__product-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
	/* grid-column: 2 / -1; */
	grid-column: 1 / -1;
}

.current-lfi__product-name {
	font-family: DM Sans;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; /* 122.222% */
	text-transform: uppercase;
	grid-column: 1 / -1;
}

.current-lfi__details-sales {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.current-lfi__product-sales {
	border: 1px solid #233235;
}

.current-lfi__product-sales > div {
	padding: 5px;
}

.current-lfi__add-lfi {
	display: grid;
	/* grid-template-columns: 1fr 1fr; */
	grid-template-rows: 1fr 1fr;
	gap: 10px;
	margin-top: 10px;
}

.current-lfi__add-lfi p {
	grid-column: 1 / -1;
	margin: 0;
	color: #233235;
	font-family: DM Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.current-lfi__product-details p {
	margin: 0;
	color: #686868;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
	text-transform: uppercase;
}

.current-lfi__submit-btn {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #007d7a;
	border-radius: 4px;
	border: 1px solid #007d7a;
	color: #fff;
}

.current-lfi__submit-btn:hover,
.current-lfi__submit-btn:focus {
	background-color: #005e5c;
	border: 1px solid #005e5c;
}

.product-lfi--total {
	background-color: #fbf5f2;
	font-weight: bold;
}

.product-lfi--lif-pao {
	border-bottom: 1px solid #233235;
}

.product-lfi--lif-pao > div:nth-child(1),
.product-lfi--lif-pao > div:nth-child(2) {
	color: #de5a61;
}

.product-lfi--lif-pao > div:nth-child(3),
.product-lfi--lif-pao > div:nth-child(4) {
	color: #005e5c;
}

/* MY FARM'S INVENTORY */

.my-farms-inventory__banner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 20px;
	gap: 15px;
}

.my-farms-inventory__banner .farm-inventory__refresh {
	font-family: 'DM Sans';
	font-weight: 400;
	font-size: 1rem;
	color: #fff;
	background: rgba(222, 90, 97, 1);
	border-color: rgba(222, 90, 97, 1);
}

.my-farms-inventory__banner .farm-inventory__refresh:hover,
.my-farms-inventory__banner .farm-inventory__refresh:focus {
	background: rgba(154, 63, 68, 1);
	border-color: rgba(154, 63, 68, 1);
}

.my-farms-inventory__main-section {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
	margin-bottom: 20px;
}

.my-farms-inventory__main-section .farmer-inventory-management__add-lfi {
	margin-top: auto;
}

.farmer-inventory-management__product-card {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	padding: 14px;
	border: 2px solid #efe9e8;
}

.farmer-inventory-management__product-info {
	display: flex;
	gap: 10px;
	flex-direction: column;
	font-family: 'DM Sans';
	text-transform: uppercase;
}

.farmer-inventory-management__product-name {
	font-size: 15px;
	font-weight: 500;
	color: #233235;
	margin: 0;
}

.farmer-inventory-management__product-details p {
	margin: 0;
}

.farmer-inventory-management__details-sales {
	font-size: 14px;
	font-weight: 400;
	color: #686868;
	margin: 0;
}

.farmer-inventory-management__product-card button {
	border: 1px solid #007d7a;
	border-radius: 4px;
	font-family: 'DM Sans';
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	width: 100%;
	cursor: pointer;
	transition: all 200ms ease-in-out;
	text-wrap: wrap;
	padding: 5px;
}

.farmer-inventory-management__add-to-farm-inventory-btn {
	margin-top: auto;
	background: #fff;
	color: #007d7a;
}

.farmer-inventory-management__add-to-farm-inventory-btn:hover,
.farmer-inventory-management__add-to-farm-inventory-btn:focus {
	background: #fff;
	color: #005e5c;
	border-color: #005e5c;
}

.farmer-inventory-management__add-to-farm-inventory-btn.added {
	background: rgba(100, 176, 175, 1);
	border-color: rgba(100, 176, 175, 1);
	color: #fff;
	cursor: not-allowed;
}

.farmer-inventory-management__add-to-lfi-btn {
	background: #007d7a;
	color: #fff;
}

.farmer-inventory-management__add-to-lfi-btn:hover,
.farmer-inventory-management__add-to-lfi-btn:focus {
	background: #005e5c;
	border-color: #005e5c;
}

/* STEMZ CATALOG */

.stemz-catalog__main-section {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
	margin-bottom: 20px;
}

.stemz-catalog__card .stemz_catalog__img {
	width: 100%;
	height: 250px;
	grid-column: 1 / -1;
}

.stemz_catalog__img img {
	width: 100%;
	height: 100%;
}

.stemz-catalog__product-info {
	grid-column: 1 / -1;
}

/* BANNERS */

/* PAGINATION */

.my-farms-inventory__pagination,
.stemz-catalog__pagination {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 0 50px;
}

.my-farms-inventory__pagination > p,
.stemz-catalog__pagination > p {
	grid-column: 1 / -1;
	text-align: center;
}

.my-farms-inventory__pagination button,
.stemz-catalog__pagination button {
	background: #fff;
	border-color: rgba(0, 125, 122, 1);
	color: rgba(0, 125, 122, 1);
	font: 'DM Sans';
	font-weight: 500;
	font-size: 1rem;
}

.my-farms-inventory__pagination button:hover,
.my-farms-inventory__pagination button:focus,
.stemz-catalog__pagination button:hover,
.stemz-catalog__pagination button:focus {
	background: rgba(0, 94, 92, 1);
	border-color: rrgba(0, 94, 92, 1);
	color: #fff;
}

/* MODALS */

.farmer-inventory-management__modal.open::backdrop {
	background: rgba(35, 50, 53, 0.6);
}

/* confirmation modal */

.management-confirmation-modal {
	font-family: 'DM Sans';
	padding: 80px;
	border: none;
}

.management-confirmation-modal .farmer-inventory-management__modal-info {
	display: flex;
	gap: 23px;
	flex-direction: column;
	align-items: center;
	max-width: 330px;
}

.management-confirmation-modal .farmer-inventory-management__modal-info * {
	margin: 0;
}

.management-confirmation-modal .farmer-inventory-management__modal-info p {
	color: #000;
	font-weight: 400;
	font-size: 1.37rem;
	text-transform: uppercase;
	text-align: center;
}

.management-confirmation-modal .farmer-inventory-management__modal-info h3 {
	color: #007d7a;
	font-weight: 500;
	font-size: 1.75rem;
	text-transform: uppercase;
	text-align: center;
}

.management-confirmation-modal .modal-close-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border: none;
	border-radius: 0;
	background: rgba(255, 255, 255, 0);
	cursor: pointer;
	position: absolute;
	top: 17px;
	right: 10px;
}

/* product management modal */

.farmer-inventory-management__modal.open.management-products-modal {
	display: grid;
	grid-template-rows: 1fr;
	gap: 20px;
}

.open.management-products-modal .modal-images {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.open.management-products-modal .modal-images img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.management-products-modal .farmer-inventory-management__modal-info {
	display: flex;
	gap: 5px;
	flex-direction: column;
	justify-content: flex-start;
}
.farmer-inventory-management__modal-info
	.farmer-inventory-management__add-to-lfi-save-btn {
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #007d7a;
	border-color: #007d7a;
	color: #fff;
	font-family: 'DM Sans';
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
}

.farmer-inventory-management__modal-info
	.farmer-inventory-management__add-to-lfi-save-btn:hover,
.farmer-inventory-management__modal-info
	.farmer-inventory-management__add-to-lfi-save-btn:focus {
	background-color: #005e5c;
	border-color: #005e5c;
}

.farmer-inventory-management__add-to-lfi-save-btn.disabled {
	background-color: #b3cece;
	border-color: #b3cece;
	cursor: not-allowed;
}

.farmer-inventory-management__add-to-lfi-save-btn.disabled:hover {
	background-color: #b3cece;
}

/* MEDIA QUERIES */

@media (min-width: 632px) {
	/* current sales cycle */
	.current-sales__product-card {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 1fr;
	}

	.current-sales__product-img {
		grid-column: 1 / 2;
		grid-row-start: 1;
	}

	.current-sales__product-img:not(.stemz_catalog__img):not(
			.my-farms-inventory__img
		) {
		max-height: 200px;
	}

	.current-sales__product-info {
		grid-column: 2 / -1;
	}

	.current-sales__add-lfi {
		grid-template-rows: 1fr;
		grid-template-columns: 1fr 1fr;
	}

	.current-sales__product-details {
		width: 55%;
	}

	.current-sales__product-details p {
		font-size: 12px;
	}

	.current-sales__product-sales {
		font-size: 12px;
		flex: 1;
	}

	/* current lfi listings  */

	.current-lfi__product-card {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 1fr;
	}

	.current-lfi__product-img {
		grid-column: 1 / 2;
		grid-row-start: 1;
	}

	.current-lfi__product-img {
		max-height: 275px;
	}

	.current-lfi__product-info {
		grid-column: 2 / -1;
	}

	.current-lfi__add-lfi {
		grid-template-rows: 1fr;
		grid-template-columns: 1fr 1fr;
	}

	.current-lfi__product-details {
		width: 55%;
	}

	.current-lfi__product-details p {
		font-size: 12px;
	}

	.current-lfi__product-sales {
		font-size: 12px;
		flex: 1;
	}

	/* stemz catalog */
	.stemz-catalog__card .stemz_catalog__img {
		grid-column: 1 / 2;
	}

	.stemz-catalog__card .stemz-catalog__product-info {
		grid-column: 2 / -1;
	}
}

@media (min-width: 768px) {
	/* current sales cycle */
	.current-sales__banner {
		flex-direction: row;
		justify-content: space-between;
	}

	.current-sales__banner div:last-of-type {
		text-align: right;
	}

	/* current lfi listings */

	/* my farm's inventory */
	.my-farms-inventory__main-section {
		grid-template-columns: 1fr 1fr;
	}

	.my-farms-inventory__pagination {
		margin: 0 100px;
	}

	/* stemz catalog */
	.stemz-catalog__main-section {
		grid-template-columns: 1fr 1fr;
	}

	/* MODALS */
	.farmer-inventory-management__modal.open.management-products-modal {
		grid-template-rows: 60% 1fr;
	}
}

@media (min-width: 1024px) {
	/* current sales cycle */
	.current-sales-container {
		grid-template-columns: 1fr 1fr;
	}
	.current-sales__details-sales {
		flex-direction: row;
		align-items: center;
		margin: 0;
	}
	.claim__dropoff--box div {
		padding: 5px;
	}

	/* current lfi listings */
	.current-lfi-container {
		grid-template-columns: 1fr 1fr;
	}
	.current-lfi__details-sales {
		flex-direction: row;
		align-items: center;
		margin: 0;
	}

	/* my farm's inventory */
	.my-farms-inventory__main-section {
		grid-template-columns: repeat(3, 1fr);
	}

	.my-farms-inventory__pagination,
	.stemz-catalog__pagination {
		margin: 0 300px;
	}

	/* stemz catalog */
	.stemz-catalog__main-section {
		grid-template-columns: repeat(3, 1fr);
	}

	/* MODALS */
	.farmer-inventory-management__modal.open.management-products-modal {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 100%;
		gap: 50px;
		padding: 75px 145px;
		width: 80%;
		height: 85%;
	}
}