/* ============================================================
   GS CARDAPIO
   FASE 6C2
   ============================================================ */


/* ============================================================
   CORACAO NO CARDAPIO
   ============================================================ */

.card .photo
{
    position:relative;
}


.gs-favorite-heart
{
    position:absolute;

    top:8px;
    right:8px;

    z-index:8;

    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    padding:0;

    border:1px solid rgba(0,0,0,.08);
    border-radius:999px;

    background:rgba(255,255,255,.95);
    color:#52525b;

    box-shadow:
        0 4px 14px
        rgba(0,0,0,.10);

    font-size:23px;
    line-height:1;

    cursor:pointer;
}


.gs-favorite-heart.active
{
    background:#fff1f2;
    color:#e11d48;
}


.gs-favorite-heart:disabled
{
    opacity:.55;
}


/* ============================================================
   AREA INTELIGENTE DO CLIENTE
   ============================================================ */

#gs-customer-smart-area
{
    display:grid;
    gap:12px;

    margin-bottom:12px;
}


/* ============================================================
   MEU PEDIDO DE SEMPRE
   ============================================================ */

.gs-usual-order-card
{
    display:flex;
    gap:12px;

    padding:15px;

    border:1px solid #fde68a;
    border-radius:17px;

    background:
        linear-gradient(
            135deg,
            #fffbeb,
            #fff
        );
}


.gs-usual-order-icon
{
    width:42px;
    height:42px;

    flex:0 0 42px;

    display:grid;
    place-items:center;

    border-radius:13px;

    background:#fef3c7;

    font-size:20px;
}


.gs-usual-order-copy
{
    min-width:0;
    flex:1;
}


.gs-usual-order-copy > span
{
    display:block;

    color:#a16207;

    font-size:8px;
    font-weight:950;
    letter-spacing:.08em;
}


.gs-usual-order-copy > strong
{
    display:block;

    margin-top:2px;

    color:#18181b;

    font-size:14px;
    font-weight:950;
}


.gs-usual-order-copy p
{
    margin:5px 0 0;

    color:#52525b;

    font-size:10px;
    line-height:1.4;
}


.gs-usual-order-copy small
{
    display:block;

    margin-top:6px;

    color:#71717a;

    font-size:9px;
    line-height:1.4;
}


.gs-usual-repeat
{
    margin-top:10px;
}


/* ============================================================
   FAVORITOS NA CONTA
   ============================================================ */

#gs-favorites-list
{
    display:grid;
    gap:8px;

    margin-top:10px;
}


.gs-account-favorite
{
    display:flex;
    align-items:center;

    gap:10px;

    padding:9px;

    border:1px solid #e4e4e7;
    border-radius:13px;

    background:#fafafa;
}


.gs-account-favorite-image
{
    width:56px;
    height:56px;

    flex:0 0 56px;

    overflow:hidden;

    display:grid;
    place-items:center;

    border-radius:11px;

    background:#f4f4f5;
}


.gs-account-favorite-image img
{
    width:100%;
    height:100%;

    object-fit:cover;
}


.gs-account-favorite-emoji
{
    color:#e11d48;

    font-size:24px;
}


.gs-account-favorite-info
{
    min-width:0;
    flex:1;
}


.gs-account-favorite-info > strong
{
    display:block;

    overflow:hidden;

    color:#18181b;

    font-size:11px;
    font-weight:950;

    text-overflow:ellipsis;
    white-space:nowrap;
}


.gs-account-favorite-info > span
{
    display:block;

    margin-top:3px;

    color:#18181b;

    font-size:10px;
    font-weight:900;
}


.gs-account-favorite-actions
{
    display:flex;
    gap:6px;

    margin-top:7px;
}


.gs-account-favorite-actions a,
.gs-account-favorite-actions button
{
    min-height:31px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 9px;

    border:1px solid #e4e4e7;
    border-radius:9px;

    background:#fff;
    color:#18181b;

    text-decoration:none;

    font-size:8px;
    font-weight:900;

    cursor:pointer;
}


.gs-account-favorite-actions button
{
    color:#be123c;
}