/* Block-Specific Overrides
 *
 * ID-based CSS fixes for specific portable blocks using SBID selectors.
 * These overrides use !important to ensure they take precedence.
 *
 * WARNING: High specificity - uses ID selectors with !important flags.
 * Only add new rules here when absolutely necessary for block-specific fixes.
 *
 * Current fixes:
 * - sbid-239d604f (Hero Slideshow): Height and background adjustments (see below)
 * - sbid-44cdda85 (Grid Gallery/Blog Posts): Color/visibility fixes for blog posts
 * - sbid-cb25d74e (Hero Slideshow): Pagination dots visibility
 */

/* Fix for sbid-44cdda85 (Grid Gallery - Blog Posts) - Visibility issues */
/* Fix body text color - was nearly white on white background */
#sbid-44cdda85-f94e-47f4-881f-267286467bea .section-item [data-elementtype=BODY] {
    color: rgba(var(--theme-color-6-rgbv),1) !important;
}

/* Ensure titles are visible */
#sbid-44cdda85-f94e-47f4-881f-267286467bea .section-header [data-elementtype=TITLE] {
    color: rgba(var(--theme-color-6-rgbv),1) !important;
}

/* Ensure article titles are visible */
#sbid-44cdda85-f94e-47f4-881f-267286467bea .section-item [data-elementtype=TITLE] {
    color: rgba(var(--theme-color-6-rgbv),1) !important;
}

/* Ensure subtitles are visible */
#sbid-44cdda85-f94e-47f4-881f-267286467bea .section-item [data-elementtype=SUBTITLE] {
    color: rgba(var(--theme-color-6-rgbv),1) !important;
}

/* Ensure buttons are visible with proper styling */
#sbid-44cdda85-f94e-47f4-881f-267286467bea .section-item [data-elementtype=BUTTON] {
    display: inline-block !important;
    visibility: visible !important;
}

/* Fix for Block sbid-239d604f-ef0c-43dd-84cc-c82e7b50a98e - Height and background issues */
/* Reduce excessive height (was 100vh) and add responsive behavior */
/* This is Position 6 on index.html - the slideshow with background image */
#sbid-239d604f-ef0c-43dd-84cc-c82e7b50a98e {
    min-height: 60vh !important;
    background-attachment: scroll !important; /* Changed from fixed to allow proper resizing */
    background-size: cover !important; /* Ensure background resizes with screen */
    background-position: center !important; /* Keep image centered */
}

/* Tablet - reduce height */
@media (max-width: 768px) {
    #sbid-239d604f-ef0c-43dd-84cc-c82e7b50a98e {
        min-height: 50vh !important;
    }
}

/* Mobile - further reduce height */
@media (max-width: 480px) {
    #sbid-239d604f-ef0c-43dd-84cc-c82e7b50a98e {
        min-height: 40vh !important;
    }
}

/* Fix for Block sbid-cb25d74e-ce60-4830-95ec-5852c3dde713 - Slideshow pagination dots visibility */
/* Ensure pagination dots are visible */
#sbid-cb25d74e-ce60-4830-95ec-5852c3dde713 .pagination {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#sbid-cb25d74e-ce60-4830-95ec-5852c3dde713 .pagination .dot {
    display: block !important;
    visibility: visible !important;
}