/* ==========================================================================
   LPC_RequestQuote: Unified Header Quote Cart & RFQ Design
   ========================================================================== */

.amquote-cart-wrapper.minicart-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;

    .amquote-showcart.action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 14px !important;
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: var(--button-border-radius, 4px) !important;
        color: #0f172a !important;
        font-weight: 600 !important;
        font-size: 0.875rem !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        transition: all 0.2s ease-in-out !important;
        white-space: nowrap !important;
        cursor: pointer !important;

        &::before {
            content: '' !important;
            display: inline-block !important;
            width: 16px !important;
            height: 16px !important;
            background-color: currentColor !important;
            -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E") no-repeat center !important;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E") no-repeat center !important;
            -webkit-mask-size: contain !important;
            mask-size: contain !important;
            margin-right: 6px !important;
            background-image: none !important;
            opacity: 0.85 !important;
        }

        &:hover {
            background: #ffffff !important;
            border-color: rgba(var(--brand-color), 0.6) !important;
            color: rgba(var(--brand-color), 1) !important;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;

            &::before {
                opacity: 1 !important;
            }
        }

        > .text {
            clip: auto !important;
            height: auto !important;
            width: auto !important;
            overflow: visible !important;
            margin: 0 !important;
            padding: 0 !important;
            display: inline-block !important;
            color: inherit !important;
            font-weight: 600 !important;
            font-size: 0.875rem !important;
            line-height: inherit !important;
        }

        .counter.qty {
            background: rgba(var(--brand-color), 1) !important;
            color: #ffffff !important;
            border-radius: 9999px !important;
            min-width: 18px !important;
            height: 18px !important;
            line-height: 18px !important;
            padding: 0 5px !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin-left: 6px !important;

            &.empty {
                display: none !important;
            }
        }
    }
}