/* ============================================================
   GS CARDAPIO
   FASE 5B - EXPERIENCIA DO CLIENTE
   ============================================================ */

.gs-store-experience-ready #gs-store-status
{
    display:none !important;
}


#gs-store-experience
{
    width:100%;
    margin:0 0 14px;
    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


.gs-store-card
{
    position:relative;

    overflow:hidden;

    padding:14px;

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

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fafafa
        );

    color:#18181b;

    box-shadow:
        0 8px 24px
        rgba(0,0,0,.045);
}


.gs-store-card::before
{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:#71717a;
}


.gs-store-card.open::before
{
    background:#22c55e;
}


.gs-store-card.closed::before
{
    background:#f97316;
}


.gs-store-card.paused::before
{
    background:#ef4444;
}


.gs-store-head
{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}


.gs-store-state
{
    display:flex;
    align-items:center;
    gap:9px;

    min-width:0;
}


.gs-store-dot
{
    width:11px;
    height:11px;

    flex:none;

    border-radius:999px;

    background:#71717a;
}


.open .gs-store-dot
{
    background:#22c55e;

    box-shadow:
        0 0 0 5px
        rgba(34,197,94,.10);
}


.closed .gs-store-dot
{
    background:#f97316;

    box-shadow:
        0 0 0 5px
        rgba(249,115,22,.10);
}


.paused .gs-store-dot
{
    background:#ef4444;

    box-shadow:
        0 0 0 5px
        rgba(239,68,68,.10);
}


.gs-store-title
{
    margin:0;

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

    line-height:1.15;
}


.gs-store-subtitle
{
    margin-top:3px;

    color:#71717a;

    font-size:10px;
    font-weight:650;

    line-height:1.35;
}


.gs-store-badge
{
    flex:none;

    padding:6px 9px;

    border-radius:999px;

    background:#f4f4f5;

    color:#52525b;

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

    white-space:nowrap;
}


.open .gs-store-badge
{
    background:#dcfce7;
    color:#166534;
}


.closed .gs-store-badge
{
    background:#ffedd5;
    color:#9a3412;
}


.paused .gs-store-badge
{
    background:#fee2e2;
    color:#991b1b;
}


.gs-store-details
{
    display:flex;
    flex-wrap:wrap;

    gap:7px;

    margin-top:12px;
}


.gs-store-chip
{
    display:inline-flex;
    align-items:center;

    min-height:29px;

    padding:0 9px;

    border-radius:10px;

    background:#f4f4f5;

    color:#52525b;

    font-size:9px;
    font-weight:800;
}


.gs-store-message
{
    margin-top:11px;

    padding-top:10px;

    border-top:1px solid #ececef;

    color:#52525b;

    font-size:10px;
    font-weight:700;

    line-height:1.45;
}


.gs-store-special
{
    margin-top:8px;

    padding:8px 10px;

    border-radius:11px;

    background:#fff7ed;

    color:#9a3412;

    font-size:9px;
    font-weight:850;
}


/*
 * Carrinho e checkout ficam mais compactos.
 */
#gs-store-experience.compact
{
    margin-bottom:10px;
}


#gs-store-experience.compact
.gs-store-card
{
    padding:12px;
    border-radius:16px;
}


#gs-store-experience.compact
.gs-store-message
{
    margin-top:8px;
    padding-top:8px;
}


@media(max-width:370px)
{
    .gs-store-head
    {
        align-items:flex-start;
    }


    .gs-store-badge
    {
        padding-left:7px;
        padding-right:7px;
    }


    .gs-store-details
    {
        gap:5px;
    }
}