/* Checkout Page */
#map {
	height: 448px;
	width: 448px;
}

/* Any */
.checkout-container {
	margin: 8px;
}
.checkout-content {
	padding: 8px;
}
.checkout-cart {
	display: flex;
	flex-direction: column;
}
.checkout-cart-detail {
	display: flex;
	flex-direction: row;
}
.checkout-action {
	display: flex;
	padding: 8px;
}
.checkout-action a {
	width: 100%;
}
.checkout-delivery-container {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.checkout-delivery-detail {
	display: flex;
	flex-direction: column;
}
.checkout-delivery-item {
	width: 100%;
	padding: 12px 0;
}
.checkout-delivery-confirmation {
	width: 100%;
}
.checkout-pinpoint {
	display: flex;
	flex-direction: column;
}
.checkout-pinpoint button {
	color: var(--text-color);
	background-color: var(--bg-color);
}
.checkout-pinpoint button:hover {
	color: var(--text-color);
	background-color: var(--bg-color);
}

/* Transaction Detail */
.transaction-summary {
	display: flex;
	flex-direction: column;
	margin: 8px 0 16px 0;
}
.transaction-coupon input[type="text"]:focus {
	box-shadow: none;
}
.transaction-coupon-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	background-color: #ffffff;
	color: var(--theme-deafult);
	padding: 8px 16px;
	border-radius: 8px;
	border: 1px solid var(--theme-deafult);
	outline: none;
	cursor: pointer;
}
.transaction-coupon-button:hover {
	background-color: var(--theme-deafult);
	color: #ffffff;
	transition: 0.3s ease-in-out;
}
.transaction-coupon-success {
	font-weight: bold;
	display: none;
	color: #23A546;
	font-size: 80%;
	margin-top: 0.25rem;
}
.transaction-detail {
	display: flex;
	flex-direction: column;
}
.transaction-detail-total {
	display: flex;
	margin: 4px 0;
}
.transaction-total-text {
	flex: 1;
	color: #6c757d;
}
.transaction-total-price {
	font-weight: 700
}

/* Coupon List */
.list-coupon {
	margin-top: 12px;
	max-height: 500px;
	overflow: auto;
}
.list-coupon::-webkit-scrollbar {
	width: 5px;
}
.list-coupon::-webkit-scrollbar-track {
	border-radius: 10px;
}
.list-coupon::-webkit-scrollbar-thumb {
	border-radius: 10px;
}
.list-coupon-item {
	display: flex;
	padding: 10px;
	border: none;
}
.list-coupon-content {
	flex: 1 1 0;
	margin-right: 8px;
}
.list-coupon-action {
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-coupon-action button:hover {
	background-color: var(--bg-color);
	opacity: 0.8;
}
.coupon-content-code {
	font-size: 14px;
}
.coupon-content-code span {
	font-weight: 600;
}
.coupon-content-snk {
	margin-top: 12px;
	font-weight: 600;
	font-size: 12px;
}
.coupon-snk-item {
	font-size: 12px;
}
.btn-coupon-pilih {
	padding: 5px 10px;
	margin: auto 8px auto auto;
	border: none;
	background-color: var(--bg-color);
	color: var(--text-color);
	text-transform: none;
}

/* Map Pinpoint */
.map-search {
	position: absolute;
	width: 300px;
	top: 20px;
	left: 20px;
	border-radius: 5px;
}
.map-search input[type=text] {
	z-index: 10;
	border-radius: 0 5px 5px 0;
	border-color: white;
}
.map-search input[type=text]:focus {
	box-shadow: none;
}
.map-search div button {
	background-color: var(--bg-color);
	color: var(--text-color);
	border-radius: 5px 0 0 5px;
	border-color: var(--bg-color);
}
.btn-map-select {
	border: 1px solid var(--bg-color);
}
.btn-map-select:hover {
	border: 1px solid var(--bg-color);
	opacity: 0.8;
	outline: none;
}
.btn-map-select:focus {
	border: 1px solid var(--bg-color);
	opacity: 0.8;
	outline: none;
}
.gm-ui-hover-effect {
    display: none !important;
}
.gm-style .gm-style-iw-c {
	padding: 0 !important;
	box-shadow: none !important;
	z-index: 1;
	outline: none !important;
}
.gm-style-iw-d {
	overflow: unset !important;
	box-shadow: none !important;
	z-index: 1;
	outline: none !important;
}
.gm-style .gm-style-iw-t::after {
	background: linear-gradient(45deg,var(--bg-color) 50%,var(--bg-color) 50%,var(--bg-color) 100%);
	z-index: 0;
}

/* Merchant Schedule */
.info-schedule {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: left;
	font-size: 14px;
}
.info-schedule > span {
	font-size: 16px;
	margin: 8px 0;
}
.info-schedule h4 {
	width: fit-content;
	font-size: 20px; 
	font-weight: bold;
	margin: 8px 0;
}
.info-schedule-item {
	display: flex;
}
.schedule-item-day {
	width: 70px;
	margin-bottom: 4px;
	font-weight: 600;
}
.schedule-item-time {
	width: 105px;
	margin: 0;
}

/* Media query */
@media (max-width: 576px) {
	.qty-item {
		width: 100%;
		justify-content: end; }
	.quantity {
		width: 30px;
		text-align: center;
		line-height: 30px;
		font-weight: 900; }
	.checkout-pinpoint {
		width: 100%;
		padding: 8px 0 0 0; }
	.checkout-pinpoint label {
		padding-right: 4px; } }