/* override table width restrictions */
.wy-table-responsive table th
, .wy-table-responsive table td
{
    /* !important prevents the common CSS stylesheets from
       overriding this as on RTD they are loaded after this stylesheet */
    white-space: normal !important;
}

.wy-table-responsive
{
    overflow: visible !important;
}

.wy-nav-content {
    max-width: 1200px !important;
}

/* Add copybutton settings */
.copy-button {
    position: absolute;
    top: 8px; /* A few pixels from the top */
    right: 8px;
    background-color: #002b36; /* Dark teal ORNL background color */
    color: white;
    font-family: "Arial", sans-serif; /* ORNL font kinda */
    font-weight: bold;
    border: none;
    border-radius: 5px;
    padding: 5px 12px;
    font-size: 14px;
    cursor: pointer;
    opacity: 0; /* hide button unless scrolled over */
    transition: opacity 0.3s ease; /* Smooth transition when scrolling over*/
}

.copy-button:hover {
    background-color: #004658; /* Slightly brighter ORNL teal for hover effect */
}

.highlight:hover .copy-button {
    opacity: 1; /* Show the button when hovering over a code block */
}