/* ==========================================================
   ZRECIPEZ — GLOBAL GLASS CARDS + LOGO
   ========================================================== */

/* ----------------------------------------------------------
   GLASS CARDS
   ---------------------------------------------------------- */

.card,
.recipe-card,
.recipe-content,
.recipe-info,
.recipe-body,
.recipe-detail,
.recipe-details,
.recipe-container,
.recipe-wrapper,
.ingredients,
.instructions,
.nutrition,
.nutrition-info,
.panel,
.feature,
.ai-box,
.dish,
.recipe-backsplash,
article,
[class*="card"],
[class*="panel"] {

    background:
        rgba(10, 10, 10, 0.20) !important;

    backdrop-filter:
        blur(10px) saturate(120%) !important;

    -webkit-backdrop-filter:
        blur(10px) saturate(120%) !important;

    border:
        1px solid rgba(255, 215, 60, .55) !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

}


/* Remove legacy brown fills */

[style*="brown"],
[style*="#2b1"],
[style*="#3b2"],
[style*="#4b2"],
[style*="#5b3"],
[style*="#6b4"],
[style*="#7b4"] {

    background:
        rgba(10,10,10,.20) !important;

    backdrop-filter:
        blur(10px) !important;

    -webkit-backdrop-filter:
        blur(10px) !important;

}


/* ----------------------------------------------------------
   GLOBAL PAGE LOGO
   ---------------------------------------------------------- */

.zrecipez-global-logo-wrap {

    width:
        100%;

    display:
        flex;

    justify-content:
        flex-start;

    align-items:
        center;

    padding:
        14px 4vw 4px;

    position:
        relative;

    z-index:
        80;
}


.zrecipez-global-logo {

    display:
        block;

    width:
        min(390px, 31vw);

    max-width:
        390px;

    height:
        auto;

    filter:
        drop-shadow(0 0 4px #fff3a0)
        drop-shadow(0 0 8px #ffd700)
        drop-shadow(0 0 15px #ff9800)
        drop-shadow(0 0 24px rgba(255,70,0,.70));

    animation:
        zrecipezGlobalLogoGlow
        1.5s
        ease-in-out
        infinite alternate;

}


@keyframes zrecipezGlobalLogoGlow {

    from {
        filter:
            drop-shadow(0 0 4px #fff3a0)
            drop-shadow(0 0 8px #ffd700)
            drop-shadow(0 0 14px #ff9800)
            drop-shadow(0 0 20px rgba(255,70,0,.55));
    }

    to {
        filter:
            drop-shadow(0 0 6px #ffffff)
            drop-shadow(0 0 12px #ffd700)
            drop-shadow(0 0 20px #ff8400)
            drop-shadow(0 0 30px rgba(255,55,0,.85));
    }

}


@media(max-width:800px) {

    .zrecipez-global-logo {

        width:
            min(350px, 84vw);

    }

}


@media(prefers-reduced-motion: reduce) {

    .zrecipez-global-logo {
        animation:
            none !important;
    }

}