/* Optimized Ulos Elements Styling */

/* Simple hover effects only */
.ulos-border:hover {
    opacity: 0.9 !important;
    transition: opacity 0.2s ease;
}

.ulos-divider:hover {
    opacity: 0.8 !important;
    transition: opacity 0.2s ease;
}

/* Responsive Ulos Divider - Full Width on Mobile */
.ulos-divider-responsive {
    max-width: none !important;
}

.ulos-divider-container {
    width: 100%;
}

/* Mobile: Full width edge to edge */
@media (max-width: 767px) {
    .ulos-divider-container {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .ulos-divider-responsive {
        width: 100% !important;
        max-width: none !important;
    }
}

/* Desktop: Proportional width */
@media (min-width: 768px) {
    .ulos-divider-container {
        padding: 0 20px !important;
    }
    
    .ulos-divider-responsive {
        width: 100% !important;
        max-width: 500px !important;
    }
}

/* Performance optimization */
.ulos-border,
.ulos-divider,
.ulos-divider-responsive {
    will-change: auto;
    backface-visibility: hidden;
}