/**
 * B2B Tabs Extra - Frontend Styles
 * Ensures proper rendering of HTML content in product tabs
 */

/* Fix for lists in product extra tabs */
.tab-pane[id^="extra-"] ul,
#extra-1 ul,
#extra-2 ul,
#extra-3 ul,
#extra-4 ul,
#extra-5 ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
    margin-left: 20px !important;
    margin-bottom: 15px !important;
    padding-left: 20px !important;
}

.tab-pane[id^="extra-"] ol,
#extra-1 ol,
#extra-2 ol,
#extra-3 ol,
#extra-4 ol,
#extra-5 ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
    margin-left: 20px !important;
    margin-bottom: 15px !important;
    padding-left: 20px !important;
}

.tab-pane[id^="extra-"] li,
#extra-1 li,
#extra-2 li,
#extra-3 li,
#extra-4 li,
#extra-5 li {
    display: list-item !important;
    margin-bottom: 8px !important;
    line-height: 1.6 !important;
}

/* Ensure nested lists work properly */
.tab-pane[id^="extra-"] ul ul,
.tab-pane[id^="extra-"] ul ol,
.tab-pane[id^="extra-"] ol ul,
.tab-pane[id^="extra-"] ol ol {
    margin-top: 8px !important;
    margin-left: 25px !important;
}

/* Accordion mode - for extra content in accordion */
.accordion .card-body ul,
.collapse .card-body ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
    margin-left: 20px !important;
    margin-bottom: 15px !important;
    padding-left: 20px !important;
}

.accordion .card-body ol,
.collapse .card-body ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
    margin-left: 20px !important;
    margin-bottom: 15px !important;
    padding-left: 20px !important;
}

.accordion .card-body li,
.collapse .card-body li {
    display: list-item !important;
    margin-bottom: 8px !important;
    line-height: 1.6 !important;
}

/* Spacing for paragraphs */
.tab-pane[id^="extra-"] p {
    margin-bottom: 15px !important;
}

/* Strong/bold text */
.tab-pane[id^="extra-"] strong,
.tab-pane[id^="extra-"] b {
    font-weight: 700 !important;
}

/* Headings */
.tab-pane[id^="extra-"] h1,
.tab-pane[id^="extra-"] h2,
.tab-pane[id^="extra-"] h3,
.tab-pane[id^="extra-"] h4,
.tab-pane[id^="extra-"] h5,
.tab-pane[id^="extra-"] h6 {
    margin-top: 20px !important;
    margin-bottom: 15px !important;
    font-weight: 700 !important;
}