/*
 Theme Name: Astra Child – Mountain iT
 Theme URI: https://www.stukjes-puzzels.nl/
 Description: Child theme for Astra with WooCommerce sidebar layout and header cart.
 Author: Mountain iT
 Author URI: https://www.mountain-it.nl/
 Template: astra
 Version: 1.0.0
 Text Domain: astra-child-mi
*/
/* EN: Base link styles */
a.mi-header-cart-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;               /* space between icon and count (we'll hide it by absolute pos) */
    text-decoration: none;
}

/* EN: SVG icon sizing (optional) */
a.mi-header-cart-link .mi-cart-icon svg {
    width: 22px;
    height: 22px;
    display: block;
}

/* EN: Badge (cart count) */
a.mi-header-cart-link .mi-cart-count {
    position: absolute;
    top: -6px;              /* move vertically */
    right: -10px;           /* move horizontally; use left:-10px if you prefer */
    min-width: 18px;        /* pill size */
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;   /* pill shape */
    line-height: 18px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    background: #ff3b30;    /* badge background */
    color: #fff;            /* badge text */
    box-shadow: 0 0 0 2px #fff; /* white ring to separate from header bg */
}

/* EN: Hide the gap because badge is absolutely positioned */
a.mi-header-cart-link .mi-cart-count + * { margin-left: 0; }

/* EN: Smaller tweak on mobiles */
@media (max-width: 544px) {
    a.mi-header-cart-link .mi-cart-count {
        top: -8px;
        right: -12px;
        transform: scale(0.95);
    }
}