/* ==================================================
        BOTÃO ACOMPANHAR PEDIDO NA NAVBAR
================================================== */

.btn-acompanhar-navbar {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 46px;

    padding: 0 15px;

    color: #d75a85;
    background:
        linear-gradient(
            135deg,
            #fff8fb 0%,
            #fff0f5 100%
        );

    border: 1px solid #f0cdd9;
    border-radius: 14px;

    box-shadow:
        0 8px 19px rgba(229, 101, 144, 0.1);

    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;

    text-decoration: none;
    white-space: nowrap;

    transition:
        color 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.btn-acompanhar-navbar i {
    flex: 0 0 auto;

    color: #e56590;

    font-size: 0.9rem;

    transition:
        color 0.22s ease,
        transform 0.22s ease;
}

.btn-acompanhar-navbar-numero {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 22px;

    padding: 0 7px;

    color: #b94b72;
    background: #ffffff;

    border: 1px solid #efd4de;
    border-radius: 999px;

    font-size: 0.59rem;
    font-weight: 700;
}

.btn-acompanhar-navbar:hover {
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #e76591,
            #d95180
        );

    border-color: #d95180;

    box-shadow:
        0 12px 25px rgba(217, 81, 128, 0.24);

    transform: translateY(-2px);
}

.btn-acompanhar-navbar:hover i {
    color: #ffffff;

    transform: translateY(-1px);
}

.btn-acompanhar-navbar:hover
.btn-acompanhar-navbar-numero {
    color: #c34b76;
    background: #ffffff;

    border-color: #ffffff;
}

/* ==================================================
        LINK MOBILE DO ACOMPANHAMENTO
================================================== */

.navbar-mobile-links
.link-acompanhar-pedido-mobile {
    color: #c95079;
    background:
        linear-gradient(
            135deg,
            #fff5f8,
            #ffedf3
        );

    border-color: #efcbd7;
}

.navbar-mobile-links
.link-acompanhar-pedido-mobile i {
    color: #e56590;
}

.navbar-mobile-links
.link-acompanhar-pedido-mobile:hover {
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #e76591,
            #d95180
        );

    border-color: #d95180;
}

.navbar-mobile-links
.link-acompanhar-pedido-mobile:hover i {
    color: #ffffff;
}

/* ==================================================
        RESPONSIVIDADE
================================================== */

@media (max-width: 1199.98px) {
    .btn-acompanhar-navbar {
        gap: 6px;

        min-height: 43px;

        padding: 0 11px;

        font-size: 0.66rem;
    }

    .btn-acompanhar-navbar-numero {
        padding: 0 6px;

        font-size: 0.55rem;
    }
}

@media (max-width: 991.98px) {
    .btn-acompanhar-navbar-desktop {
        display: none;
    }

    .navbar-mobile-links
    .link-acompanhar-pedido-mobile {
        grid-column: 1 / -1;
    }
}