/* ============================================================
   LatePoint Mobile Sticky Price Bar
   Loaded from a custom plugin instead of the LatePoint template,
   so it survives plugin updates.
   ============================================================ */

@media (max-width: 768px) {

    /* Hide the "Breakdown" click-to-expand trigger, always show rows instead */
    .latepoint-w .price-breakdown-unfold {
        display: none !important;
    }

    .latepoint-w .summary-price-breakdown-inner .os-price-breakdown,
    .latepoint-w .summary-price-breakdown-inner .pb-heading {
        display: block !important;
    }

    /* Push the form footer up so the sticky bar doesn't cover it —
       includes iPhone notch/home bar safe area */
    .latepoint-w .latepoint-footer {
        padding-bottom: calc(110px + env(safe-area-inset-bottom)) !important;
    }

    /* Sticky Price Bar */
    #lp-mobile-price-bar {
        position: fixed;
        bottom: calc(20px + env(safe-area-inset-bottom));
        left: 16px;
        right: 16px;
        border-radius: 12px;
        z-index: 9999999;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        background: #ffffff;
        border: 1px solid #e0e0e0;
        padding: 10px 16px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
        font-family: inherit;
    }

    #lp-mobile-price-bar .lp-bar-col {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    #lp-mobile-price-bar .lp-bar-label {
        font-size: 10px;
        color: #aaa;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        font-weight: 500;
    }

    #lp-mobile-price-bar .lp-bar-vat {
        font-size: 13px;
        color: #666;
        font-weight: 500;
    }

    #lp-mobile-price-bar .lp-bar-total {
        font-size: 17px;
        font-weight: 700;
        color: #111;
    }

    #lp-mobile-price-bar .lp-bar-divider {
        width: 1px;
        height: 32px;
        background: #e5e5e5;
        margin: 0 12px;
    }

    /* When the VAT row is disabled, only the total shows — right-align it */
    #lp-mobile-price-bar.lp-no-vat {
        justify-content: flex-end;
    }
}