/**
 * Amasty ShippingBar – Cart Summary inline widget
 * Scoped entirely to .iflair-shipping-bar-cart-summary so it never
 * bleeds into the top/bottom header bar or any other page section.
 */

/* ── Outer wrapper ───────────────────────────────────────────── */
.iflair-shipping-bar-cart-summary {
    margin-bottom: 12px;
}

/* ── Coloured inner box (backgroundColor set inline by KO) ───── */
.iflair-shipping-bar-cart-summary .amshipbar-cart-inner {
    padding: 10px 14px;
    border-radius: 4px;
    line-height: 1.4;
}

/* ── Content row: label + optional tooltip icon ──────────────── */
.iflair-shipping-bar-cart-summary .content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}

/* ── Message label ───────────────────────────────────────────── */
.iflair-shipping-bar-cart-summary .amshipbar-cart-label {
    /*
     * flex: 1 → takes all remaining space after the tooltip icon.
     * min-width: 0 → allows the flex item to shrink below its content
     * size, preventing overflow when price strings are long (e.g. kr1,000,000.00).
     * Previously 'display:block; width:100%' was used, which caused the label
     * to overflow the container and push the tooltip icon outside the box.
     */
    flex: 1;
    min-width: 0;
    text-align: center;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Highlighted amount injected by Amasty's addExtraColor() */
.iflair-shipping-bar-cart-summary .amshipbar-cart-label b {
    font-weight: 700;
}

/* ── Tooltip info / close icon ───────────────────────────────── */
.iflair-shipping-bar-cart-summary .extra {
    flex-shrink: 0;   /* never compress the icon */
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* ── Responsive: tighten padding on narrow sidebar ───────────── */
@media only screen and (max-width: 767px) {
    .iflair-shipping-bar-cart-summary .amshipbar-cart-inner {
        padding: 8px 10px;
    }

    .iflair-shipping-bar-cart-summary .extra {
        width: 14px;
        height: 14px;
    }
}