/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-to060fh98x] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-to060fh98x] {
    flex: 1;
}

.sidebar[b-to060fh98x] {
    background-image:
        radial-gradient(420px 220px at 30% 0%, rgba(216, 177, 90, 0.16), transparent 70%),
        linear-gradient(180deg, var(--mc-nav-top) 0%, var(--mc-nav-bottom) 70%);
}

.top-row[b-to060fh98x] {
    background: linear-gradient(180deg, rgba(255, 249, 238, 0.92) 0%, rgba(251, 244, 230, 0.92) 100%);
    border-bottom: 1px solid rgba(58, 43, 31, 0.12);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-to060fh98x]  a, .top-row[b-to060fh98x]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: var(--mc-text);
        opacity: 0.92;
    }

    .top-row[b-to060fh98x]  a:hover, .top-row[b-to060fh98x]  .btn-link:hover {
        text-decoration: underline;
        opacity: 1;
    }

    .top-row[b-to060fh98x]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

body.rz-dark-mode .top-row[b-to060fh98x] {
    background: linear-gradient(180deg, rgba(28, 20, 16, 0.92) 0%, rgba(20, 15, 11, 0.92) 100%);
    border-bottom: 1px solid rgba(244, 233, 218, 0.10);
}

body.rz-dark-mode .top-row[b-to060fh98x]  a,
body.rz-dark-mode .top-row[b-to060fh98x]  .btn-link {
    color: var(--mc-text);
    opacity: 0.88;
}

body.rz-dark-mode .top-row[b-to060fh98x]  a:hover,
body.rz-dark-mode .top-row[b-to060fh98x]  .btn-link:hover {
    opacity: 1;
}

@media (max-width: 640.98px) {
    .top-row[b-to060fh98x] {
        justify-content: space-between;
    }

    .top-row[b-to060fh98x]  a, .top-row[b-to060fh98x]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-to060fh98x] {
        flex-direction: row;
    }

    .sidebar[b-to060fh98x] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-to060fh98x] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-to060fh98x]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-to060fh98x], article[b-to060fh98x] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-to060fh98x] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-to060fh98x] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-bqjrwz5x0z] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 249, 238, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.09);
}

.navbar-toggler:checked[b-bqjrwz5x0z] {
    background-color: rgba(255, 255, 255, 0.25);
}

.top-row[b-bqjrwz5x0z] {
    min-height: 3.5rem;
    background:
        radial-gradient(220px 120px at 30% 10%, rgba(216, 177, 90, 0.18), transparent 70%),
        linear-gradient(180deg, rgba(58, 43, 31, 0.22) 0%, rgba(0, 0, 0, 0.18) 100%);
    border-bottom: 1px solid rgba(255, 249, 238, 0.12);
}

.navbar-brand[b-bqjrwz5x0z] {
    font-size: 1.05rem;
    color: var(--mc-nav-text);
    letter-spacing: 0.2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    padding: 0.35rem 0;
}

.navbar-brand:hover[b-bqjrwz5x0z] {
    color: #fff;
}

.nav-logo[b-bqjrwz5x0z] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid rgba(255, 249, 238, 0.22);
    box-shadow: 0 10px 20px rgba(0,0,0,0.25);
}

.nav-brand-text[b-bqjrwz5x0z] {
    font-family: "Borel", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.1;
}

/* Bootstrap Icons */
.bi[b-bqjrwz5x0z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    width: 1.75rem;
    margin-right: 0.6rem;
}

.nav-item[b-bqjrwz5x0z] {
    font-size: 0.95rem;
    padding-bottom: 0.4rem;
}

    .nav-item:first-of-type[b-bqjrwz5x0z] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-bqjrwz5x0z] {
        padding-bottom: 1rem;
    }

    .nav-item[b-bqjrwz5x0z]  .nav-link {
        color: var(--mc-nav-text);
        background: none;
        border: none;
        border-radius: 10px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
        transition: background-color 120ms ease, color 120ms ease;
    }

.nav-item[b-bqjrwz5x0z]  a.active {
    background-color: rgba(255, 249, 238, 0.12);
    color: #fff;
    box-shadow: inset 3px 0 0 0 var(--mc-accent);
}

.nav-item[b-bqjrwz5x0z]  .nav-link:hover {
    background-color: rgba(255, 249, 238, 0.08);
    color: #fff;
}

/* Special highlight for primary action */
.nav-item[b-bqjrwz5x0z]  .highlight-nav {
    background-color: rgba(217, 150, 74, 0.18);
    font-weight: 650;
    box-shadow: inset 3px 0 0 0 var(--mc-primary);
}

.nav-item[b-bqjrwz5x0z]  .highlight-nav:hover {
    background-color: rgba(217, 150, 74, 0.26);
}

/* Desktop-only flicker for the Light Candle icon */
@keyframes nav-flame-flicker-b-bqjrwz5x0z {
    0% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 0 0 rgba(216, 160, 70, 0));
        opacity: 0.95;
    }

    35% {
        transform: translateY(-1px) scale(1.06);
        filter: drop-shadow(0 0 8px rgba(216, 160, 70, 0.45));
        opacity: 1;
    }

    60% {
        transform: translateY(0) scale(0.98);
        filter: drop-shadow(0 0 10px rgba(216, 160, 70, 0.35));
        opacity: 0.9;
    }

    100% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 0 0 rgba(216, 160, 70, 0));
        opacity: 0.95;
    }
}

@media (min-width: 641px) {
    .nav-item[b-bqjrwz5x0z]  .nav-link .nav-flicker {
        animation: nav-flame-flicker-b-bqjrwz5x0z 1.6s ease-in-out infinite;
        transform-origin: 50% 85%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nav-flicker[b-bqjrwz5x0z] {
        animation: none !important;
    }
}

.nav-scrollable[b-bqjrwz5x0z] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-bqjrwz5x0z] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-bqjrwz5x0z] {
        display: none;
    }

    .nav-scrollable[b-bqjrwz5x0z] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-u6ttdtg1px],
.components-reconnect-repeated-attempt-visible[b-u6ttdtg1px],
.components-reconnect-failed-visible[b-u6ttdtg1px],
.components-pause-visible[b-u6ttdtg1px],
.components-resume-failed-visible[b-u6ttdtg1px],
.components-rejoining-animation[b-u6ttdtg1px] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-u6ttdtg1px],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-u6ttdtg1px],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-u6ttdtg1px],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-u6ttdtg1px],
#components-reconnect-modal.components-reconnect-retrying[b-u6ttdtg1px],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-u6ttdtg1px],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-u6ttdtg1px],
#components-reconnect-modal.components-reconnect-failed[b-u6ttdtg1px],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-u6ttdtg1px] {
    display: block;
}


#components-reconnect-modal[b-u6ttdtg1px] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-u6ttdtg1px 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-u6ttdtg1px 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-u6ttdtg1px 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-u6ttdtg1px]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-u6ttdtg1px 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-u6ttdtg1px {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-u6ttdtg1px {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-u6ttdtg1px {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-u6ttdtg1px] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-u6ttdtg1px] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-u6ttdtg1px] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-u6ttdtg1px] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-u6ttdtg1px] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-u6ttdtg1px] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-u6ttdtg1px] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-u6ttdtg1px 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-u6ttdtg1px] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-u6ttdtg1px {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home[b-uizacvxmjw] {
    min-height: calc(100vh - 3.5rem);
}

.home-footer[b-uizacvxmjw] {
    margin-top: 3rem;
    padding: 1.5rem 1rem;
    border-top: 1px solid rgba(58, 43, 31, 0.12);
}

.home-footer-links[b-uizacvxmjw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.home-footer-links a[b-uizacvxmjw] {
    color: var(--rz-text-secondary-color);
    text-decoration: none;
    opacity: 0.85;
    font-size: 0.875rem;
}

.home-footer-links a:hover[b-uizacvxmjw] {
    text-decoration: underline;
    opacity: 1;
}

.home-footer-separator[b-uizacvxmjw] {
    color: var(--rz-text-secondary-color);
    opacity: 0.5;
}

.home-hero[b-uizacvxmjw] {
    background:
        radial-gradient(900px 420px at 12% 18%, rgba(216, 177, 90, 0.18), transparent 62%),
        radial-gradient(900px 380px at 88% 10%, rgba(201, 130, 42, 0.14), transparent 58%),
        radial-gradient(1200px 520px at 50% 0%, rgba(58, 43, 31, 0.25), transparent 65%),
        linear-gradient(180deg, rgba(58, 43, 31, 0.18) 0%, rgba(251, 244, 230, 0.55) 100%);
}

.home-hero-card.rz-card[b-uizacvxmjw],
.home-hero-card[b-uizacvxmjw] {
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(28, 20, 16, 0.95), rgba(20, 15, 11, 0.92)) !important;
    border: 1px solid rgba(216, 177, 90, 0.2) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.4) !important;
    color: rgba(244, 233, 218, 0.95) !important;
}

.home-hero-card h1[b-uizacvxmjw],
.home-hero-card .rz-text-h2[b-uizacvxmjw] {
    color: rgba(244, 233, 218, 0.98) !important;
}

.home-title[b-uizacvxmjw] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.home-hebrew[b-uizacvxmjw] {
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-size: 1.05rem;
    letter-spacing: 0.3px;
    color: rgba(216, 177, 90, 0.9);
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: rgba(216, 177, 90, 0.15);
    border: 1px solid rgba(216, 177, 90, 0.25);
    white-space: nowrap;
}

.home-subtitle[b-uizacvxmjw] {
    color: rgba(244, 233, 218, 0.75) !important;
}

.home-lead[b-uizacvxmjw] {
    max-width: 60ch;
    color: rgba(244, 233, 218, 0.85) !important;
}

.home-note[b-uizacvxmjw] {
    color: rgba(244, 233, 218, 0.65) !important;
}

.home-hero-visual[b-uizacvxmjw] {
    display: flex;
    justify-content: center;
}

.home-hero-image[b-uizacvxmjw] {
    width: 100%;
    max-width: 400px;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    object-fit: cover;
}

.home-feature[b-uizacvxmjw] {
    border-radius: 16px;
    border: 1px solid rgba(58, 43, 31, 0.10);
}

.home-feature-wrapper[b-uizacvxmjw] {
    position: relative;
}

.coming-soon-banner[b-uizacvxmjw] {
    position: absolute;
    top: -12px;
    right: -12px;
    background: linear-gradient(135deg, #C9822A 0%, #B17323 100%);
    color: white;
    padding: 0.5rem 1rem;
    font-weight: bold;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(201, 130, 42, 0.4);
    z-index: 10;
    transform: rotate(3deg);
}

.home-feature-disabled[b-uizacvxmjw] {
    opacity: 0.6;
    cursor: not-allowed !important;
    filter: grayscale(20%);
    pointer-events: none;
}

.home-feature-button[b-uizacvxmjw] {
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.home-feature-button:hover[b-uizacvxmjw] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(58, 43, 31, 0.15);
    border-color: rgba(201, 130, 42, 0.3);
    background: linear-gradient(180deg, rgba(255, 249, 238, 1), rgba(251, 244, 230, 0.9)) !important;
}

.home-feature-button .rz-stack[b-uizacvxmjw] {
    align-items: center;
}

.home-feature-icon[b-uizacvxmjw] {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(201, 130, 42, 0.12);
    color: var(--mc-primary);
    font-size: 2rem;
}

.home-feature-button h5[b-uizacvxmjw],
.home-feature-button .rz-text-h5[b-uizacvxmjw] {
    text-align: center;
}

.home-feature-description[b-uizacvxmjw] {
    color: rgba(58, 43, 31, 0.75) !important;
    text-align: center;
}

.home-about[b-uizacvxmjw] {
    border-radius: 16px;
    border: 1px solid rgba(58, 43, 31, 0.10);
    background: linear-gradient(180deg, rgba(255, 249, 238, 0.86), rgba(251, 244, 230, 0.66));
}

@media (max-width: 640.98px) {
    .home-title[b-uizacvxmjw] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
    }

    .coming-soon-banner[b-uizacvxmjw] {
        top: -8px;
        right: -8px;
        font-size: 0.75rem;
        padding: 0.4rem 0.8rem;
    }
}

/* Dark mode tuning for the hero backgrounds */
body.rz-dark-mode .home-hero[b-uizacvxmjw] {
    background:
        radial-gradient(900px 380px at 20% 15%, rgba(216, 177, 90, 0.12), transparent 62%),
        radial-gradient(800px 340px at 85% 12%, rgba(216, 160, 70, 0.10), transparent 58%),
        radial-gradient(1200px 520px at 50% 0%, rgba(0, 0, 0, 0.45), transparent 60%),
        linear-gradient(180deg, rgba(28, 20, 16, 0.94) 0%, rgba(20, 15, 11, 0.92) 100%);
}

body.rz-dark-mode .home-hero-card.rz-card[b-uizacvxmjw],
body.rz-dark-mode .home-hero-card[b-uizacvxmjw] {
    background: linear-gradient(180deg, rgba(28, 20, 16, 0.92), rgba(28, 20, 16, 0.78)) !important;
    border: 1px solid rgba(244, 233, 218, 0.10) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35) !important;
}

body.rz-dark-mode .home-subtitle[b-uizacvxmjw] {
    color: var(--mc-muted) !important;
}

body.rz-dark-mode .home-hebrew[b-uizacvxmjw] {
    color: color-mix(in srgb, var(--mc-muted) 92%, transparent);
    background: rgba(216, 160, 70, 0.10);
    border-color: rgba(244, 233, 218, 0.10);
}

body.rz-dark-mode .home-feature-button:hover[b-uizacvxmjw] {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    border-color: rgba(216, 177, 90, 0.3);
    background: linear-gradient(180deg, rgba(28, 20, 16, 0.6), rgba(20, 15, 11, 0.5)) !important;
}

body.rz-dark-mode .home-feature-description[b-uizacvxmjw] {
    color: rgba(244, 233, 218, 0.7) !important;
}

body.rz-dark-mode .home-candle-preview[b-uizacvxmjw],
body.rz-dark-mode .home-feature[b-uizacvxmjw],
body.rz-dark-mode .home-about[b-uizacvxmjw] {
    border-color: rgba(244, 233, 218, 0.10);
}

body.rz-dark-mode .home-footer[b-uizacvxmjw] {
    border-top: 1px solid rgba(244, 233, 218, 0.10);
}

body.rz-dark-mode .home-footer-links a[b-uizacvxmjw] {
    color: var(--rz-text-secondary-color);
}
/* /Components/Pages/LightCandle.razor.rz.scp.css */
.clickable-card[b-idgq4bs4jc] {
    transition: transform 0.2s, box-shadow 0.2s;
}

.clickable-card:hover[b-idgq4bs4jc] {
    transform: translateY(-4px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.disabled-card[b-idgq4bs4jc] {
    opacity: 0.6;
    cursor: not-allowed !important;
    filter: grayscale(20%);
    pointer-events: none;
}

.coming-soon-badge[b-idgq4bs4jc] {
    position: absolute;
    top: -12px;
    right: -12px;
    background: linear-gradient(135deg, #C9822A 0%, #B17323 100%);
    color: white;
    padding: 0.5rem 1rem;
    font-weight: bold;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(201, 130, 42, 0.4);
    z-index: 10;
    transform: rotate(3deg);
}

/* Flame preview styling - used only in animation selector */
.flame-preview-container[b-idgq4bs4jc] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 100%;
    padding: 10px;
    background: linear-gradient(to bottom, #1a1a2e 0%, #2d2d44 100%);
    border-radius: 8px;
    position: relative;
}

.preview-candle[b-idgq4bs4jc] {
    position: relative;
    width: 30px;
    height: 60px;
    background: linear-gradient(to bottom, #ffffff 0%, #f0e68c 50%, #daa520 100%);
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.preview-candle[b-idgq4bs4jc]::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background: #8b4513;
    border-radius: 50%;
}

.preview-flame[b-idgq4bs4jc] {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 35px;
    background: radial-gradient(ellipse at center bottom, 
        #ff6b00 0%, 
        #ff8c00 30%, 
        #ffa500 50%, 
        #ffff00 80%, 
        transparent 100%);
    border-radius: 50% 50% 30% 30%;
    filter: drop-shadow(0 0 10px rgba(255, 165, 0, 0.8));
}

.preview-flame[b-idgq4bs4jc]::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 20px;
    background: radial-gradient(ellipse at center bottom, 
        #ffff00 0%, 
        #fff8dc 50%, 
        transparent 80%);
    border-radius: 50% 50% 30% 30%;
}

/* Animation classes - using shared animations from candle-animation.css */
.preview-flame.flame-1[b-idgq4bs4jc] { animation: flicker1 2s infinite ease-in-out; }
.preview-flame.flame-2[b-idgq4bs4jc] { animation: sway2 3s infinite ease-in-out; }
.preview-flame.flame-3[b-idgq4bs4jc] { animation: intense3 1.5s infinite ease-in-out; }
.preview-flame.flame-4[b-idgq4bs4jc] { animation: tall4 2.5s infinite ease-in-out; }
.preview-flame.flame-5[b-idgq4bs4jc] { animation: glow5 3.5s infinite ease-in-out; }

@media (max-width: 768px) {
    .coming-soon-badge[b-idgq4bs4jc] {
        top: -8px;
        right: -8px;
        font-size: 0.75rem;
        padding: 0.4rem 0.8rem;
    }
}
/* /Components/Pages/MyCandles.razor.rz.scp.css */
/* ============================================ */
/* My Candles Page - Memorial Room Theme       */
/* Component-scoped styles for MyCandles        */
/* ============================================ */

/* Full-page wrapper with memorial room background */
.my-candles-wrapper[b-nxfl3e6rax] {
    min-height: 100vh;
    padding: 2rem 1rem;
}
/* /Components/Pages/ViewCandle.razor.rz.scp.css */
/* ============================================ */
/* View Candle Page - Memorial Room Theme      */
/* ============================================ */

.view-candle-page[b-6pqzhrgctb] {
    min-height: 100vh;
    padding: 2rem 0;
}

.view-candle-hero[b-6pqzhrgctb] {
    border-radius: 18px;
    background: rgba(20, 20, 30, 0.85);
    border: 1px solid rgba(200, 180, 120, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.view-candle-header[b-6pqzhrgctb] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.view-candle-hebrew[b-6pqzhrgctb] {
    font-family: Arial, 'Segoe UI', Tahoma, 'Noto Sans Hebrew', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    color: #d4af37;
    padding: 0.5rem 1.5rem;
    border-radius: 999px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.3);
}

/* ============================================ */
/* Large Candle Display with Illuminated Base  */
/* ============================================ */

.candle-display-shelf[b-6pqzhrgctb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 2rem 0;
}

.candle-display-container[b-6pqzhrgctb] {
    padding: 3rem 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.candle-large[b-6pqzhrgctb] {
    position: relative;
    width: 120px;
    height: 240px;
    background: linear-gradient(to bottom, 
        #ffffff 0%, 
        #fff8e7 20%,
        #f0e68c 50%, 
        #daa520 80%,
        #b8860b 100%);
    border-radius: 16px 16px 0 0;
    box-shadow: 
        0 8px 24px rgba(0, 0, 0, 0.4),
        inset -4px 0 8px rgba(0, 0, 0, 0.1),
        inset 4px 0 8px rgba(255, 255, 255, 0.1);
}

.candle-large[b-6pqzhrgctb]::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background: #8b4513;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Large candle decorations using Unicode characters */
.candle-large[b-6pqzhrgctb]::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 64px;
    line-height: 1;
    opacity: 0.25;
    z-index: 1;
    color: #654321;
}

/* Monochrome class for large candle emoji decorations */
.candle-large.monochrome-icon[b-6pqzhrgctb]::after {
    filter: grayscale(1) brightness(0.6) sepia(1) hue-rotate(20deg) saturate(3);
}

/* Large Candle Decoration Type 1: Jewish Yahrzeit - Star of David */
.candle-large.decoration-1[b-6pqzhrgctb]::after {
    content: '\2721';
}

/* Large Candle Decoration Type 2: Christian Cross - Latin Cross */
.candle-large.decoration-2[b-6pqzhrgctb]::after {
    content: '\271D';
}

/* Large Candle Decoration Type 3: Pet Memorial - Paw Print */
.candle-large.decoration-3[b-6pqzhrgctb]::after {
    content: '\1F43E';
}

/* Large Candle Decoration Type 4: Music Memorial - Beamed Music Notes */
.candle-large.decoration-4[b-6pqzhrgctb]::after {
    content: '\266B';
}

/* Large Candle Decoration Type 5: Movie Memorial - Clapper Board */
.candle-large.decoration-5[b-6pqzhrgctb]::after {
    content: '\1F3AC';
}



/* Large Flame Animations */
.flame-large[b-6pqzhrgctb] {
    position: absolute;
    top: -160px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 160px;
    background: radial-gradient(ellipse at center, 
        #fffacd 0%, 
        #ffd700 20%, 
        #ff8c00 60%, 
        #ff6347 90%, 
        transparent 100%);
    border-radius: 50% 50% 50% 50% / 70% 70% 30% 30%;
    filter: blur(6px);
    z-index: 2;
}

.flame-large.flame-1[b-6pqzhrgctb] {
    animation: flicker1 2s infinite ease-in-out;
}

.flame-large.flame-2[b-6pqzhrgctb] {
    animation: sway2 3s infinite ease-in-out;
}

.flame-large.flame-3[b-6pqzhrgctb] {
    animation: intense3 1.5s infinite ease-in-out;
}

.flame-large.flame-4[b-6pqzhrgctb] {
    animation: tall4 2.5s infinite ease-in-out;
}

.flame-large.flame-5[b-6pqzhrgctb] {
    animation: glow5 3.5s infinite ease-in-out;
}

.flame-large[b-6pqzhrgctb]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 60%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, transparent 70%);
    border-radius: 50%;
    animation: innerGlow 2s infinite ease-in-out;
}

/* Illuminated Base/Shelf Effect */
.illuminated-base[b-6pqzhrgctb] {
    width: 280px;
    height: 24px;
    background: linear-gradient(to bottom,
        rgba(212, 175, 55, 0.4) 0%,
        rgba(212, 175, 55, 0.2) 50%,
        rgba(212, 175, 55, 0.05) 100%);
    border-radius: 12px 12px 0 0;
    position: relative;
    box-shadow: 
        0 4px 20px rgba(212, 175, 55, 0.3),
        0 8px 40px rgba(212, 175, 55, 0.2),
        inset 0 2px 4px rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-bottom: 3px solid rgba(212, 175, 55, 0.5);
    animation: baseGlow-b-6pqzhrgctb 3s infinite ease-in-out;
}

.illuminated-base[b-6pqzhrgctb]::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center,
        rgba(255, 200, 100, 0.3) 0%,
        rgba(255, 200, 100, 0.1) 50%,
        transparent 80%);
    filter: blur(20px);
    z-index: -1;
}

@keyframes baseGlow-b-6pqzhrgctb {
    0%, 100% { 
        box-shadow: 
            0 4px 20px rgba(212, 175, 55, 0.3),
            0 8px 40px rgba(212, 175, 55, 0.2),
            inset 0 2px 4px rgba(255, 255, 255, 0.1);
    }
    50% { 
        box-shadow: 
            0 6px 30px rgba(212, 175, 55, 0.5),
            0 12px 50px rgba(212, 175, 55, 0.3),
            inset 0 2px 4px rgba(255, 255, 255, 0.15);
    }
}

.candle-memorial-name[b-6pqzhrgctb] {
    font-family: 'Borel', cursive;
    color: #f5f5f5;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0;
}

.view-candle-qr[b-6pqzhrgctb] {
    width: 180px;
    height: 180px;
    border-radius: 14px;
    background: #ffffff;
    padding: 0.5rem;
    border: 1px solid rgba(212, 175, 55, 0.3);
}

/* Kaddish Video Container */
.kaddish-video-container[b-6pqzhrgctb] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.kaddish-video-container iframe[b-6pqzhrgctb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

/* Override text colors for memorial theme */
.view-candle-page :global(.rz-color-secondary)[b-6pqzhrgctb] {
    color: #b8b8c0 !important;
}

.view-candle-page .view-candle-hero :global(.rz-text)[b-6pqzhrgctb] {
    color: #e8e8ec;
}
/* /Components/Pages/ViewCandles.razor.rz.scp.css */
/* ============================================ */
/* View Candles Page - Memorial Room Theme     */
/* Component-scoped styles for ViewCandles     */
/* ============================================ */

/* Full-page wrapper with memorial room background */
.view-candles-wrapper[b-y12ius99yg] {
    min-height: 100vh;
    padding: 2rem 1rem;
}

/* Individual candle card containers - prototype memorial card style */
.candle-card-memorial[b-y12ius99yg] {
    background: rgba(30, 41, 59, 0.80) !important;
    border: 1px solid rgba(71, 85, 105, 0.5) !important;
    border-radius: 16px !important;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

.candle-card-memorial:hover[b-y12ius99yg] {
    background: rgba(30, 41, 59, 0.90) !important;
    border-color: rgba(251, 146, 60, 0.5) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7) !important;
    transform: translateY(-4px);
}

/* Center candle display */
.candle-card-memorial :global(.candle-container)[b-y12ius99yg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

/* Ensure candle flames remain bright and visible */
.candle-card-memorial :global(.candle)[b-y12ius99yg],
.candle-card-memorial :global([class^="flame-"])[b-y12ius99yg] {
    filter: brightness(1.3);
}

/* Candle name text styling for dark background */
.candle-card-memorial :global(.candle-name)[b-y12ius99yg] {
    color: #FCD34D !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 0.95rem;
    margin-top: 0.5rem;
}

/* Status text styling - amber to match theme */
.candle-card-memorial :global(.rz-color-success)[b-y12ius99yg] {
    color: #FCD34D !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 0.75rem;
}

/* Loading spinner container */
.view-candles-loading[b-y12ius99yg] {
    padding: 3rem;
}

/* View More button styling for dark theme */
.view-candles-wrapper :global(.rz-button-secondary)[b-y12ius99yg] {
    background: rgba(30, 41, 59, 0.85) !important;
    border: 1px solid rgba(71, 85, 105, 0.5) !important;
    color: #F1F5F9 !important;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.view-candles-wrapper :global(.rz-button-secondary:hover)[b-y12ius99yg] {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: rgba(251, 146, 60, 0.6) !important;
}