/* /Components/Admin/DistributionLogger.razor.rz.scp.css */
/* Phone-first: this page is worked one-handed while standing up. Everything here is
   layout and hit-target sizing - colour comes from Bootstrap's semantic utilities so the
   brand tokens stay the single source of truth. */

.position-banner[b-q2dltsc5ix] {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
}

/* Minimum comfortable thumb target. */
.btn-tap[b-q2dltsc5ix] {
    min-height: 2.75rem;
}

.title-card[b-q2dltsc5ix] {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.75rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Leaves room for the cart bar so the last row of titles is never trapped underneath it. */
.title-grid[b-q2dltsc5ix] {
    padding-bottom: 22rem;
}

.cart-bar[b-q2dltsc5ix] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    max-height: 60vh;
    overflow-y: auto;
    padding: 0.75rem 0 1rem;
    background: var(--bs-body-bg);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.08);
}
/* /Components/Layout/AccountLayout.razor.rz.scp.css */
.account-shell[b-ha7orrfyql] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-page);
    padding: 2rem 1rem;
}

.account-card[b-ha7orrfyql] {
    width: 100%;
    max-width: 440px;
    background: var(--surface-card);
    border-radius: var(--radius-2xl);
    border-top: 4px solid var(--brand-accent);
    box-shadow: var(--shadow-card);
    padding: 2.5rem 2rem;
}

.account-logo[b-ha7orrfyql] {
    max-height: 70px;
    max-width: 100%;
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-shell[b-tfqp5z8f9a] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--surface-page);
}

.admin-nav[b-tfqp5z8f9a] {
    background: var(--purple-700);
    --bs-navbar-hover-color: var(--yellow-400);
    --bs-navbar-active-color: var(--yellow-400);
}

.admin-nav[b-tfqp5z8f9a]  .nav-link.active {
    font-weight: 600;
}

.admin-content[b-tfqp5z8f9a] {
    flex: 1 0 auto;
}

.admin-footer[b-tfqp5z8f9a] {
    flex-shrink: 0;
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
/* App shell: sticky footer layout */
.page-shell[b-8wh5bg09zc] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.page-content[b-8wh5bg09zc] {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

/* Navigation */
.main-nav[b-8wh5bg09zc] {
    background: var(--purple-700);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    padding: 0.25rem 0;
    --bs-navbar-hover-color: var(--yellow-400);
    --bs-navbar-active-color: var(--yellow-400);
}

.main-nav[b-8wh5bg09zc]  .nav-link.active {
    font-weight: 600;
}

.brand-logo[b-8wh5bg09zc] {
    height: 60px;
}

.navbar-content-wrapper[b-8wh5bg09zc] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.main-nav .navbar-toggler[b-8wh5bg09zc] {
    border: none;
    padding: 0.25rem 0.5rem;
}

.main-nav .navbar-collapse[b-8wh5bg09zc] {
    width: 100%;
    margin-top: 1rem;
    order: 3;
    flex-basis: 100%;
}

@media (min-width: 992px) {
    .main-nav[b-8wh5bg09zc] {
        padding: 0.5rem 0;
    }

    .brand-logo[b-8wh5bg09zc] {
        height: 70px;
    }

    .navbar-content-wrapper[b-8wh5bg09zc] {
        justify-content: center;
        width: auto;
        flex-wrap: nowrap;
        margin: 0 auto;
    }

    .main-nav .navbar-brand[b-8wh5bg09zc] {
        margin-right: 5rem;
    }

    .main-nav .navbar-collapse[b-8wh5bg09zc] {
        margin-top: 0;
        width: auto;
        flex-basis: auto;
        order: unset;
    }
}

/* Footer */
.footer[b-8wh5bg09zc] {
    flex-shrink: 0;
    width: 100%;
    background: var(--purple-700);
}

.footer[b-8wh5bg09zc]  .footer-social a {
    color: white;
}

/* Unobtrusive staff entry point - present for those who know it, invisible to everyone else */
.staff-link[b-8wh5bg09zc] {
    color: inherit;
    opacity: 0.35;
    margin-left: 0.5rem;
    text-decoration: none;
    transition: opacity var(--dur-fast) ease, color var(--dur-fast) ease;
}

.staff-link:hover[b-8wh5bg09zc],
.staff-link:focus-visible[b-8wh5bg09zc] {
    opacity: 1;
    color: var(--brand-accent);
}
/* /Components/Pages/Association.razor.rz.scp.css */
/* Gold highlight card for the Sunday feast time */
.feast-time-card[b-mv76sw8ile] {
    background: var(--brand-accent);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    box-shadow: 0 5px 15px rgba(255, 213, 36, 0.3);
    transition: var(--transition-base);
    color: var(--brand-primary-strong);
}

.feast-time-card:hover[b-mv76sw8ile] {
    transform: var(--lift-hover);
    box-shadow: 0 8px 25px rgba(255, 213, 36, 0.4);
}

.feast-time-title[b-mv76sw8ile] {
    font-size: 1.2rem;
    font-weight: var(--fw-semibold);
    color: var(--brand-primary-strong);
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.feast-time-title i[b-mv76sw8ile] {
    color: var(--brand-primary);
}
/* /Components/Pages/Connect.razor.rz.scp.css */
.hours-item[b-87gd06hjza] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(220, 207, 192, 0.5);
}

.hours-item:last-child[b-87gd06hjza] {
    border-bottom: none;
}

.hours-item.special[b-87gd06hjza] {
    background: var(--grad-gold);
    margin: 0.5rem -1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    border-bottom: none;
    color: var(--brand-primary-strong);
    font-weight: 600;
}
/* /Components/Pages/Donations.razor.rz.scp.css */
/* One donation method row: gold left accent over faint gold tint */
.donation-method[b-t4sem7rgd6] {
    padding: 1rem;
    border-left: 4px solid var(--brand-accent);
    background: rgba(236, 182, 2, 0.05);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.donation-method-title[b-t4sem7rgd6] {
    color: var(--text-heading);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* Copyable payment handle (Zelle email / Cash App tag) */
.handle-box[b-t4sem7rgd6] {
    background: rgba(236, 182, 2, 0.1);
    padding: 1rem;
    border-radius: var(--radius-sm);
    border-left: 4px solid var(--brand-accent);
}

.handle-label[b-t4sem7rgd6] {
    font-size: 0.9rem;
    color: var(--text-muted);
    margin: 0 0 0.25rem 0;
    font-weight: 500;
}

.handle-value[b-t4sem7rgd6] {
    font-size: 1.1rem;
    color: var(--text-heading);
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    font-family: var(--font-mono);
    background: var(--surface-card);
    padding: 0.5rem;
    border-radius: 4px;
    border: 1px solid var(--brand-accent);
}

.handle-note[b-t4sem7rgd6] {
    font-size: 0.85rem;
    color: var(--ink-600);
    margin: 0;
    font-style: italic;
}

/* Gradient band with gold top rule */
.help-band[b-t4sem7rgd6] {
    background: linear-gradient(135deg, var(--cream-200) 0%, var(--cream-100) 100%);
    position: relative;
    border-radius: var(--radius-lg);
}

.help-band[b-t4sem7rgd6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--gold-600), var(--yellow-400), var(--gold-600));
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Hero band with the scrolling maha-mantra frame */
.hero-section[b-3xzlf2o9o3] {
    background: var(--surface-hero);
    width: 100%;
    display: flex;
    align-items: center;
    padding: 3rem 0;
    position: relative;
    overflow: hidden;
}

.hero-image-container[b-3xzlf2o9o3] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.hero-image[b-3xzlf2o9o3] {
    width: auto;
    height: 100%;
    max-height: 300px;
    object-fit: contain;
}

.hero-content[b-3xzlf2o9o3] {
    position: relative;
    z-index: 1;
    text-align: center;
}

.hero-title[b-3xzlf2o9o3] {
    font-size: 2.5rem;
    line-height: 1.1;
}

.hero-subtitle[b-3xzlf2o9o3] {
    font-size: 1.3rem;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .hero-section[b-3xzlf2o9o3] { padding: 4rem 0; }
    .hero-content[b-3xzlf2o9o3] { text-align: left; }
    .hero-image-container[b-3xzlf2o9o3] { justify-content: flex-end; }
    .hero-title[b-3xzlf2o9o3] { font-size: 3.5rem; }
    .hero-subtitle[b-3xzlf2o9o3] { font-size: 1.5rem; }
    .hero-image[b-3xzlf2o9o3] { max-height: 400px; }
}

@media (min-width: 992px) {
    .hero-section[b-3xzlf2o9o3] { padding: 6rem 0; }
    .hero-title[b-3xzlf2o9o3] { font-size: 5rem; }
    .hero-subtitle[b-3xzlf2o9o3] { font-size: 1.8rem; }
    .hero-image[b-3xzlf2o9o3] { max-height: 500px; }
}

/* Srila Prabhupada portrait: photo on a warm-white mat */
.prabhupada-band[b-3xzlf2o9o3] {
    background: linear-gradient(135deg, var(--cream-0) 0%, var(--cream-100) 100%);
}

.matted-frame[b-3xzlf2o9o3] {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-card);
    background: var(--surface-card);
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 450px;
}

.matted-frame img[b-3xzlf2o9o3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: transform var(--dur-fast) ease;
}

.matted-frame img:hover[b-3xzlf2o9o3] {
    transform: scale(1.03);
}

@media (max-width: 767px) {
    .matted-frame[b-3xzlf2o9o3] { height: 300px; }
}
/* /Components/Pages/SrilaPrabhupada.razor.rz.scp.css */
.hero-band[b-l12xs34l22] {
    background: var(--surface-hero);
    padding: 3rem 0;
}

@media (min-width: 768px) {
    .hero-band[b-l12xs34l22] { padding: 4rem 0; }
}

/* Photo on a warm-white mat */
.hero-portrait[b-l12xs34l22] {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-card);
    background: var(--surface-card);
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 450px;
}

.hero-portrait img[b-l12xs34l22] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .hero-portrait[b-l12xs34l22] { height: 300px; }
}

.biography-band[b-l12xs34l22] {
    background: var(--surface-card);
}

.legacy-band[b-l12xs34l22] {
    background: linear-gradient(135deg, var(--cream-200) 0%, var(--cream-100) 100%);
}

.biography-text[b-l12xs34l22] {
    line-height: var(--lh-body);
    color: var(--ink-700);
    font-size: 1.05rem;
}

.legacy-highlight[b-l12xs34l22] {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: var(--ink-700);
    padding: 0.75rem;
    background: rgba(236, 182, 2, 0.1);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--brand-accent);
}

.legacy-highlight i[b-l12xs34l22] {
    color: var(--brand-accent);
    font-size: 1.2rem;
    width: 25px;
    text-align: center;
    margin-right: 0.5rem;
}
/* /Components/Pages/UcfRathaYatra.razor.rz.scp.css */
.flyer[b-npf6uqcvjg] {
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.detail-icon[b-npf6uqcvjg] {
    font-size: 2.5rem;
    color: var(--brand-accent);
}

.expect-icon[b-npf6uqcvjg] {
    font-size: 2rem;
    color: var(--brand-accent);
}
/* /Components/Public/EventCard.razor.rz.scp.css */
.event-card[b-h2v9bjzp9i] {
    background: var(--surface-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    transition: var(--transition-base);
    height: 100%;
    border: 1px solid var(--line-neutral);
}

.event-card:hover[b-h2v9bjzp9i] {
    transform: var(--lift-card);
    box-shadow: var(--shadow-card-hover);
}

.event-image-container[b-h2v9bjzp9i] {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.event-image[b-h2v9bjzp9i] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--dur-fast) ease;
}

.event-card:hover .event-image[b-h2v9bjzp9i] {
    transform: scale(1.05);
}

.event-image-placeholder[b-h2v9bjzp9i] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-well);
    color: var(--brand-accent);
    font-size: 3rem;
}

.event-date-overlay[b-h2v9bjzp9i] {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--grad-purple);
    color: white;
    border-radius: var(--radius-lg);
    padding: 6px 10px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(41, 8, 73, 0.4);
    min-width: 50px;
}

.event-day[b-h2v9bjzp9i] {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1;
    margin-bottom: 2px;
}

.event-month[b-h2v9bjzp9i] {
    font-weight: 500;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.9;
}

.event-content[b-h2v9bjzp9i] {
    padding: 1.2rem;
}

.event-title[b-h2v9bjzp9i] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    line-height: var(--lh-snug);
    color: var(--text-heading);
}

.event-description[b-h2v9bjzp9i] {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: var(--lh-ui);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-details[b-h2v9bjzp9i] {
    color: var(--ink-400);
}

.event-datetime[b-h2v9bjzp9i] {
    font-size: var(--text-sm);
    display: flex;
    align-items: center;
}

.event-datetime i[b-h2v9bjzp9i] {
    color: var(--brand-primary);
    width: 16px;
}

@media (min-width: 768px) {
    .event-image-container[b-h2v9bjzp9i] {
        height: 250px;
    }

    .event-date-overlay[b-h2v9bjzp9i] {
        top: 15px;
        left: 15px;
        padding: 8px 12px;
        min-width: 60px;
    }

    .event-day[b-h2v9bjzp9i] {
        font-size: 1.4rem;
    }

    .event-content[b-h2v9bjzp9i] {
        padding: 1.5rem;
    }

    .event-title[b-h2v9bjzp9i] {
        font-size: 1.4rem;
    }
}