/* Bootstrap 4 Compatibility Fixes for Mahindra Powerol */

/* Global paragraph styling to match Bootstrap 3 behavior */
p {
    margin: 0 0 10px !important;
}

/* Global body line-height to match Bootstrap 3 behavior */
body {
    line-height: 1.42857143 !important;
}

/* Font Awesome icon styling for accordion */
.fa {
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.fa:before {
    font-family: FontAwesome !important;
}

/* Specific Font Awesome icons */
.fa-plus:before {
    content: "\f067" !important;
}

.fa-minus:before {
    content: "\f068" !important;
}

/* Ensure pull-right works properly - exact production match */
.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

/* Production accordion styling */
.accordion-gensets li {
    color: #e51937;
    border-top: 1px solid #41444b;
    padding: 15px 0;
    text-transform: capitalize;
    list-style-type: none;
}

.fontSize16 {
    font-size: 18px !important;
}

.oswaldDemibold {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}

/* Form styling */
.form-group p, span {
    color: #FFF;
}

/* Box sizing */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Bootstrap 3 compatibility for responsive utilities */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

/* Bootstrap Glyphicons replacement using Font Awesome */
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: FontAwesome !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Glyphicon plus icon using Font Awesome */
.glyphicon-plus:before {
    content: "\f067" !important; /* Font Awesome plus */
    font-family: FontAwesome !important;
}

/* Glyphicon minus icon using Font Awesome */
.glyphicon-minus:before {
    content: "\f068" !important; /* Font Awesome minus */
    font-family: FontAwesome !important;
}