/* WhatsApp Store Theme: Pizza
   Folder: public/whatsapp-store-themes/pizza
   Keep this theme's custom CSS here so every store theme stays separate. */

body.whatsapp-store-theme-pizza {
    --wa-green: #064d33;
    --wa-bright: #ef1f1a;
    background: #fff8ea;
    color: #082018;
}

body.whatsapp-store-theme-pizza .app-shell {
    background: linear-gradient(180deg, #fff9ec 0%, #fff7e7 100%);
}

body.whatsapp-store-theme-pizza .phone-header {
    color: #fff;
    background:
        radial-gradient(circle at 78% -18%, rgba(255, 193, 61, .18), transparent 34%),
        radial-gradient(circle at 14% 8%, rgba(8, 120, 67, .38), transparent 34%),
        linear-gradient(135deg, #074f34 0%, #06452e 58%, #032b1f 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

body.whatsapp-store-theme-pizza .brand-row {
    padding: 28px 20px 22px;
}

body.whatsapp-store-theme-pizza .wa-logo {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
}

body.whatsapp-store-theme-pizza .wa-logo svg {
    width: 56px;
    height: 56px;
}

body.whatsapp-store-theme-pizza .store-title strong {
    color: #fff;
    font-size: 24px;
    line-height: 1.02;
}
body.whatsapp-store-theme-pizza .cart-badge,
body.whatsapp-store-theme-pizza .discount {
    background: #e6201c;
    color: #fff;
}

body.whatsapp-store-theme-pizza .location {
    color: #273028;
    background: #fff8ea;
    border-bottom-color: #f4ead7;
    padding: 15px 17px;
    font-weight: 720;
}

body.whatsapp-store-theme-pizza .sale-card {
    height: 193px;
    min-height: 0;
    border-radius: 16px;
    background:
        linear-gradient(90deg, rgba(6, 62, 43, .96) 0%, rgba(6, 62, 43, .82) 43%, rgba(6, 62, 43, .12) 100%),
        var(--store-banner, linear-gradient(120deg, #06452e, #b01814));
    background-size: cover;
    background-position: center right;
    box-shadow: 0 16px 28px rgba(101, 60, 14, .18);
}

body.whatsapp-store-theme-pizza .sale-card::after {
    content: "HOT DEAL";
    position: absolute;
    right: 18px;
    bottom: 16px;
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    border: 3px solid #ffbd2f;
    background: #b71d1b;
    color: #fff;
    font-size: 16px;
    font-weight: 950;
    text-align: center;
    box-shadow: 0 10px 24px rgba(183, 29, 27, .32);
}

body.whatsapp-store-theme-pizza .sale-copy {
    max-width: 48%;
    padding: 17px 19px;
}

body.whatsapp-store-theme-pizza .tag {
    border-radius: 7px;
    background: #c81e1b;
    color: #ffcc45;
    padding: 6px 9px;
    font-size: 11px;
    line-height: 1;
}

body.whatsapp-store-theme-pizza .sale-copy h2 {
    margin: 10px 0 7px;
    color: #fff4dc;
    font-family: Impact, "Arial Black", sans-serif;
    font-size: 43px;
    line-height: .84;
    letter-spacing: .03em;
    text-transform: uppercase;
}

body.whatsapp-store-theme-pizza .sale-copy h2 span {
    display: block;
    color: #ffbd2f;
    font-family: Georgia, serif;
    font-size: 31px;
    font-style: italic;
    letter-spacing: 0;
    text-transform: none;
}

body.whatsapp-store-theme-pizza .sale-copy p {
    color: #fff;
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 760;
    line-height: 1.38;
}

body.whatsapp-store-theme-pizza .sale-copy p b,
body.whatsapp-store-theme-pizza .section-title span,
body.whatsapp-store-theme-pizza .price,
body.whatsapp-store-theme-pizza .bottom-nav .active,
body.whatsapp-store-theme-pizza .bottom-nav .active b {
    color: #e6201c;
}

body.whatsapp-store-theme-pizza .shop-btn {
    min-height: 36px;
    border-radius: 8px;
    padding: 0 15px;
    background: #e6201c;
    color: #fff;
    box-shadow: 0 12px 22px rgba(230, 32, 28, .24);
}

body.whatsapp-store-theme-pizza .hero-products {
    display: none;
}

body.whatsapp-store-theme-pizza .category-strip {
    gap: 16px;
    padding: 18px 2px 10px;
}

body.whatsapp-store-theme-pizza .cat-icon {
    width: 58px;
    height: 58px;
    color: #b71d1b;
    background: #fff0cf;
    font-size: 10px;
    font-weight: 950;
    box-shadow: inset 0 0 0 1px #f6dfb0;
}

body.whatsapp-store-theme-pizza .cat-link:first-child .cat-icon {
    background: #fff0cf;
    color: #e6201c;
}

body.whatsapp-store-theme-pizza .section-title {
    color: #073626;
}

body.whatsapp-store-theme-pizza .timer {
    color: #e6201c;
    background: #ffe9ad;
}

body.whatsapp-store-theme-pizza .view-all {
    color: #073626;
    font-weight: 850;
}

body.whatsapp-store-theme-pizza .product-card {
    flex: 0 0 122px;
    border-color: #ead9bb;
    border-radius: 12px;
    background: #fffdf7;
    box-shadow: 0 10px 23px rgba(101, 60, 14, .13);
}

body.whatsapp-store-theme-pizza .product-image {
    height: 96px;
    background: linear-gradient(180deg, #fff7e8, #fff1cf);
}

body.whatsapp-store-theme-pizza .product-image img {
    max-width: 100%;
    max-height: 92px;
}

body.whatsapp-store-theme-pizza .discount {
    left: 7px;
    top: 7px;
    border-radius: 6px;
    padding: 4px 7px;
    font-size: 13px;
    line-height: 1;
}

body.whatsapp-store-theme-pizza .product-body {
    padding: 8px 8px 10px;
}

body.whatsapp-store-theme-pizza .product-body h3 {
    min-height: 32px;
    color: #111714;
    font-size: 13px;
    font-weight: 950;
}

body.whatsapp-store-theme-pizza .product-body p {
    color: #666057;
    font-size: 12px;
}

body.whatsapp-store-theme-pizza .rating {
    color: #cf8d12;
    margin: 6px 0 8px;
}

body.whatsapp-store-theme-pizza .add-cart {
    border-color: #0a5037;
    color: #0a5037;
    background: #fffdf7;
    min-height: 34px;
    padding: 7px 5px;
}

body.whatsapp-store-theme-pizza .pizza-combo-banner {
    position: relative;
    overflow: hidden;
    min-height: 104px;
    margin: 22px 0 8px;
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 76% 42%, rgba(255, 192, 56, .54), transparent 30%),
        linear-gradient(105deg, #b81416 0%, #d82517 55%, #ff8a1f 100%);
    box-shadow: 0 14px 26px rgba(183, 29, 27, .22);
}

body.whatsapp-store-theme-pizza .pizza-combo-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .16;
    background-image: radial-gradient(#fff 1px, transparent 1px);
    background-size: 14px 14px;
}

body.whatsapp-store-theme-pizza .pizza-combo-banner div {
    position: relative;
    z-index: 1;
    width: 62%;
    padding: 18px;
}

body.whatsapp-store-theme-pizza .pizza-combo-banner p {
    margin: 0 0 5px;
    color: #ffcc45;
    font-family: Georgia, serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 900;
}

body.whatsapp-store-theme-pizza .pizza-combo-banner h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.06;
    font-weight: 950;
}

body.whatsapp-store-theme-pizza .top-cat {
    border-radius: 10px;
    background: #fff0cf;
}

body.whatsapp-store-theme-pizza .top-cat .thumb {
    height: 78px;
    color: #b71d1b;
    background: linear-gradient(180deg, #fff8e6, #ffe9b6);
    font-size: 10px;
    font-weight: 950;
}

body.whatsapp-store-theme-pizza .bottom-nav {
    border-top-color: #ead9bb;
    background: rgba(255, 251, 238, .98);
    box-shadow: 0 -8px 24px rgba(101, 60, 14, .10);
}

@media (max-width: 390px) {
    body.whatsapp-store-theme-pizza .sale-copy h2 {
        font-size: 39px;
    }

    body.whatsapp-store-theme-pizza .sale-copy h2 span {
        font-size: 28px;
    }

    body.whatsapp-store-theme-pizza .product-card {
        flex-basis: 118px;
    }
}