/* 
 * CLS Prevention CSS - Minimal and Safe
 * Only essential rules to prevent layout shifts
 */

/* Basic CLS prevention for images */
img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain !important;
}

/* Basic CLS prevention for background images */
[data-background] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Basic slider styles - minimal */
.slider-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Basic section heights to prevent layout shifts */
.about-style04,
.services-section,
.blog-section {
    min-height: 200px;
}

/* Fix wow animations - simple approach */
.wow {
    visibility: visible;
}

/* Basic responsive adjustments */
@media (max-width: 768px) {
    .slider-item {
        min-height: 400px;
    }
}

/* Fix footer logo height */
footer .logo-default,
.footer .logo-default {
    height: auto !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: 200px !important;
    object-fit: contain !important;
}

/* Fix header logo height */
header .logo-default,
.header .logo-default,
.navbar .logo-default {
    height: auto !important;
    max-height: 50px !important;
    width: auto !important;
    max-width: 150px !important;
    object-fit: contain !important;
}