/* Custom code block highlight color */
/* .highlight .hll {
    background-color: #3a5f3a !important;
} */
/* Dark green */

/* Alternative colors you can use: */

/* Bright yellow background with dark text */
/* .highlight .hll {
    background-color: #ffeb3b !important;
    color: #000000 !important;
} */

/* Orange/amber */
/* .highlight .hll {
    background-color: #ff9800 !important;
} */

/* Red/pink */
/* .highlight .hll {
    background-color: #e91e63 !important;
} */

/* Purple */
/* .highlight .hll {
    background-color: #9c27b0 !important;
} */

/* Teal */
/* .highlight .hll {
    background-color: #009688 !important;
} */

/* Light gray (subtle) */
/* .highlight .hll {
    background-color: #424242 !important;
} */

/* Spacing utility classes */
.space-sm {
    margin-top: 1em;
}

.space-md {
    margin-top: 2em;
}

.space-lg {
    margin-top: 3em;
}

.space-xl {
    margin-top: 4em;
}

/* Colorful feedback buttons */
/* Add spacing between buttons */
.md-feedback__icon {
    margin: 0 1.5rem !important;  /* Space on each side */
    padding: 0.5rem !important;   /* Extra clickable area */
}

/* Add gap between the buttons */
.md-feedback {
    gap: 2rem !important;  /* Space between buttons */
}

.md-feedback fieldset {
    gap: 2rem !important;  /* Alternative selector */
}

/* Happy button - Dark Green (professional) */
.md-feedback__icon[data-md-value="1"] {
    color: #2e7d32 !important;  /* Dark green */
}

.md-feedback__icon[data-md-value="1"]:hover {
    color: #43a047 !important;  /* Slightly lighter on hover */
    transform: scale(1.2);
    transition: all 0.2s ease;
}

/* Sad button - Dark Red (professional) */
.md-feedback__icon[data-md-value="0"] {
    color: #c62828 !important;  /* Dark red */
}

.md-feedback__icon[data-md-value="0"]:hover {
    color: #e53935 !important;  /* Slightly lighter on hover */
    transform: scale(1.2);
    transition: all 0.2s ease;
}

/* Maximize content width for larger screens */
@media screen and (min-width: 76.25em) {
    .md-grid {
        max-width: 90%;
    }
}

@media screen and (min-width: 100em) {
    .md-grid {
        max-width: 95%;
    }
}

/* Wider main content area */
.md-main__inner {
    max-width: none;
}

.md-content {
    max-width: none;
}

/* Disable glightbox for GIF images to preserve animation */
img[src$=".gif"] {
    cursor: default !important;
}

/* Prevent glightbox from wrapping GIF images */
.md-content img[src$=".gif"] {
    pointer-events: none;
}

.md-sidebar--primary .md-nav__title {
  display: none !important;
}