/* Fix pastille mini-cart :
   WooCommerce définit background/color à transparent via :where() (spécificité 0).
   Abisko ne l'override pas → badge invisible sur fond blanc. */
.wc-block-mini-cart__badge {
    background-color: var(--wp--preset--color--foreground, #111) !important;
    color: var(--wp--preset--color--background, #fff) !important;
}

/* Fix drawer mini-cart :
   WooCommerce injecte --drawer-width via un <style> inline que LiteSpeed CCSS supprime.
   Fichier externe = immunisé. Valeur par défaut block.json : 480px. */
:root {
    --drawer-width: 480px;
    --neg-drawer-width: calc(var(--drawer-width) * -1);
}

/* Icône Instagram header — injectée avant le mini-cart via render_block */
.elie-header-insta {
    display: flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    padding: 0.4em;
    text-decoration: none;
    opacity: 0.85;
    transition: opacity 0.2s;
    flex-shrink: 0;
}
.elie-header-insta:hover {
    opacity: 1;
}
.elie-header-insta svg {
    display: block;
    width: 22px;
    height: 22px;
}
@media (max-width: 768px) {
    .elie-header-insta {
        padding: 0.2em;
    }
    .elie-header-insta svg {
        width: 18px;
        height: 18px;
    }
}