/* Add here all your CSS customizations */
.stars-wrapper{
    display: none;
}
.search-style-1 {
    width: 150px;
}
.input-group-text {
    padding: 0.70rem 0.75rem;
}
.required-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ffc107; /* Bootstrap 黃色 */
    border-radius: 2px;
    margin-right: 4px;
}
.role-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    font-size: 14px;
}
.bg-pink {
    background-color: #ffb6c1 !important; /* 淺粉紅 */
}
.ecommerce-status.UNPROCESSED:before {
    background-color: gray;
}

.ecommerce-status.PROCESSING:before {
    background-color: deepskyblue;
}

.ecommerce-status.COMPLETED:before {
    background-color: gold;
}

.ecommerce-status.PAID:before {
    background-color: forestgreen;
}
/*
.ecommerce-status.UNPROCESSED {
    background-color: lightgray;
}

.ecommerce-status.PROCESSING {
    background-color: lightblue;
}

.ecommerce-status.COMPLETED {
    background-color: lightyellow;
}

.ecommerce-status.PAID {
    background-color: lightgreen;
} */


.shop .quantity {
	margin: 0 15px 25px 0;
	overflow: hidden;
	position: relative;
	width: 125px;
	height: 40px;
	float: left;
	background-color: white;
}

.shop .quantity .minus {
	background: transparent;
	border: 1px solid #F0F0F0;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	vertical-align: text-top;
	width: 40px;
	border-radius: 0.25rem 0 0 0.25rem;
}

.shop .quantity .plus {
	background: transparent;
	border: 1px solid #F0F0F0;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	vertical-align: text-top;
	width: 40px;
	border-radius: 0 0.25rem 0.25rem 0;
	right: 0;
	top: 0;
}

.shop .quantity .qty {
	border: 1px solid #F0F0F0;
	box-shadow: none;
	float: left;
	height: 40px;
	padding: 0 39px;
	text-align: center;
	width: 125px;
	font-weight: bold;
	font-size: 1em;
	outline: 0;
	border-radius: .25rem;
	display: flex;
    align-items: center; /* 垂直置中 */
    justify-content: center; /* 水平置中（可選） */
    height: 100%; /* 確保和父元素等高 */
}

.shop .quantity .qty::-webkit-inner-spin-button, .shop .quantity .qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.shop .quantity .qty::-ms-clear {
	display: none;
}

.shop .quantity.quantity-lg {
	height: 45px;
}

.shop .quantity.quantity-lg .minus {
	height: 45px;
	width: 45px;
}

.shop .quantity.quantity-lg .plus {
	height: 45px;
	width: 45px;
}

.shop .quantity.quantity-lg .qty {
	height: 45px;
}
/* Border Hover */
.border-color-hover-primary:hover {
	border-color: #d21829 !important;
}
.bg-color-hover-primary:hover, .bg-hover-primary:hover {
	background-color: #d21829 !important;
}
.text-color-hover-light:hover, .text-hover-light:hover {
	color: var(--light) !important;
}


.NOT_SHIPPED {
    background-color: lightgray;
}
.SHIPPED{
    background-color: lightblue;
}
.DELIVERED{
    background-color: lightyellow;
}
.PAID{
    background-color: lightgreen;
}
.select2-container--bootstrap.select2-container--open {
	z-index: 10013;
}