/**
* 2007-2023 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2023 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/


.tooltip-inner {
    max-width: 300px;
}

.main-product-offer .inner-product-offer table thead tr {
    background: #003252;
}

.main-product-offer .inner-product-offer table tbody .product-quantity {
    display: flex;
}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty {
    margin-right: 0.4rem;
    width: auto;
    height: auto;
    float: left;
    display: inline-flex;
    margin-bottom: 0.5rem;
}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group {
    flex-wrap: unset;
}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group #quantity_wanted {
    box-shadow: none;
    color: #232323;
    background-color: #fff;
    height: 2.75rem;
    padding: 0.175rem 0.5rem;
    width: 3rem;
    border: 1px solid rgba(0, 0, 0, .25);
    float: left;
}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group .input-group-btn-vertical {
    color: #232323;
    width: auto;
    float: left;
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group .input-group-btn-vertical button {
    padding: 0.5rem 0.6875rem;
}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group .input-group-btn-vertical button i.touchspin-up:after {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
}

i.material-icons.touchspin-up {}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group .input-group-btn-vertical button i.touchspin-up {
    top: -3px;
}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group .input-group-btn-vertical button i.touchspin-down:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group .input-group-btn-vertical button.bootstrap-touchspin-down {}

.main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group .input-group-btn-vertical button i.touchspin-down {
    top: -2px;
}

.btn-offer-cart {
    height: 38.5px;
}

.main-product-offer .inner-product-offer table tbody .product-quantity .btn-offer-cart:disabled {
    opacity: 0.6 !important;
    background: #ed7640;
}

.btn-offer-cart:disabled:hover {
    background: #ed7640;
}

/* Product Responsive */
#mobile_card_guid,
#mobile_product_actions {
    display: none !important;
}
.main-product-offer .inner-product-offer table thead tr#mobile-heading {
    display: none;
}

/* CART ~ Languge image condition */
.cart-item .card_offer {
    display: flex;
    flex-wrap: nowrap;
}
.cart-item .card_offer .language-img-icon span {
    margin: 0 6px 0 0;
}
.cart-item .card_offer .other-icons span {
    margin: 0 6px 0 0;
}
/* Order Confirmation ~ Languge image condition */
.order-confirmation-table .card_offer {
    display: flex;
    flex-wrap: nowrap;
}
.order-confirmation-table .card_offer .language-img-icon span {
    margin: 0 6px 0 0;
}
.order-confirmation-table .card_offer .other-icons span {
    margin: 0 6px 0 0;
}

/* Order Detail ~ Languge image condition */
#order-products .card_offer {
    display: flex;
    flex-wrap: nowrap;
}
#order-products .card_offer .language-img-icon span {
    margin: 0 6px 0 0;
}
#order-products .card_offer .other-icons span {
    margin: 0 6px 0 0;
}
@media (max-width: 767px) {
    .product-sidebar p {
        display: none;
    }
    .main-product-offer .inner-product-offer table thead tr#mobile-heading {
        display: table-row;
    }
    #mobile_card_guid,
    #mobile_product_actions {
        display: flex !important;
        flex-wrap: wrap;
    }
    .spedgrat, #desktop-heading, .product-actions.desktop-view {
        display: none;
    }
    .mobile-product-actions {
        background-color: #f2f2f2;
        padding: 22px;
        margin-bottom: 32px;
    }
    .prodct-info {
        padding: 0 15px;
        align-items: center;
    }
    .prodct-info a {
        display: none;
    }
    ul.mobile-product-flags {
        display: flex;
        justify-content: flex-end;
        margin: 0 0 5px 0;
        min-height: 43px;
        align-items: center;
    }
    .mobile-product-flags li.product-flag.new {
        background: #0aacaf;
        color: #fff;
        padding: 0.3125rem 0.4375rem !important;
        font-size: 12px;
        margin: 0;
    }
    .inner-product-offer button.btn-offer-cart {
        font-size: 0;
    }
    .inner-product-offer button i.fa.fa-shopping-cart {
        font-size: 18px;
        display: block;
        margin-right: 0px;
    }
    .main-product-offer table thead th {
        font-size: 2.553191489361702VW; /* 12px */
        padding: 0.851063829787234VW; /* 4px */
    }
    .main-product-offer table tbody td {
        font-size: 2.553191489361702VW; /* 12px */
        padding: 0.851063829787234VW; /* 4px */
    }
    .main-product-offer .inner-product-offer table tbody .product-quantity .qty .input-group #quantity_wanted {
        width: 5.957446808510639VW; /* 28px */
    }
    .main-product-offer table tbody td:nth-child(2) img {
        max-width: 5VW;/* 25px */
        object-fit: contain;
    }
    .main-product-offer table tbody td:nth-child(3) img {
        width: 10.638297872340425VW;/* 50px */
        object-fit: contain;
    }
    .main-product-offer .inner-product-offer button i.fa.fa-shopping-cart {
        font-size: 3.829787234042553VW; /* 18px */
    }
    .main-product-offer table tbody td:last-child {
        max-width: 25.53191489361702VW !important; /* 120px */
        width: 25.53191489361702VW !important; /* 120px */
        min-width: 25.53191489361702VW !important; /* 120px */
    }
    .inner-product-offer button.btn-offer-cart {
        font-size: 0;
        padding: 2.127659574468085VW; /* 10px */
    }

    /* CART ~ Languge image condition */

    .cart-item .card_offer {
        flex-wrap: wrap;
    }
    .cart-item .card_offer .language-img-icon {
        width: 100%;
    }
    /* Order Confirmation ~ Languge image condition */

    .order-confirmation-table .card_offer {
        flex-wrap: wrap;
    }
    .order-confirmation-table .card_offer .language-img-icon {
        width: 100%;
    }

    /* Order Detail ~ Languge image condition */
    #order-products .card_offer {
        flex-wrap: wrap;
    }
    #order-products .card_offer .language-img-icon {
        width: 100%;
    }
}

.main-product-offer th {
	text-align: center !important;
}

/* input[type="number"].offer_qty {
	-moz-appearance: none;
} */
.main-product-offer .table td {
	text-align: center;
	vertical-align: middle !important;
}

.hocapi-offer-table-skeleton table tbody tr {
	border-color: red;
	background: #eee;
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	border-radius: 5px;
	background-size: 200% 100%;
	animation: 1.5s shine linear infinite;
	height: 30px;
}
@keyframes shine {
	to {
		background-position-x: -200%;
	}
}
.prodct-info > .left-content {
    max-width: 70% !important;
}

.prodct-info > .right-content {
    display: flex !important;
    max-width: 30% !important;
    flex-direction: column !important;
    justify-content: end !important;
}

@media only screen and (max-width : 700px) {
    .prdct-info {
        flex-direction: column !important;
    }
    .prodct-info > .right-content {
        max-width: 100% !important;
    }
    .prodct-info > .left-content {
        max-width: 100% !important;
    }
}