body {
	color: #333;
}

.opacity-100 { opacity: 1 !important; }
.opacity-75 { opacity: .75 !important; }
.opacity-50 { opacity: .5 !important; }
.opacity-25 { opacity: .25 !important; }
.opacity-0 { opacity: 0 !important; }

.mt-10 {
	margin-top: 6rem;
}

.mt-15 {
	margin-top: 9rem !important;
}
.fs-7 {
	font-size: 0.875rem;
}
.fw-semibold {
    font-weight: 600 !important;
}
.underline-link {
	text-decoration: underline;
}
.underline-link:hover{
	text-decoration: none;
}
.line-height-normal {
	line-height: normal;
}

strong,
.fw-bold {
	color: #333;
}
.btn-link:hover {
    color: #ffb524;
}
.bg-warning {
    background-color: #feb435 !important;
}
.modal-footer {
	    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.input-group>.form-control.inputQuantity{
	width: calc(100% - 56px);
	flex: none;
}
.input-group>.form-control.inputOrderQuantity,
.input-group>.form-control.cart-qty {
	width: 50px;
	flex: none;
}
.review-items-table {
	min-width: 516px;
}
.cart-items-table {
	min-width: 696px;
}
.action-col {
	width: 60px;
	flex: none;
}
.incrementQty,
.decrementQty {
	width: 28px;
	flex: none;
}
.location-txt {
	position: absolute;
    font-size: 10px;
    background: #fec029;
    font-weight: bold;
    padding: 0px 5px;
    border-radius: 4px;
    bottom: -2px;
    left: -1px;
}
.map-modal {
	padding: 0px 10px 10px;
    border-radius: 6px;
    border: #dee2e6 solid 1px;
	transition: all 0.3s ease;
	position: relative;
	margin-right: 10px;
}
.map-modal:hover{
    border: #fec029 solid 1px;
    background: #fff9e9;
}
.category_image {
	width: 60px;
	height: 60px;
	flex: none;
	overflow: hidden;
}
.custom-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	/* Remove default background */
	padding-right: 30px;
	/* Adjust for custom icon spacing */
}

.product-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: linear-gradient(to top,
			rgba(173, 216, 230, 0.2),
			rgba(255, 255, 255, 0.6));
	/* Light blue gradient */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	/* Soft shadow for depth */
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	/* Smooth hover effect */
	overflow: hidden;
}

.bundle-item {
	height: 36rem !important;
}

.addItemButton {
	background-color: #f3a847 !important;
	color: #000;
	align-self: flex-end;
	display: inline-block;
	text-align: center;
	width: 75%;
	padding: 10px 20px;
	color: #fff;
	font-weight: bold;
	border: 2px solid #007bff;
	border-radius: 30px;
	transition: all 0.3s ease;
	position: relative;
}


.quantity-controls .btn {
	background-color: rgba(173, 216, 230, 0.8);
	/* Match the gradient style */
	border-color: rgba(135, 206, 250, 0.8);
	/* Soft blue border */
	color: #6c757d;
	/* Neutral text color */
}

.quantity-controls .btn:hover {
	background-color: rgba(135, 206, 250, 0.9);
	/* Slightly darker blue on hover */
	color: #000;
	/* Darker text on hover */
}

/* Start :: Profile Page */
.content-area {
	background-color: #e3f2fd;
	padding: 20px;
	border-radius: 5px;
}

.sidebar {
	background-color: #f8f9fa;
	border-radius: 5px;
}

.badge {
	background-color: #0d6efd;
}

.nav-link.active {
	background-color: var(--blue-800);
	color: #fff !important;
	border: none;
	border-radius: 5px;
}

/* End :: Profile Page*/

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	background-color: var(--blue-800) !important;
}

.navbar-light .navbar-nav .nav-link {
	color: #333;
	font-weight: 500;
}

.separator {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	/* Adjust based on your layout */
}

.line {
	width: 1px;
	height: auto;
	/* Adjust the height as needed */
	min-height: 160px;
	background-color: #ccc;
	margin: 5px 0;
}

.or-text {
	font-weight: bold;
	padding: 5px 0;
	font-size: 1em;
}

/* Ensure the vertical container has proper scrolling */
.vertical-container {
	max-height: 62vh;
	overflow-y: auto;
	padding-right: 20px;
}

#main-container {
	position: relative;
	overflow: hidden;
	width: 100%;
}

/* Background image with blur effect */
#main-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/0-1.jpg") no-repeat center center;
	background-size: cover;

	z-index: -1;
}

/* Color overlay */
#main-container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	/* Adjust overlay color and transparency */
	z-index: -1;
}

/* Cart Page */
.qty-title { width: 104px; text-align: center; }
.total-title { width: 200px; text-align: right; }
.action-title { width: 100px; text-align: right;}

.order-free-items,
.free-items,
.bundle-items {
    padding-left: 96px;
}

.order-summary,
.checkout-summary,
.cart-summary {
    width: 460px;
}
.disabled-item {
	opacity: 0.3;
	pointer-events: none;
}

.enable-qty {
	opacity: 1 !important;
	pointer-events: auto !important;
}

.alert-danger.location-alert {
	background-color: #fff5f6;
}
.alert-danger.location-alert .btn-warning {
	    background-color: #fff6da;
}
.alert-danger.location-alert .btn-warning:hover{
	background-color: #ffca2c;
}
.alert-info .alert-text,
.alert-danger.location-alert .alert-text {
	font-size: 14px;;
}

.cart-item-image {
	width: 80px;
	flex: none;
}

.free-item-image,
.bundle-item-image {
	width: 60px;
	flex: none;
}
.delivery-radio:has(.form-check-input[type="radio"]:checked) {
	border-color: #f6ae33 !important;
	background: #fff7e9;
}
 .sticky-cart {
	position: sticky;
	top: 207px;
 }
 .sticky-checkout-summary {
	position: sticky;
	top: 155px;
 }
 .verify-btn {
	height: 50px;
 }
 .other-product-image {
	aspect-ratio: 4/3;
	display: flex;
    justify-content: center;
    align-items: center;
 }
 .other-product-image img{
max-height: 200px;
    width: auto;
 }
 .cart-image {
	width: 80px;
	flex: none;
	height: 80px;
 }
 .bundle-cart-image,
  .cart-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
  }

  .bundle-cart-image {
	width: 60px;
	flex: none;
	height: 60px;
	margin-left: 20px;
  }
  .edit-bag {
	text-decoration: underline;
  }
    .edit-bag:hover {
	text-decoration: none;
  }
  .rounded {
    border-radius: 6px !important;
}
.mini-cart-items {
	max-height: 440px;
	overflow-y: auto;
	padding-right: 10px;
}

.event-date-duration .input-group-text,
.duration-field .input-group-text {
	padding: 0.375rem 8px;
}
.locationDiv .event-field .event-location {
	height: 38px;

}
.booking-row {transition: all 0.5s ease;}
.booking-row:hover {background: #fff6da;}
.booking-row .badge { border-radius: 4px; padding: 4px 6px; }

.col-id { width: 70px; flex: none; }
.col-event { flex: none;  flex-grow: 1 !important;}
.col-date { width: 100px; flex: none; }
.col-items { width: 100px; flex: none; text-align: center; }
.col-total { width: 120px; flex: none; text-align: right; }
.col-status { width: 120px; flex: none; }
.col-actions { width: 60px; flex: none; text-align: right; }

/* Host Table Layout */
.host-row-title, .host-row { display: flex; align-items: center;}
.host-col-name { flex: 1; min-width: 130px; }
.host-col-nickname { flex: 1; min-width: 130px; }
.host-col-address { flex: 2; min-width: 220px; }
.host-col-contact { flex: 1; min-width: 130px; }
.host-col-email { flex: 1; min-width: 130px; }
.host-col-actions { flex: 1; min-width: 100px; text-align: right; }

@media (max-width: 991px) {
  .host-row-title { display: none; }
  .host-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .host-row > div {
    flex: 1 1 50%;
    font-weight: 700;
  }
  .host-col-actions {
    flex: 1 1 100%;
    text-align: left;
    margin-top: 8px;
  }
  .label-txt { font-size: .8rem; font-weight: 500; }
}




.filter-icon,
.products-fitler svg { width: 22px; cursor: pointer; }


.category-scroll-wrapper {
	position: sticky;
	top: 100px;
	z-index: 2;
	max-height: calc(100vh - 335px);
	overflow-y: auto;
}
.category-scroll-wrapper::-webkit-scrollbar {
	width: 6px;
}

.category-scroll-wrapper::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 3px;
}
.category-sticky {
		position: sticky;
		top:190px;
}
.footer-links {
	padding: 0px;
	list-style: none;
}
.footer-links li {
	margin-bottom: 8px;
}
.footer-links li a:hover{
	text-decoration: underline;
}
.info-button {
	border-color: #0dcaf0;
}
.info-button:focus,
.info-button:hover {
    background-color: #e3faff;
    border-color: #0dcaf0;
	color:#333;
	box-shadow: none;
}
.bundle-items-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	flex: none;
}
.bundle-items-image img.img-fluid {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media (max-width: 1024px) {
	#main-container::before {
		background-position: center top;
	}
	.header-icons {
		justify-content: center;
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
		gap: 0.5rem !important;
		color: rgb(0, 0, 0);
		background-color: rgb(255, 193, 7);
		border-color: rgb(255, 193, 7);
		border-bottom-right-radius: 10px !important;
    	border-bottom-left-radius: 10px !important;
	}
	/* .eventInfoStaticBlock {
		width: 80% !important;
	} */
	/* #eventDateSection .col-md-3, #eventDateSection .col-md-4 {
		width: 50% !important;
	} */
	.custom-edit-modal {
		padding: 1rem !important;
	}
	#mapModal .mapView {
		width: 55% !important;
	}
	#mapModal .warehouseView {
		width: 45% !important;
	}
	/* .container-fluid .category-product-list .product-card .productImage{
		width: 25% !important;
	} */
	/* .container-fluid .category-product-list .product-card .productDescription {
		width: 50% !important;
	} */
	/* .container-fluid .category-product-list .product-card .product-list {
		width: 25% !important;
	} */
	/* .container-fluid .cart-summary {
		width: 65% !important;
		padding: 1rem !important;
	} */
	.container-fluid .scrollable-cart-items {
		width: 100% !important;
	}
	.container-fluid .cart-row {
		justify-content: center !important;
	}
}

/* Tablet view */
@media (max-width: 768px) {

	#main-container::before {
		background-size: cover;
		background-position: center top;
	}

	/* .eventInfoStaticBlock {
		width: 95% !important;
	} */

	/* .hero-header,
    .page-header {
        margin-top: 95px !important;
    } */
	.cart-icon {
		margin-right: -20px !important;
		margin-top: 23px !important;
	}
	/* .container-fluid .category-product-list .product-card .productImage{
		width: 21% !important;
	} */
	/* .container-fluid .category-product-list .product-card .productDescription {
		width: 50% !important;
	} */
	/* .container-fluid .category-product-list .product-card .product-list {
		width: 29% !important;
	} */
	.custom-edit-modal {
		padding: 1rem !important;
	}
	#mapModal .googleMap{
		width: 580px !important;
		height: 250px !important;
	}
	#mapModal .warehouseView {
		width: 100% !important;
	}
	.modal-dialog-scrollable {
		min-height: 100% !important;
		padding: 1rem !important;
		max-width: 80% !important;
		margin: 0px auto;
	}
	 #warehouseDetailsView #warehouseDetailsContent {
		max-height: calc(100dvh - 500px) !important;
		height: 100dvh !important;
	}
	#warehouseListView #locationList{
		max-height: calc(100dvh - 500px) !important;
		height: 100dvh !important;
	}
	/* .product-card .product-cta .quantity-group {
		width: 100px !important;
	} */
	/* .container-fluid .vertical-container .productCard {
		max-width: 50% !important;
		max-height: 50% !important;
	} */
	/* .container-fluid .cart-summary {
		width: 60% !important;
	} */
	.product-card .product-cta .purchaseOptions .quantity-group {
        width: 100% !important;
    }

	.container .scrollable-section {
		width: 100% !important;
	}
}
@supports (-webkit-touch-callout: none) {
	@media screen and (max-device-width: 768px) {
		#warehouseListView #locationList {
			padding-bottom: 10px;
		}
		#warehouseDetailsView #warehouseDetailsContent {
			padding-bottom: 10px;
		}
		#itemsSection .mobile-filters .modify-filters ul, .filters ul{
			padding-bottom: 80px;
		}
	}
}
html:has(body.modal-open) {
	overflow:hidden ;
}
/* Base Card Styling */

.category-image {
	display: flex;
	max-width: 225px;
	max-height: 225px;
}
.first-footer {
	/* background-image: linear-gradient(to bottom, #ebf0ff 0%, #d5f0fd 100%); */
	background-image: linear-gradient(to bottom, #fff4eb 0%, #f1eddc 100%);
	color: #000;
}
.first-footer .social-icon .btn-outline-primary:hover{
	color: #ffffff;
}

.navbar .navbar-nav .nav-link:hover {
	color: #ffb524;
}

/* .order-summary-review {
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 8px;
	background-color: white;
} */

.order-title {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.alert-warning {
	font-size: 14px;
}

#message-container .alert{
	padding: 0.6rem 3rem 0.5rem 0.6rem;
}
#message-container .alert-dismissible .btn-close {
	    padding: 0.8rem 1rem;
}

.order-table td {
	padding: 8px;
	font-size: 16px;
}

.total-text {
	font-size: 22px;
	font-weight: bold;
	color: blue;
	text-align: center;
}

.checkout-btn {
	width: 100%;
	background-color: #ffd700;
	font-size: 20px;
	font-weight: bold;
	color: black;
	padding: 10px;
	border: none;
	border-radius: 6px;
}

.checkout-btn:hover {
	background-color: #ffc107;
}

.order-container {
	margin: 0 auto;
	/* padding: 20px;
	border: 1px solid #ccc; */
	background-color: white;
}

.checkmark {
	font-size: 40px;
	color: green;
}

.order-id {
	font-weight: bold;
	font-size: 22px;
}

.btn-modify {
	background-color: #ffd700;
	color: black;
	font-weight: bold;
	padding: 8px 15px;
	border-radius: 5px;
	text-decoration: none;
}

.pickup-dropoff-box {
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}

.total-section {
	font-size: 22px;
	font-weight: bold;
}

.discount-box {
	background-color: #f8f9fa;
	padding: 15px;
	text-align: center;
	border-radius: 5px;
	margin-top: 20px;
}

	.active-category {
	background: #ffb524;
	background: linear-gradient(270deg,rgba(255, 255, 255, 1) 0%, rgba(255, 181, 36, 0.70) 100%);
	border: none !important;
	transition: all 0.2s ease-in-out;
}

.category-default:hover {
	background: #ffb524;
	background: linear-gradient(270deg,rgba(255, 255, 255, 1) 0%, rgba(255, 181, 36, 0.70) 100%);
	text-decoration: none;

}
.active-category .text-dark,
.category-default .text-dark{
	color: #000 !important;
	font-weight: 500;
}

.category-default {
	background-color: #fff;
	transition: all 0.2s ease-in-out;

}
.category-default:hover {
	text-decoration: none;
}

@media (max-width: 425px) {
	.container-fluid .category-product-list .product-card .productImage,
    .container-fluid .category-product-list .product-card .productDescription,
    .container-fluid .category-product-list .product-card .product-list {
		width: 100% !important;
	}

	.fixed-top {
		height: 0;
	}
}

@media (max-width: 991px) {

	.action-title {
		width: auto;
	}
	.booking-row {
		flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0px !important;
	}
	.booking-row .col {
		width: 50%;
		text-align: left;
		margin-bottom: 10px;
		font-weight: bold;
	}
}

/* Make modal wider on desktop */
@media (min-width: 768px) {


	.custom-edit-modal .modal-dialog {
		margin-left: auto;
		margin-right: auto;
	}

	.custom-edit-modal .modal-content {
		border-radius: 0.5rem;
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	}
}

.modal-top-offset {
	margin-top: 5rem !important;
}

.flatpickr-input {
	width: 100%;
}
#modifyOrder .form-control {
	height: 38px;;
}
.border {
	border: 1px solid #ced4da !important;
}
.form-check-input {
	flex: none;
}

.product-card {
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.5rem;
	transition: box-shadow 0.2s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.product-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.product-image {
	width: 100%;
	text-align: center;
	padding: 0;
	margin-bottom: 15px;
	flex-shrink: 0;
}
#vertical-view .product-card .product-image {
	height: 115px;
}


.product-image img {
	max-height: 115px;
	width: auto;
	object-fit: contain;
}

.product-details a {
	font-weight: 600;
	font-size: 1.05rem;
	text-decoration: none;
	/* min-height: 3.2rem; */
	display: inline-block;
	margin-bottom: 15px!important;
}

.product-details p {
	font-size: 0.95rem;
	margin-bottom: 0.5rem;
}

.quantity-group input.quantity-input {
	max-width: 50px;
	padding: 0.25rem 0.5rem;
	height: 32px;
}

.btn.addItemButton {
	white-space: nowrap;
	font-size: 0.875rem;
	padding: 0.4rem 0.8rem;
}

@media (max-width: 575px) {
	.product-card {
		flex-direction: column;
		text-align: center;
	}

    .order-free-items,
    .free-items,
    .bundle-items {
        padding-left: 20px;
    }

    .event-search-content {
        padding: 0px;
    }

    .booking-row .col.col-event {
        width: 100%;
    }


	/* .eventInfoStaticBlock {
		width: 90% !important;
	} */
	/* .hero-header,
    .page-header {
        margin-top: 64px !important;
    } */
	.hero-header,
    .page-header.signin-options {
		margin-top: 90px !important;
	}
	.hero-header,
    .page-header.main-checkout {
		margin-top: 90px !important;
	}
	.custom-edit-modal{
		margin-top: 10rem;
		padding: 1rem !important;
	}
	#mapModal .googleMap{
		height: 250px !important;
	}
	.modal-dialog-scrollable {
		min-height: 98% !important;
		padding: 1rem !important;
		max-width: 100% !important;
		margin: 0px auto;
	}
	#mapModal .modal-dialog-scrollable {
		min-height: 100% !important;
	}

	.cart-icon {
		margin-right: 52px !important;
		margin-top: 0px !important;
	}
	.container-fluid .scrollable-cart-items .img-fluid {
		max-width: none !important;
	}
	/* .product-card .product-list {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	} */
	/* .container .profile-tabs {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	} */
	#eventDateSection .col-md-3, #eventDateSection .col-md-4 {
		width: 100% !important;
	}

	.authentication .col-md-5 {
		width: 100% !important;
	}
	.authentication .col-md-6 {
		width: 100% !important;
	}
	.modal-fullscreen-sm-down .modal-content {
		border-radius: 0;
	}
	.modal-footer {
		position: sticky;
		bottom: 0;
		z-index: 1055;
		border-top: 1px solid #dee2e6;
	}
}

.cart-icon {
	margin-right: -18px;
}



#profileTabs .nav-tabs .nav-item:hover {
	background-color: #dae3ed;
}
#profileTabs .nav-link{
    color: #333;
	font-weight: 500;
}


#profileTabs .nav-link:hover {
    color: #ffb524;
}
.btn.addItemButton {
	white-space: nowrap;
	font-size: 0.875rem;
	padding: 0.4rem 0.8rem;
}

.category-card {
	background-color: #edf3fa !important;
}

.category-card span {
	color: #3674B5;
	font-size: 1.1rem;
}

.category-card:hover {
	background-color: #89CFF3 !important;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-4px);
	transition: all 0.3s ease;
}

.category-card:hover span {
	color: #1f4f89;
}

.vendor-card {
	background-color: #BEADFA !important;
}

.vendor-card:hover {
	background-color: #A9C6FF !important;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
	transition: all 0.3s ease;
}

.bundleCard,
.bundle-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* height: 100%; */
	/* Ensures the card stretches to a consistent height */
	/* background-color: #f4f6f8 !important; */
	border: 1px solid #ced4da !important;
	border-radius: 1rem;
	overflow: hidden;
/* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); */
background: #FFF;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(244, 246, 248, 1) 100%);
	transition: all 0.3s ease;
}
.bundleCard:hover,
.bundle-card:hover {

/* background: #FFF;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, #f4f6f8 100%);	 */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;

}

.bundleCard .card-header h3,
.bundle-card .card-header h3 {
	font-size: 1.5rem;
	color: #2c3e50;
}

.bundleCard .card-title,
.bundle-card .card-title {
	font-size: 1.25rem;
	font-weight: 600;
}

.bundleCard .list-group-item,
.bundle-card .list-group-item {
	font-size: 0.95rem;
	padding: 0.75rem 1rem;
}

.bundleCard .btn-warning,
.bundle-card .btn-warning {
	background-color: #f7b731;
	border: none;
	transition: all 0.3s ease;
}

.bundleCard .btn-warning:hover,
.bundle-card .btn-warning:hover {
	background-color: #f5a623;
}

.form-control.border-bottom-only {
	border: none;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
	box-shadow: none;
	transition: border-color 0.3s ease;
	font-weight: 500;
	font-size: 1rem;
	bottom: 0;
	margin-top: 2px;
}

.form-control.border-bottom-only:focus {
	border-bottom-color: #007bff;
	/* Bootstrap primary */
	outline: none;
	box-shadow: none;
}

/* Ensure Google Autocomplete and Select2 dropdown appears above the modal */
.select2-container--open,
.pac-container {
	z-index: 9999 !important;
}

.invalid-feedback {
	display: block;
	font-size: 0.875em;
}



.custom-cursor-pointer {
	cursor: pointer !important;
}

.isInvalid {
	padding: 0.45rem !important;
	border: 1px solid #dc3545 !important;
	border-radius: 6px !important;
}

.select2-container--default .select2-selection--single.isInvalid {
	border: 1px solid #dc3545 !important;
	border-radius: 6px !important;
}

/* Ensure .z-index-custom appears above the backdrop */
.z-index-custom {
	z-index: 1060 !important;
}

/* Dimmed backdrop effect for the editModal */
.dimmed-backdrop {
	z-index: 1040;
	pointer-events: none;
}

.availability-border {
	border: 2px solid #198754 !important;
}

.bg-danger-light {
	background-color: #fff9f3;
}

/* .nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-color: rgba(0,0,0,0.5);
    z-index: 99;
} */

.table-fixed {
    table-layout: fixed;
    width: 100%;
}
.accordion-button:not(.collapsed) {
    color: #842029;
    background-color: #f5c2c7;
    box-shadow: none;
}
.accordion-item {
	font-size: small !important;
}
.accordion-button {
    font-weight: 500;
    padding: 10px 15px;
	font-size: small;
    border-radius: 10px !important;
    background-color: #f8d7da;
    color: #842029;
}
.accordion-body .list-group {
    list-style: none;
    padding: 0;
}
.accordion-body .list-group-item {
    padding: 8px 10px;
    border-left: 3px solid #dc3545;
    background-color: rgba(220, 53, 69, 0.1);
    margin-bottom: 4px;
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center;
}
.accordion-item {
	border: 1px solid #ffc107 !important;
	border-radius: 10px !important;
}

.pointer-events-none {
    pointer-events: none !important;
}

.pointer-events-auto {
    pointer-events: auto !important;
}

@media (max-width: 575px) {
    .order-container {
		border: none;
		padding: 15px;
	}

}
@media (min-width: 768px) {
/* .modal-bundle-listing, */
.home-products-listing,
.modal-products-listing,
.products-listing {
	display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, -webkit-max-content));
    grid-template-columns: repeat(auto-fit, minmax(320px, max-content));
	gap:20px;
}
.request-products-listing {
	display: grid;
	grid-template-columns: repeat(auto-fit, 180px);	gap:15px;
}
}
.no-product-text{
	grid-column: span 4;

}

.status-yellow {
    background-color: #ffd244;
    color: #212529 !important;
}

.status-blue {
    background-color: #8fe5f5;
    color: #212529 !important;
}

.status-red {
    background-color: #F8D7DA;
    color: #212529 !important;
}

.status-lightblue {
    background-color: #0dcaf0;
    color: #ffffff !important;
}

.status-grey {
    background-color: #6c757d;
    color: #ffffff !important;
}

.status-green {
    background-color: #84b28f;
    color: #ffffff !important;
}
.status-lightgreen {
    background-color: #D4EDDA;
    color: #212529 !important;
}
.status-softgreen {
    background-color: #84b28f;
    color: #212529 !important;
}
.status-paleyellow {
	background-color: #ffec47;
    color: #212529 !important;
}

.status-lightred {
	background-color: #fba5ac;
    color: #212529 !important;
}

.status-softblue{
    background-color: #b4d0ff;
    color: #212529 !important;
}

.go-to-cart-btn {
    position: fixed !important;
    bottom: -120px;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px;
    box-shadow: 0 0 15px #0001 !important;
    z-index: 9999;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.go-to-cart-btn.show {
    bottom: 0 !important;
    opacity: 1;
}

@media (max-width: 1199px) {
    .bundle-card .border-end {
        border-right: 0px solid #dee2e6 !important;
        border-bottom: 1px solid #dee2e6 !important;
    }

    .order-summary,
    .checkout-summary,
    .cart-summary {
        width: 100%;
        z-index: 10;
    }

	.summary-title {
        font-size: 18px;
    }

    .checkout-mobile-btn {
        position: fixed;
        bottom: 0px;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 15px;
		box-shadow: 0px 0px 15px 0px #0001 !important;
    }

    .go-to-cart-btn {
        position: fixed;
        bottom: 0px;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 15px;
		box-shadow: 0px 0px 15px 0px #0001 !important;
    }

	.category-scroll-wrapper {
		overflow-x: auto;
		white-space: nowrap;
	}

	  .category-scroll-wrapper {
      overflow-x: auto;
      white-space: nowrap;
    }

    .category-scroll-wrapper ul {
      display: inline-flex;
      flex-wrap: nowrap;
      gap: 1rem;
    }

    .category-scroll-wrapper li {
      flex: 0 0 auto;
      width: auto;
    }

    .category-scroll-wrapper a {
      min-width: 200px;
      display: inline-block;
    }
	body:has(.sticky-cta) {
		padding-bottom: 88px;
	}
}

#eventDateSection .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
}

.fixed-top {
    height: auto;
}

@media (max-width: 767px) {
	.edit-details {
		position: absolute;
		top:50%;
		right: 0px;
		transform: translateY(-50%);
	}
	.eventInfoStaticBlock {
		padding-right: 65px;
	}
	.request-products-listing {
    	display: grid;
		grid-template-columns: repeat(auto-fit, 47%);	gap:15px;
	}
	.container-fluid .vertical-container .productCard {
        max-width: calc(50% - 8px) !important;
        max-height: 100% !important;
		margin: 0px !important;
    }
	.home-products-listing,
	.products-listing {
		gap:16px;
	}
	#vertical-view.vertical-container {
		padding-right: 10px;
	}
	.order-actions {
        position: fixed;
        bottom: 0px;
        z-index: 99;
        background: #fff;
        box-shadow: 0px 0px 15px 0px #0001;
        width: 100%;
        left: 0;
        padding: 15px;
	}
	.order-actions button.btn {
		width: 100%;
	}
    .bundle-group .bundle-col {
       	 width:100%;
    }
}
@media (max-width: 575px) {
	.home-products-listing,
	.products-listing {
		row-gap:16px;
		column-gap:8px;
	}
	.container-fluid .vertical-container .productCard {
        max-width: calc(50% - 4px) !important;
	}
	#vertical-view .product-card .product-image {
        height: 90px;
    }
    .product-image img {
        max-height: 90px;
    }
    .product-details a {
        font-size: 15px;
    }
	.home-products-listing .product-card .btn.addItemToCart,
    .products-listing .product-card .btn.addItemToCart {
        font-size: 14px;
    }
}

.eventInfoStaticBlock .text-black-50,
.eventInfoStaticBlock .edit-badge{
	transition: all 0.3s ease;
}

.eventInfoStaticBlock .col:hover .text-black-50,
.eventInfoStaticBlock .edit-badge:hover{
	color: #282c30 !important;
}

#eventDateSection .select2-container--default .select2-selection--single {
	padding: 8px 0px !important;
}
.custom-edit-modal #eventDateSection .warehouseDiv .select2-container--default .select2-selection--single,
#eventDateSection .choose-rental-location .select2-container--default .select2-selection--single {
border: 1px solid #ced4da !important;
border-radius: 6px;
padding: 6px 8px !important;
height: 38px !important;
}

#eventDateSection .select2-container--default .select2-selection--single .select2-selection__rendered,
.fw-medium {
  font-weight: 500 !important;
}

@media (max-width: 991px) {
    .bundle-card .border-end {
        border-right: 0px solid #dee2e6 !important;
        border-bottom: 1px solid #dee2e6 !important;
    }
}
.sticky-header{
    box-shadow: 0px 0px 25px 0px #0002
}
.request-product {
	aspect-ratio: 5/3;
}
.request-product img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}
.request-card .card-title { font-size: 14px;}

.remove-item {
	width: 24px;
	height: 27px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.filters .slider-wrapper {
    border-radius: 0 !important;
}

.category-scroll-wrapper .slider-wrapper {
    border-radius: 0 !important;
    width: 45px !important;
    height: 45px !important;
}

.category-scroll-wrapper .category_image,
.category-scroll-wrapper .slider-wrapper .slider-inner img {
    width: 45px !important;
    height: 45px !important;
}

.slider-wrapper {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}

.slider-inner {
    display: flex;
    transition: transform 0.5s ease;
    height: 100%;
}

.slider-inner img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    flex-shrink: 0;
}


.swal-custom-padding .swal2-icon.swal2-question {
    border-color: #F8C54480 !important;
    color: #F8C544 !important;
}

.swal-custom-padding .swal2-title {
    color: #333 !important;
    font-weight: bold !important;
}
.swal2-styled.swal2-confirm,
.swal-custom-padding .swal2-confirm {
    background-color: #F8C544 !important;
    border-left-color: #F8C544 !important;
    border-right-color: #F8C544 !important;
    color: #333 !important;
}
.swal2-styled.swal2-confirm,
.swal-custom-padding .swal2-cancel,
.swal-custom-padding .swal2-confirm {
    font-weight: 700 !important;
}

.swal-custom-padding {padding:1em !important;}

.swal-custom-padding .swal2-content,
.swal-custom-padding .swal2-header,
.swal-custom-padding .swal2-actions {
    padding:0 0em !important;
}

.swal-custom-padding .swal2-actions {
    margin: 2em auto .25em !important;
	gap: 15px;
}

.swal-custom-padding .swal2-actions .swal2-styled {
    margin: 0px !important;
}

.swal-custom-padding .swal2-validation-message {
    margin: 0 !important;
}

.floating-quote-btn {
    position: fixed;
	width: 45px;
	height: 45px;
    bottom: 30px;
    right: 30px;
    z-index: 999;
    background:#f7b731;
    padding: 0px 0px;
    border-radius: 50px;
    transition: all 0.5s ease;
    overflow: hidden;
    white-space: nowrap;
}

.quote-icon-wrap {
    color: #000;
    padding: 0px 10px 0px 14px;
	height: 45px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.quote-label {
    font-size: 15px;
    color: #000;
	font-weight: 700;
    transition: 1s ease, transform 1s ease;
}



@media (min-width: 1400px) {
.home-bundle-listing .col-xxl-6.bundleCard {
		width: calc(50% - 12px);
	}
	.bundle-info-col,
	.bundle-price-col { height: 100%;}

}
@media (min-width: 1200px) {
	.floating-quote-btn:hover {
		padding-right: 15px;
		transition: all 0.5s ease;
		width: 145px;
	}
	.quote-label {
		transform: translateX(10px);
	}
	.floating-quote-btn:hover .quote-label {
		transform: translateX(0);
	}
	.custom-edit-modal .warehouseDiv,
    .choose-rental-location {
        max-width: 310px;
    }
    .custom-edit-modal .dateDiv,
    .event-date-duration {
            max-width: 340px;
    }
    .custom-edit-modal .locationDiv {
        max-width: 264px;
    }
    .event-search-content {
        max-width: 1296px;
    }

	.booking-row-title,
	.booking-row {
		width: 964px;
	}
	.mobile-filters.collapse,
	.filters.collapse {
        display: block !important;
    }
	.summary-collapse {
		pointer-events: none;
	}
	.bundle-group .bundle-col{
		width: calc(33.3333333333% - 16px);
	}
}

@media (max-width: 1199px) {
	.floating-quote-btn {
		width: 140px;
	}
	.quote-label {
		font-size: 14px;
	}
	.bundle-info-col {
		border-right: none !important;
	}
}

/* Responsive 1430px modal */
@media (min-width: 1200px) {
    .modal-1430 {
        max-width: 1430px;
		width: calc(100% - 30px);
    }
}

.force-hide {
    display: none !important;
}

.bg-event-duration {
	background-color: #ffb524 !important;
	color: #333
}

@media (min-width: 768px) and (max-width: 1199px) {
	.event-date-duration,
	.choose-rental-location{
        width: calc(50% - 8px);
        flex: none;
    }

    .start-renting-btn,
    .delivery-options {
        width: 100%;
        flex: none;
    }

	.home-bundle-listing .col-xxl-6.bundleCard {
		width: calc(50% - 12px);
	}
	.bundle-info-col{
		height: calc(100% - 114px);
	}

    .bundle-group .bundle-col {
       	 width: calc(50% - 12px);
    }
}


.required::after {
  content: " *";
  color: #dc3545 !important;
}

.error {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.custom-badge {
    font-size: 18px !important;
}
@media (max-width: 549px) {
	.swal-custom-padding .swal2-actions .swal2-styled {
		width: 100%;
	}
	.swal-custom-padding .swal2-actions {
		margin-top: 1em! important;
	}

}

@media (max-width: 425px) {
    .swal2-popup.modify-order-popup .swal2-confirm,
    .swal2-popup.modify-order-popup .swal2-cancel {
        width: 90% !important;
    }
}

/* Slightly above center modal */
.custom-modal-top{
    transform: translate(0,50px) !important; /* adjust -10% to move modal slightly above center */
}