/**
 * File: app/code/Sipexa/PriceDisplay/view/frontend/web/css/sipexa-price-display.css
 * Description: Custom styling for price display - formats Excl. VAT price with custom font styling
 */

/* Custom styling for Excl. VAT price on product detail pages */

.product-info-main .price-including-tax {
    font-size: 24px !important;
    color: rgb(34, 37, 41) !important;
    font-weight: 600 !important;
    line-height: 30px !important;
}

.sipexa-custom-excl-vat {
    display: block !important;
    margin-top: 2px !important;
}

.sipexa-custom-excl-vat::before{
    display: none !important;
}

.sipexa-custom-excl-vat .price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgb(34, 37, 41) !important;
}

.sipexa-custom-excl-vat .vat-label {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: rgb(34, 37, 41) !important;
}

.product-info-main .product.overview {
    font-size: 14px !important;
}

.product-info-main .product.overview b {
    font-size: 14px !important;
}

.product-info-main .product.overview ul {
    font-size: 14px !important;
    margin-left: -20px;
}
/* Ensure the main price (Incl. VAT) remains prominent on product pages */
/*.product-info-price .price-including-tax .price-label {*/
/*    font-size: 4rem;*/
/*    color: rgb(34, 37, 41) !important;*/
/*    display: inline-block;*/
/*    margin-right: 4px;*/
/*}*/

.spx-btn {
    display: inline-block !important;
    padding: 0.55rem 1rem !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    cursor: pointer !important;
    text-decoration: none !important;
    height: 35px !important;
    line-height: 16px !important;
}

/* Primary Button */
.spx-btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

.spx-btn-primary:hover {
    background-color: #0b5ed7 !important;
    border-color: #0a58ca !important;
}

.spx-btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

.spx-btn-secondary:hover {
    background-color: #5c636a !important;
    border-color: #565e64 !important;
}