/**
 * TDI Sections - Frontend Styles
 */

/* Base section styles */
.tdi-section {
    position: relative;
    width: 100%;
    clear: both;
}

/* Container styles */
.tdi-section .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.tdi-section .container-fluid {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* Responsive container */
@media (min-width: 576px) {
    .tdi-section .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .tdi-section .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .tdi-section .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .tdi-section .container {
        max-width: 1140px;
    }
}

/* Ensure sections don't conflict with theme styles */
.tdi-section * {
    box-sizing: border-box;
}

/* WPBakery compatibility */
.tdi-section .vc_row {
    margin-left: -15px;
    margin-right: -15px;
}

.tdi-section .vc_column_container {
    padding-left: 15px;
    padding-right: 15px;
}