/* WiseLeaf Webinars Page Dynamic Hero Image */
/* Matches journals page hero image size */

/* Hero Section - Dynamic Background Image Support */
.hero.page-hero {
    /* Match journals-header sizing */
    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;
}

.hero.page-hero .hero-content {
    /* Ensure text is above background when shown */
    position: relative !important;
    z-index: 2 !important;
}

.hero.page-hero .hero-title,
.hero.page-hero .hero-subtitle,
.hero.page-hero .hero-description {
    /* Ensure individual text elements are positioned correctly */
    position: relative !important;
    z-index: 2 !important;
}

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

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

/* CSS-only test - same approach as journals and books */
.hero.page-hero {
    background-image: url('../images/pages/webinars-hero.jpg') !important;
    background-image: url('../images/pages/webinars-hero.webp') !important;
}

/* Registration page hero */
.hero.registration-hero {
    background-image: url('../images/pages/registration-hero.jpg') !important;
    background-image: url('../images/pages/registration-hero.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 300px !important;
}

/* Hide text for webinars page, show for registration page */
.hero.page-hero .hero-title,
.hero.page-hero .hero-subtitle,
.hero.page-hero .hero-description {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Show text for registration page only */
.hero.registration-hero .hero-title,
.hero.registration-hero .hero-subtitle,
.hero.registration-hero .hero-description {
    display: block !important;
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

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

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