/*
 * chargeurdeportable brand layer for the shared checkout module.
 * Loaded through checkout-brand.php 'css' after the module's own stylesheets
 * (mini-cart, cart, checkout, success), so checkout/ stays identical across sites.
 */

html body .mini-cart-trigger {
    background: #1c7be4;
    box-shadow: 0 1px 2px rgba(16, 40, 64, .12);
    transition: background-color 160ms ease, transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

html body .mini-cart-trigger:hover {
    background: #1665c4;
    box-shadow: 0 4px 12px rgba(28, 123, 228, .25);
}

html body .mini-cart-trigger:active { transform: scale(0.97); }

html body .mini-cart-badge { background: #0b7d68; }

html body .mini-cart-item-price { color: #1665c4; }

html body .mini-cart-btn,
html body #checkout-button,
html body .checkout-button {
    background: #1665c4;
    background-image: none;
    transition: background-color 160ms ease, transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

html body .mini-cart-btn:hover,
html body #checkout-button:hover,
html body .checkout-button:hover { background: #0f4f9c; }

html body .mini-cart-btn:active,
html body #checkout-button:active,
html body .checkout-button:active { transform: scale(0.98); }

html body .mini-cart-btn-outline {
    color: #1665c4;
    border-color: #1665c4;
}

html body .bandeau_haut { background: #101820; }

html body .xsell-overlay { --xsell-accent: #1665c4; }

@media (max-width: 760px) {
    html body .mini-cart-badge { right: 0; }
}