/* ===== NAVBAR BACKGROUND ===== */
.bg-primary,
.navbar.bg-primary {
    background: #2e7d32 !important;
    background-image: none !important;
}

/* ===== NAVBAR TEXT COLOR ===== */
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-brand {
    color: #ffffff !important;
}

/* Hover */
.navbar-dark .navbar-nav .nav-link:hover {
    color: #c8e6c9 !important;
}

/* Active link */
.navbar-dark .navbar-nav .nav-link.active {
    color: #a5d6a7 !important;
}

.bs-sidebar .nav.flex-column a {
    color: green !important;
}

footer {
    display: none !important;
}
img {
    max-width: 70%;
    display: block;
    margin: auto;
}
/*The table title in one row and the content in column.
| **Kafka Partition Assignment Configuration** |||
| `partition.assignment.strategy`| Defines how partitions are distributed among consumers in a group.| All consumers in the same group must use the same strategy. Accepts comma-separated fully qualified assignor class names implementing `PartitionAssignor`.|
Table when the first column contains text and act as heading.
*/
.md-typeset table:not([class]) tr:has(td:nth-child(2):empty):has(td:nth-child(3):empty) td:first-child {
    white-space: nowrap !important;
    width: auto !important;
}
.pdf-viewer {
    width: 100%;
    height: 90vh;
    border: none;
}

/* Quizlet-style card blocks for markdown quiz pages */
.quiz-box {
    border: 1px solid #d7e2d7;
    border-left: 5px solid #2e7d32;
    border-radius: 10px;
    padding: 14px 16px;
    margin: 14px 0;
    background: #f8fcf8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.quiz-box strong {
    font-size: 1rem;
    color: #16331a;
}

.quiz-toggle {
    margin-top: 10px;
    border-top: 1px dashed #cfd8cf;
    padding-top: 10px;
}

/* Green boundary for the whole dropdown card */
.md-typeset details.quiz-toggle {
    border: 1px solid #2e7d32 !important;
    border-radius: 4px;
}

.quiz-toggle summary {
    cursor: pointer;
    font-weight: 600;
    color: #2e7d32;
    list-style: none; /* Remove theme/default marker icon */
}

/* Material for MkDocs adds a left icon via ::before; replace it with a check emoji */
.md-typeset details.quiz-toggle > summary::before,
.md-typeset .quiz-toggle > summary::before {
    content: "✅" !important;
    display: inline-block !important;
    position: static !important;
    margin-right: 0.35rem;
    width: auto !important;
    height: auto !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    transform: none !important;
}

/* Remove left padding reserved for the hidden icon */
.md-typeset details.quiz-toggle > summary,
.md-typeset .quiz-toggle > summary {
    padding-left: 0.5rem !important;
}

.quiz-toggle summary::-webkit-details-marker {
    display: none;
}

.quiz-toggle summary::marker {
    content: "";
}

.quiz-toggle[open] summary {
    margin-bottom: 8px;
}

/* Wrap long code lines — globally and inside quiz cards */
pre code,
.quiz-box pre code,
.md-typeset pre code,
.highlight code {
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow-x: unset !important;
}

pre,
.md-typeset pre {
    white-space: pre-wrap !important;
    overflow-x: unset !important;
}

:root {
    --gold: #E3B23C;
    --gold-light: #E8CF8A;
    --gold-dark: #B8860B;

    --md-primary-fg-color: var(--gold);
    --md-primary-fg-color--light: var(--gold-light);
    --md-primary-fg-color--dark: var(--gold-dark);
    --md-accent-fg-color: var(--gold);
}