/* /Layout/MainLayout.razor.rz.scp.css */
/* Reset the default blazor layout constraints */
.page-container[b-1j0pjy6pda] {
    display: flex;
    flex-direction: column;
}

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

/* Make sure the comic container doesn't get too wide on giant screens */
.container[b-1j0pjy6pda] {
    max-width: 1100px;
}

/* Custom black for that premium comic feel */
.bg-light[b-1j0pjy6pda] {
    background-color: #ece6e6 !important;
}

/* Smooth transition for loading comics */
main[b-1j0pjy6pda] {
    animation: fadeIn-b-1j0pjy6pda 0.5s ease-in;
}

/* Custom Newspaper Typography */
.masthead-title[b-1j0pjy6pda] {
    font-family: 'Playfair Display', 'Times New Roman', serif;
    font-size: 2.5rem;
    letter-spacing: -1px;
    line-height: 1;
    display: block;
    text-transform: uppercase;
}

.newspaper-header[b-1j0pjy6pda] {
    /* Subtle off-white to look like newsprint */
    background-color: #fdfdfd; 
}

/* Thick borders for the "Double Rule" look */
.border-dark[b-1j0pjy6pda] {
    border-color: #212529 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .masthead-title[b-1j0pjy6pda] {
        font-size: 1.5rem;
    }
    .col-4[b-1j0pjy6pda] {
        width: 100%;
        text-align: center !important;
        justify-content: center !important;
        margin-bottom: 0.5rem;
    }
    .row[b-1j0pjy6pda] {
        flex-direction: column;
    }
}

@keyframes fadeIn-b-1j0pjy6pda {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* /Pages/Home.razor.rz.scp.css */
/* Typography */
.masthead-serif[b-71ix0jtbtu] {
    font-family: 'Playfair Display', 'Times New Roman', serif;
    font-weight: 800;
}

.bento-img[b-71ix0jtbtu] {
    width: 80%;
    height:auto;
    margin: 0 auto;
}

.info-item[b-71ix0jtbtu] {
    grid-column: span 2;
    border-style: dashed !important;
    background-color: #fefefe !important;
}

/* Archive Image Effects */
.archive-img-container[b-71ix0jtbtu] {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.bento-img-ink[b-71ix0jtbtu] {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* Black and white filter for that old comic look */
    filter: grayscale(1) contrast(1.2) brightness(0.9);
    transition: all 0.4s ease;
}

.archive-item:hover .bento-img-ink[b-71ix0jtbtu] {
    filter: none; /* Restore color on hover */
    transform: scale(1.05);
}

.archive-date-tag[b-71ix0jtbtu] {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    color: #fff;
    font-size: 0.65rem;
    padding: 2px 6px;
    text-transform: uppercase;
}

/* Responsive adjustments */
@media (max-width: 992px) {
}

@media (max-width: 576px) {
    .hero-item[b-71ix0jtbtu] { grid-row: span 2; }
}