/* ==========================================================================
   AUME – 2) Mobilní sticky lišta "Do košíku" na detailu produktu
   Vyjede zespodu ve chvíli, kdy skutečné tlačítko Do košíku odscrolluje
   nahoru z obrazovky. Na desktopu se nezobrazuje.
   ========================================================================== */

:root {
    --aume-sc-height: 64px;
    --aume-sc-bg: #FFFFFF;
    --aume-sc-border: #E8E1D6;      /* jemná linka v champagne tónu webu */
    --aume-sc-text: #222222;        /* barva textu webu */
    --aume-sc-muted: #6B6B6B;
}

.aume-sticky-cart {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;

    /* Zobrazujeme jen na mobilu – viz media query níže */
    display: none;
    align-items: center;
    gap: 10px;

    padding: 8px 12px;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));

    background: var(--aume-sc-bg);
    border-top: 1px solid var(--aume-sc-border);
    box-shadow: 0 -6px 18px rgba(0, 0, 0, .10);

    /* Zasunuto mimo obrazovku, .is-visible ji vysune */
    transform: translateY(115%);
    transition: transform .24s ease;
    will-change: transform;
}

.aume-sticky-cart.is-visible {
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .aume-sticky-cart {
        transition: none;
    }
}

.aume-sticky-cart__thumb {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 6px;
    background: #F5F2EC;
}

.aume-sticky-cart__info {
    flex: 1 1 auto;
    min-width: 0;          /* nutné, aby fungovalo zkrácení názvu */
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
}

.aume-sticky-cart__name {
    font-size: 12px;
    color: var(--aume-sc-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aume-sticky-cart__price {
    font-size: 15px;
    font-weight: 700;
    color: var(--aume-sc-text);
    white-space: nowrap;
}

/* Tlačítko dědí konverzní barvu webu z tříd .btn .btn-conversion */
.aume-sticky-cart__btn {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 10px 18px !important;
    font-size: 14px !important;
    margin: 0 !important;
}

/* --- Zobrazení pouze na mobilu ------------------------------------------ */
@media (max-width: 767px) {
    .aume-sticky-cart {
        display: flex;
    }

    /* Aby lišta nezakrývala konec stránky. Třídu přidává JS už při
       inicializaci, takže nevzniká poskočení layoutu během scrollování. */
    body.aume-sticky-cart-ready {
        padding-bottom: var(--aume-sc-height);
    }
}

/* Pokud používáte chatovací bublinu vpravo dole a překrývá se s lištou,
   odkomentujte a doplňte selektor svého chatu:
@media (max-width: 767px) {
    body.aume-sticky-cart-visible .smartsupp-widget-container,
    body.aume-sticky-cart-visible #chatgo-widget {
        bottom: calc(var(--aume-sc-height) + 8px) !important;
        transition: bottom .24s ease;
    }
}
*/