/* ---------------------------------------------------
   Jekyll Tabs - Raw HTML Styling
----------------------------------------------------- */
ul.tab {
    list-style: none !important;
    padding: 0 !important;
    display: flex;
    border-bottom: 1px solid #495057; /* Matches Bootstrap border-secondary */
    margin-bottom: 0;
}

ul.tab li {
    margin-bottom: -1px;
}

ul.tab li a {
    display: block;
    padding: 0.5rem 1.25rem;
    color: #6c757d; /* Inactive text color */
    text-decoration: none; /* Removes the blue underline */
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
}

ul.tab li.active a,
ul.tab li a:hover {
    color: #f8f9fa; /* Active text color */
}

ul.tab li.active a {
    border-bottom: 2px solid #0d6efd; /* Bootstrap primary blue highlight */
}

/* Container for the code blocks */
ul.tab-content {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide all code blocks by default */
ul.tab-content > li {
    display: none;
    padding-top: 1rem;
}

/* Show only the active code block */
ul.tab-content > li.active {
    display: block;
}