/* Changed default colors of theme to match anaconda.com's greens.
Also changed warning admonition from default orange to red and
added caution admonition orange coloring.*/

html[data-theme="light"] {
    --pst-color-primary: #43b049;
    --pst-color-secondary-highlight: #0ccb4a;
    --pst-color-link-hover: #0ccb4a;
    --pst-color-caution: #ee9040;
    --pst-color-caution-text: #fff;
    --pst-color-caution-highlight: #cf6912;
    --pst-color-caution-bg: #f8e5d0;
    --pst-color-warning: #dc3545;
    --pst-color-warning-text: #fff;
    --pst-color-warning-highlight: #a71d2a;
    --pst-color-warning-bg: #f8d0d0;
    --pst-heading-color: #7C8089;
    --pst-color-text-base: #343539;
}

html[data-theme="dark"] {
    --pst-color-primary: #43b049;
    --pst-color-secondary-highlight: #0ccb4a;
    --pst-color-link-hover: #0ccb4a;
    --pst-color-caution: #ee9040;
    --pst-color-caution-text: #fff;
    --pst-color-caution-highlight: #cf6912;
    --pst-color-caution-bg: #654402;
    --pst-color-warning: #cb4653;
    --pst-color-warning-text: #fff;
    --pst-color-warning-highlight: #992b36;
    --pst-color-warning-bg: #650202;
    --pst-heading-color: #7C8089;
}

/*a.headerlink {
    color: #0ccb4a !important;
}

/* Bolds website title and makes it the primary text color*/

p.logo__title {
    font-weight: bold;
    color: var(--pst-color-primary);
}

/* Top nav buttons */

nav li button.download-button a {
    color: #06262D;
    font-weight: 700;
}

nav li button.download-button {
    background-color: var(--pst-color-primary);
    border-radius: 4px;
}

nav li button.download-button:hover {
    background-color: var(--pst-color-secondary-highlight);
    box-shadow: 0 0 0 1px var(--pst-color-secondary-highlight);
    border-radius: 4px;
    text-decoration: none;
}

.bd-header nav .dropdown button.download-button a:hover {
    text-decoration: none;
    color: #06262D;
    font-weight: 700;
}

nav li button.pricing-button.nav-item {
    background-color: var(--pst-color-on-background);
    box-shadow: 0 0 0 1px var(--pst-color-secondary);
    border-radius: 4px;
}

nav li button.pricing-button:hover {
    background-color: var(--pst-color-secondary);
    box-shadow: 0 0 0 1px var(--pst-color-secondary);
    border-radius: 4px;
    text-decoration: none;
}

nav li button.pricing-button.nav-item a {
    color: var(--pst-color-secondary);
}

nav li button.pricing-button.nav-item a:hover {
    text-decoration: none;
    background-color: var(--pst-color-secondary);
    color: #fff;
}

.bd-header nav .dropdown button.pricing-button {
    text-decoration: none;
}

/* Updates the dropdown color to be the same green as the tip admonition*/

details.sd-dropdown summary.sd-card-header.sd-bg-primary, details.sd-dropdown summary.sd-card-header.sd-bg-primary+div.sd-summary-content {
    --pst-sd-dropdown-bg-color: var(--pst-color-success-bg);
}

/* Switches fills for in-line SVG icons when switching between light/dark mode. */

html[data-theme="light"] svg {
    fill: black;
}

html[data-theme="dark"] svg {
    fill: #ced6dd;
}

/* Ensures the above doesn't affect the code copybutton SVG */

button.copybtn svg {
    fill: none;
}

/* Adds side margins to inline Sphinx Design icons in dropdowns*/

details.sd-dropdown summary.sd-card-header svg {
    margin-left: 4px;
    margin-right: 4px;
}

/* Inserting Inter and Poppins fonts (found in the _static/fonts
folder) into the docs. The Inter font doesn't have an italic, so
Helvetica is a compromise. */

body {
    --pst-font-family-base: "Inter", "Helvetica", Arial, sans-serif;
    font-weight: 400;
}

.heading-style, h1, h2, h3, h4, h5, h6 {
    --pst-font-family-heading: "Inter", "Helvetica", Arial, sans-serif;
    --pst-font-weight-heading: 600;
 }
 
 strong {
    font-weight: 600;
 }
 
 em {
    font-family: "Helvetica" !important;
    font-style: italic;
 }

 /* Header changes for better differentiation, especially between H2 and H3 headers.*/

/*h2, h4 {
    color: var(--pst-color-text-base);
 }*/

h3 {
    font-size: 1.65rem;
 }

h4 {
    font-size: 1.45rem;
 }

 /* Added new caution color (orange) to caution admonitions. By default, they use
 --pst-color-warning, which has been changed to red above.*/

.admonition.caution>.admonition-title:before, div.admonition.caution>.admonition-title:before {
    background-color: var(--pst-color-caution-bg);
}

.admonition.caution>.admonition-title:after, div.admonition.caution>.admonition-title:after {
    color: var(--pst-color-caution);
}

.admonition.caution, div.admonition.caution {
    border-color: var(--pst-color-caution);
}

/* Removing blockquote css because it isn't used in the
Anaconda docs and makes it impossible to have a note,
admonition, or second-level list in the middle of an
ordered list. */

blockquote, blockquote p {
    border-left: none;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

/* This fixes an issue where the scrollbar on the left side nav
appears when it doesn't need to by reducing the size of the
div below the sidebar nav. */

.bd-sidebar-primary .sidebar-primary-items__end { 
    margin-top: 1em 
}

/* Added a bit of space after all images to separate from
notes, bolded text that isn't a header type, etc. */

img.align-center {
    margin-bottom: 10px;
}

/*Controls coloring of built-in announcement banner. These can
be created using html_theme_options = {"announcement": "Here's
an announcement."}*/

.bd-header-announcement {
    background-color: var(--pst-color-primary);
    color: white
}

/* Adds a little padding to the bottom of tab set divs inside other tab sets, in 
case there is a paragraph of text right after them. Without this
the text is a little too close to the horizontal line that ends
the secondary tab set*/

.sd-tab-content>.sd-tab-set {
    margin-bottom: 10px;
}

/* Makes the background transparent for images. Without this all images have a default white background, 
which doesn't play well with dark mode*/

html[data-theme=dark] .bd-content img:not(.only-dark):not(.dark-light) {
    background: transparent;
  }

/* Removes bring purple table hover background color */

.table tbody tr:nth-child(odd):hover {
    background-color: var(--pst-color-table-row-zebra-low-bg)
}

.table tbody tr:nth-child(2n):hover {
    background-color: var(--pst-color-table-row-zebra-high-bg)
}

/* Vertically centers table cell text */

.table {
    vertical-align: middle;
}

/* Needed for feedback widget */

.feedback {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    padding-top: 1.5rem;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: hsl(var(--muted-foreground));
  }
  
  .feedback h5 {
    font-weight: 500;
  }

  .feedback-send {
    display: block;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius);
    border: 1px solid hsl(var(--border));
  }
  
  .feedback-send:hover,
  .feedback-send:focus {
    background-color: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }

  /*Changing outline of search form color*/

  .form-control:focus, .form-control:focus-visible {
    outline: 3px solid var(--pst-color-primary);
    box-shadow: 0 0 0 0.25rem rgba(67,176,73,.25);
  }