@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

html, body{
    font-family:"Arial", Helvetica, sans-serif;
}

.viewcode-link {
    display: none;
}

/* Base styles for tabs */
.sphinx-tabs .sphinx-tabs-tab {
    border: 1px solid transparent; /* Define border but make invisible initially */
    border-radius: 5px; /* Optional: Adds rounded corners to the tabs */
}

.sphinx-tabs .sphinx-tabs-tab[aria-selected="true"] {
    border-color: currentColor; /* Make border visible for active tab */
}

/* Light mode styles */
@media (prefers-color-scheme: light) {
    .sphinx-tabs {
        background-color: #FFFFFF; /* Light background */
        color: #000000; /* Dark text */
    }

    .sphinx-tabs .sphinx-tabs-tab {
        border-color: #DDDDDD; /* Light border color for tabs in light mode */
    }
}

/* Dark mode styles */
@media (prefers-color-scheme: dark) {
    .logo {
        background-image: url('_static/images/digilab_dark.png');
    }
    .sphinx-tabs {
        background-color: #222222; /* Dark background */
        color: #FFFFFF; /* Light text */
    }

    .sphinx-tabs .sphinx-tabs-tab {
        border-color: #444444; /* Dark border color for tabs in dark mode */
    }
}

a[title="Show source code"] {
    display: none !important;
}


.bd-content .sd-tab-set {
  > input {
    // Active tab label
    &:checked + label {
      border-color: transparent transparent var(--pst-color-primary); // top LR bottom
      color: var(--pst-color-primary);
    }

    // Hover label
    &:not(:checked) + label:hover {
      border-color: var(--pst-color-secondary);
      color: var(--pst-color-secondary);
    }
  }

  // Tab label
  > label {
    color: var(--pst-color-text-muted);
    border-top: 0.125rem solid transparent; // so hover isn't just color change
    padding-top: 0.5em; // same as bottom padding, so hover overline looks OK
    // Hovered label
    html &:hover {
      color: var(--pst-color-secondary);
      border-color: var(--pst-color-secondary);
    }
  }
}

.transparent-button {
    background-color: transparent;
    border: 1px solid transparent;
    color: #007bff; /* Example text color, adjust as needed */
    text-decoration: none; /* Optional: removes underline from links */
    padding: 8px 12px; /* Optional: adjust padding as needed */
    display: inline-block; /* Optional: for padding to take effect */
    cursor: pointer; /* Changes the cursor to indicate it's clickable */
}