/* ==========================
   INVENTORY PRICING
   ========================== */

/* ==========================
   INTERNET PRICE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container
.internetpricelabel {
    margin: 0 0 4px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.25 !important;

    text-align: center !important;
}

.element-type-inventorylistprice
.inventory-price-container
.internetpricelabel + .pricevalue1 {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 20px !important;
    font-weight: 800 !important;

    line-height: 1.1 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==========================
   FEES
   ========================== */

.element-type-inventorylistprice
.inventory-price-container
.disclosedfee {
    margin: 0 0 3px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.25 !important;

    text-align: center !important;
}

.element-type-inventorylistprice
.inventory-price-container
.disclosedfeevalue {
    margin: 0 0 15px !important;
    padding: 0 !important;

    color: #d6d6d6 !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1.1 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==========================
   PURCHASE PRICE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container
.purchaseprice {
    margin: 0 0 4px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    text-align: center !important;
}

.element-type-inventorylistprice
.inventory-price-container
.purchasepricevalue {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 28px !important;
    font-weight: 800 !important;

    line-height: 1.05 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==========================
   EMPTY NOTE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container
.pricenote:empty {
    display: none !important;
}



/* ==========================
   VDP PRICE SECTION
   ========================== */

.element-type-price .element-container.element-type-price > div[style*="text-align: center"] {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 6px 0 !important;

    text-align: center !important;
    box-sizing: border-box !important;
}


/* ==========================
   INDIVIDUAL BLOCKS
   ========================== */

.element-type-price .element-container.element-type-price > div[style*="text-align: center"] > div[style*="display: inline-block"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    flex: 1 1 0 !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 18px !important;

    box-sizing: border-box !important;
}

.element-type-price .element-container.element-type-price > div[style*="text-align: center"] > div[style*="display: inline-block"]:not(:last-of-type) {
    border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
}


/* ==========================
   LABELS
   ========================== */

.element-type-price .element-container.element-type-price .internetlabel,
.element-type-price .element-container.element-type-price .docfeelabel,
.element-type-price .element-container.element-type-price .purchasepricelabel {
    display: block !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #222222 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: center !important;
}


/* ==========================
   INTERNET PRICE
   ========================== */

.element-type-price .element-container.element-type-price .internetvalue {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #111111 !important;

    font-size: 27px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;

    text-align: center !important;
    white-space: nowrap !important;
}


/* ==========================
   FEE
   ========================== */

.element-type-price .element-container.element-type-price .docfeevalue,
.element-type-price .element-container.element-type-price .disclosedfeevalue {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #555555 !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;

    text-align: center !important;
    white-space: nowrap !important;
}


/* ==========================
   PURCHASE PRICE
   ========================== */

.element-type-price .element-container.element-type-price .purchasepricelabel {
    font-size: 15px !important;
    font-weight: 700 !important;
}

.element-type-price .element-container.element-type-price .purchasepricevalue {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #2f66d0 !important;

    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;

    text-align: center !important;
    white-space: nowrap !important;
}


/* ==========================
   CLEAN EMPTY EXTRA ROW
   ========================== */

.element-type-price .element-container.element-type-price > div[style*="text-align: center"]:empty {
    display: none !important;
}


/* ==========================
   MOBILE
   ========================== */

@media (max-width: 767px) {

    .element-type-price .element-container.element-type-price > div[style*="text-align: center"] {
        flex-direction: column !important;
        gap: 0 !important;
        padding: 4px 0 !important;
    }

    .element-type-price .element-container.element-type-price > div[style*="text-align: center"] > div[style*="display: inline-block"] {
        width: 100% !important;
        padding: 11px 12px !important;
    }

    .element-type-price .element-container.element-type-price > div[style*="text-align: center"] > div[style*="display: inline-block"]:not(:last-of-type) {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    }


    /* ===== LABELS ===== */

    .element-type-price .element-container.element-type-price .internetlabel,
    .element-type-price .element-container.element-type-price .docfeelabel {
        font-size: 13px !important;
    }

    .element-type-price .element-container.element-type-price .purchasepricelabel {
        font-size: 14px !important;
    }


    /* ===== INTERNET PRICE ===== */

    .element-type-price .element-container.element-type-price .internetvalue {
        font-size: 24px !important;
    }


    /* ===== FEE ===== */

    .element-type-price .element-container.element-type-price .docfeevalue,
    .element-type-price .element-container.element-type-price .disclosedfeevalue {
        font-size: 18px !important;
    }


    /* ===== PURCHASE PRICE ===== */

    .element-type-price .element-container.element-type-price .purchasepricevalue {
        font-size: 29px !important;
    }
}