/**
 * Slider CSS Override
 * This file overrides the problematic CSS from main.css for the stacked layout
 */

/* Fix for stacked layout only */
.sj-homebanner .item .sj-content-below-image {
    padding: 0 !important;
    margin: 20px 0 !important;
    background: transparent !important;
}

.sj-homebanner .item .sj-content-below-image h1 {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.sj-homebanner .item .sj-content-below-image h1:before {
    display: none !important;
}

.sj-homebanner .item .sj-content-below-image .sj-description {
    margin-top: 15px !important;
    padding-top: 0 !important;
    border-top: none !important;
}

/* Responsive fixes */
@media (max-width: 768px) {
    .sj-homebanner .item .sj-content-below-image {
        margin: 15px 0 !important;
        padding: 15px !important;
    }
    
    .sj-homebanner .item .sj-content-below-image h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
    
    .sj-homebanner .item .sj-content-below-image .sj-description p {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
}

/* Ensure inline styles have highest priority */
.sj-homebanner .item .sj-content-below-image[style] {
    padding: var(--content-padding, 20px) !important;
    background: var(--content-bg, rgba(255,255,255,0.95)) !important;
}

.sj-homebanner .item .sj-content-below-image h1[style] {
    margin-bottom: var(--title-margin, 10px) !important;
}

.sj-homebanner .item .sj-content-below-image .sj-description[style] {
    margin-top: var(--desc-margin, 15px) !important;
}