/**
 * Offer Your Price | Make an Offer | Customer Price
 *
 * @author    Nxtal <support@nxtal.com>
 * @copyright Nxtal 2024
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 * @version   3.0.1
 *
 */
 
#module-nxtalcustomerprice-offerprice #content table td{
    vertical-align: middle;
}
#module-nxtalcustomerprice-offerprice #content .product a{
    display: flex;
    align-items: center;
}
#module-nxtalcustomerprice-offerprice #content .product img{
    max-width: 50px;
	margin-right: 5px;
}
#module-nxtalcustomerprice-offerprice #content .offer-cart-button {
	display: flex;
    justify-content: center;
    margin-top: 5px;
}
#module-nxtalcustomerprice-offerprice #content .offer-cart-button .add-to-cart{
    padding: 5px 15px;
    font-weight: normal;
    text-transform: unset;
}

#module-nxtalcustomerprice-offerprice #content .base-price {
    text-decoration: line-through;
}

#module-nxtalcustomerprice-offerprice #content .base-price + .selling-price {
    font-weight: 600;
    color: #f39d72;
}
#module-nxtalcustomerprice-offerprice #content .customer-admin-price>div:first-child {
    text-decoration: line-through;
}
#module-nxtalcustomerprice-offerprice #content .customer-admin-price>div:last-child {
    text-decoration: none;
	color: #f39d72;
}
#module-nxtalcustomerprice-offerprice #content .nxtal-offerPrice {
	font-size: 0.65rem;
    font-style: italic;
	cursor: pointer;
}
#module-nxtalcustomerprice-offerprice #content .nxtal-offerPrice i{
	font-size: 0.65rem;
}

#module-nxtalcustomerprice-offerprice #content .offer-massage {
	max-width: 200px;
	cursor: pointer;
	position: relative;
}

#module-nxtalcustomerprice-offerprice #content .admin-massage {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
    background: #ffc10714;
}

#module-nxtalcustomerprice-offerprice #content .offer-massage>div:first-child {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	height: 25px;
}
#module-nxtalcustomerprice-offerprice #content .offer-massage>div:nth-child(2) {
	display: none;
}
#module-nxtalcustomerprice-offerprice #content .offer-massage.active>div:first-child {
	white-space: unset;
    overflow: unset;
    text-overflow: unset;
	height: auto;
}
#module-nxtalcustomerprice-offerprice #content .offer-massage.active>div:nth-child(2) {
	display: block;
}

#module-nxtalcustomerprice-offerprice #content .offer-list {
    border-bottom: 1px solid #9e9e9e5e;
    margin-bottom: 30px;
}
#module-nxtalcustomerprice-offerprice #content .offer-list li {
    margin-bottom: 10px;
}

.offer-status {
    color: #fff;
    padding: 1px 8px;
    font-size: .75rem;
    border-radius: 5px;
	display: inline-block;
}

.offer-status.expired {
	background: #ff0000;
}
.offer-status.rejected {
	background: #d5676f;
}
.offer-status.moderated {
	background: #fbbb22;
}
.offer-status.approved {
	background: #4cbb6c;
}
.offer-status.pending {
	background: #25b9d7;
}
.nxtal-product-offerPrice {
    display: flex;
	flex-wrap: wrap;
	margin: 10px 0px;
}
.product-miniature .nxtal-product-offerPrice {
    position: absolute;
    top: 0px;
    right: 0.635rem;
    z-index: 10;
}
.product-miniature .product-description .nxtal-product-offerPrice {
    display: none;
}
.product-miniature .wishlist-button-add + .nxtal-product-offerPrice {
    top: 3rem;
}
.product-miniature .nxtal-product-offerPrice .nxtal-offerPrice {
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 3rem;
    width: auto;
    min-width: 3rem;
    padding: 0.6rem;
    background-color: #9f8a64!important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease-out;
    border: 2px solid #ffffff!important;
    font-size: 0.9rem;
	line-height: 1.2em;
    text-align: center;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
	text-transform: initial!important;
}
.product-miniature .nxtal-product-offerPrice .nxtal-offerPrice br{
	display:block!important;
}
.product-miniature .nxtal-product-offerPrice .nxtal-offerPrice.active {
    background: #f39d72;
    color: #fff;
}
.product-miniature .nxtal-product-offerPrice .nxtal-offerPrice:active {
    transform: scale(1.2);
}
.product-miniature .nxtal-product-offerPrice .nxtal-offerPrice:hover {
	color:#ffffff;
    background-color: #000000!important;
    transform: scale(1.1);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
.offerprice-counter {
    display: inline-flex;
    flex-wrap: nowrap;    
    background: #f39d72;
    color: #fff;
    justify-content: center;
	align-items: center;
	padding: 2px 5px;
	font-size: 13px;
}
.offerprice-counter:empty {
	display: none;
}
.offerprice-counter > span:not(.counter_separator) {
	padding: 2px;
    min-width: 25px;
    text-align: center;
}
.nxtal-product-offerPrice .offer-status {
	display: flex;
    flex-direction: column;
    justify-content: center;
	border-radius: unset;
}

@media (max-width: 768px){
	#module-nxtalcustomerprice-offerprice #content .offer-cart-button {
		float: right;
	}
	#module-nxtalcustomerprice-offerprice #content .customer-admin-price, #module-nxtalcustomerprice-offerprice #content .product-price {
		display: flex;
	}
	#module-nxtalcustomerprice-offerprice #content .customer-admin-price > *, #module-nxtalcustomerprice-offerprice #content .product-price > * {
		margin-right: 10px;
	}
	#module-nxtalcustomerprice-offerprice #content .offer-massage {
		max-width: 100%;
	}
	#module-nxtalcustomerprice-offerprice #content .offer-massage:not(.active):after {
		content: attr(data-expend);
		position: absolute;
		top: 2px;
		right: 2px;
		text-decoration: underline;
		font-style: italic;
	}
	
	#module-nxtalcustomerprice-offerprice #content .offer-massage:not(.active)>div:first-child {
		width: calc(100% - 100px);
	}
}

#product-offerPrice-modal .modal-dialog {
    max-width: 600px;
}
#product-offerPrice-modal .input-group-addon {
	width: auto;
}
#product-offerPrice-modal .material-icons {
	font-size: 24px;
}


#product-offerPrice-modal [loading]:before {
    content: "refresh";
    font-family: 'Material Icons';
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    color: #24b9d7;
    font-size: 60px;
    z-index: 9999;
    -webkit-animation: rotating 2s linear infinite;
    animation: spin 2s linear infinite;
}

#product-offerPrice-modal [loading]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffff;
    opacity: .65;
	display: block;
	z-index: 99;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}