/* Base Visibility and Transition */
.dsc-content-container {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    opacity: 0;
    visibility: hidden;
}
.dsc-content-container.is-visible {
    max-height: 100%;
    opacity: 1;
    visibility: visible;
    transition: max-height 0.6s ease-in, opacity 0.6s ease-in;
}

/* New Fixed Height and Scrollable Container */
.dsc-fixed-height-scroll {
    /* Adjust this height as needed for your design */
    height: 300px; 
    overflow-y: auto;
    margin-bottom: 10px;
}

/* Styling for Each Question and Solution Button */
.dsc-question-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.dsc-question-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.dsc-solution-button-wrapper {
    width: 100%;
    text-align: right;
    margin-top: 5px;
}


/* Minimal Empty State Styling */
.empty-minimal {
    text-align: center;
    padding: 20px;
    border: 1px dashed #ccc;
    margin: 20px 0;
    background-color: #f9f9f9;
    border-radius: 5px;
}
.empty-minimal h3 {
    color: #333;
    margin-top: 0;
}
.empty-minimal p {
    color: #666;
}
.empty-minimal a {
    color: #007bff;
    text-dscoration: none;
    font-weight: 500;
}

.empty-minimal a:hover {
    text-dscoration: underline;
}


.side-links{
  font-size:12px;
  text-align:left;
  width:100%;
  padding:0px 5px;
}
  
/* --- New Tab Styling --- */
.dsc-tab-container {
    display: flex;
    justify-content: center;
}
  
.dsc-tab-container.dsc-main-category-tabs {
    border: solid 1px #dcdcdc;
    padding: 0px 5px;
    margin-top: 5px;
}

.dsc_custom_buttons:hover {
    background-color: #ffe27f;
    border-color: #ffc500;
    letter-spacing: 1px;
}

.DisplaySolContentBTNS:hover {
    background-color: #ffe27f;
    border-color: #ffc500;
}

  
.dsc-tab-container.dsc-sub-category-tabs {
    border: solid #dcdcdc;
    margin-bottom: 5px;
    border-width: 0px 1px 1px 1px;
}

.dsc-main-category-tabs .dsc_custom_buttons {
    flex-grow: 1;
    margin: 5px 2px !important;

}

.dsc-sub-category-tabs button {
    margin: 5px 2px !important;
}

/* Base button styles for all question type buttons */
.dsc_custom_buttons, .DisplaySolContentBTNS{
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    color: black;
    width: auto;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    text-align: center;
    transition: all 300ms ease;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
}

.Chapterbuttons01{
    text-align: center;
}

/* Active tab state */
.is-active-tab {
    background-color: #ffe27f !important;
    border-color: #ffc500 !important;
    color: #07294e !important;
    font-weight: 600 !important;
}

/* Base visibility for main content sections */
[class^="SOL_SEC_CH"][class$="QUEList"] {
    display: none;
}

/* Styling for main category divs */
[class^="SOL_NIQ_CH"][class$="QL"], [class^="SOL_NEQ_CH"][class$="QL"], [class^="SOL_NExQ_CH"][class$="QL"], [class^="SOL_NBQ_CH"][class$="QL"] {
    padding: 10px;
    border-top: none; /* Connect to tabs */
}

/* Styling for sub-category divs - No need to hide here, JS handles it */
[class$="QL"]:not([class^="SOL_SEC_CH"]) {
    padding: 0px;
}



[id^="SOLUTION_NIQ_M_CH"], [id^="SOLUTION_NEQ_M_CH"], [id^="SOLUTION_NExQ_M_CH"], [id^="SOLUTION_NBQ_M_CH"] {
    background-color: #fbdcdd;
}

[id^="SOLUTION_NIQ_A_CH"], [id^="SOLUTION_NEQ_A_CH"], [id^="SOLUTION_NExQ_A_CH"], [id^="SOLUTION_NBQ_A_CH"] {
    background-color: #e3eaf2;
}

[id^="SOLUTION_NIQ_B_CH"], [id^="SOLUTION_NEQ_B_CH"], [id^="SOLUTION_NExQ_B_CH"], [id^="SOLUTION_NBQ_B_CH"] {
    background-color: #f2f0e0;
}

[id^="SOLUTION_NIQ_C_CH"], [id^="SOLUTION_NEQ_C_CH"], [id^="SOLUTION_NExQ_C_CH"], [id^="SOLUTION_NBQ_C_CH"] {
    background-color: #e1efe6;
}

[id^="SOLUTION_NIQ_D_CH"], [id^="SOLUTION_NEQ_D_CH"], [id^="SOLUTION_NExQ_D_CH"], [id^="SOLUTION_NBQ_D_CH"] {
    background-color: #f3ecf1;
}



/* Specific sub-category styling retained */
[class^="SOLUTION_NIQ_M_CH"][class$="QL"], [class^="SOLUTION_NEQ_M_CH"][class$="QL"], [class^="SOLUTION_NExQ_M_CH"][class$="QL"], [class^="SOLUTION_NBQ_M_CH"][class$="QL"] {
    border: solid 1px #f4979a;
    padding: 0px 5px;
}
[class^="SOLUTION_NIQ_A_CH"][class$="QL"], [class^="SOLUTION_NEQ_A_CH"][class$="QL"], [class^="SOLUTION_NExQ_A_CH"][class$="QL"], [class^="SOLUTION_NBQ_A_CH"][class$="QL"] {
    padding: 0px 5px;
    border: solid 1px #8aa7c9;
}
[class^="SOLUTION_NIQ_B_CH"][class$="QL"], [class^="SOLUTION_NEQ_B_CH"][class$="QL"], [class^="SOLUTION_NExQ_B_CH"][class$="QL"], [class^="SOLUTION_NBQ_B_CH"][class$="QL"] {
    border: solid 1px #cbc281;
    padding: 0px 5px;
}
[class^="SOLUTION_NIQ_C_CH"][class$="QL"], [class^="SOLUTION_NEQ_C_CH"][class$="QL"], [class^="SOLUTION_NExQ_C_CH"][class$="QL"], [class^="SOLUTION_NBQ_C_CH"][class$="QL"] {
    border: solid 1px #afd4bc;
    padding: 0px 5px;
}
[class^="SOLUTION_NIQ_D_CH"][class$="QL"], [class^="SOLUTION_NEQ_D_CH"][class$="QL"], [class^="SOLUTION_NExQ_D_CH"][class$="QL"], [class^="SOLUTION_NBQ_D_CH"][class$="QL"] {
    border: solid 1px #c6a3bb;
    padding: 0px 5px;
}