/* WiseLeaf Journals Page Dynamic Images */
/* Enhances existing styles to support background images */

/* Hero Section - Dynamic Background Image Support */
.journals-header {
    /* Ensure proper height for hero images */
    min-height: 300px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    
    /* Override existing background */
    background: none !important;
    
    /* Background image defaults (will be overridden by JS) */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    
    /* Ensure content is properly positioned */
    position: relative !important;
}

.journals-header h1,
.journals-header p {
    /* Ensure text is above background when shown */
    position: relative !important;
    z-index: 2 !important;
    margin: 0 auto !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .journals-header {
        min-height: 250px !important;
        padding: 30px 15px !important;
    }
}

@media (max-width: 480px) {
    .journals-header {
        min-height: 200px !important;
        padding: 20px 10px !important;
    }
}

/* Loading states */
.journals-header[data-loading="true"] {
    background: var(--gradient-main) !important;
}

/* Smooth transitions */
.journals-header {
    transition: all 0.3s ease !important;
}