/* Change color of h1, h2, h3... headings */
h1 {
    color: #242258;
    margin-top:20px;
    margin-bottom:15px;
}

h2 {
    color: #242258;
    margin-top:20px;
    margin-bottom:15px;
}

h3 {
    color: #242258;
    margin-top:20px;
    margin-bottom:15px;
}

h4 {
    color: #242258;
    margin-top:20px;
    margin-bottom:15px;
}

h5 {
    color: #242258;
    margin-top:20px;
    margin-bottom:15px;
}


/* override table width restrictions to make font size smaller and avoid the scrollbar */

.wide-table {
    font-size: smaller;
}

/* justify all the documentation content */
.section {
     text-align:justify;
}

/* Customize the color for the .. note:: directive */
div.admonition.note {
    background-color: #f8f6fa;
    border-bottom: 2px solid #e5e5ed;
    border-right: 2px solid #e5e5ed;
    color: #333333; /* Text color */
    border-radius: 6px 6px 6px 6px; /* Optional: Round corners if needed */
    margin-top: 20px; /* Add top margin */
}

/* Optionally, customize the title color inside the note */
div.admonition.note .admonition-title {
    color: white; /* Title color */
    background-color: #242258;
    border-right: 2px solid #e5e5ed;
    font-weight: bold;
    /* padding: 5px; /* Optional: Adjust padding for the title strap */
    border-radius: 6px 6px 0 0; /* Optional: Round corners if needed */
}

/* Customize the color for the .. warning:: directive */
div.admonition.warning {
    background-color: #f8f6fa;
    border-bottom: 2px solid #e5e5ed;
    border-right: 2px solid #e5e5ed;
    color: #333333; /* Text color */
    border-radius: 6px 6px 6px 6px; /* Optional: Round corners if needed */
    margin-top: 20px; /* Add top margin */
}

/* Optionally, customize the title color inside the warning */
div.admonition.warning .admonition-title {
    color: white; /* Title color */
    background-color: #831b22;
    border-right: 2px solid #e5e5ed;
    font-weight: bold;
    /* padding: 5px; /* Optional: Adjust padding for the title strap */
    border-radius: 6px 6px 0 0; /* Optional: Round corners if needed */
}


/*Formatting for "Last update" text*/
.last-update {
    color: lightgrey;
    font-weight: normal;
    margin-bottom: 1em;
}

/*Shadow class used for images*/
.image-shadow {
    box-shadow: 2px 2px 3px 3px lightgrey;
    margin-top: 7px;
    margin-bottom: 9px;
  }

  /*Override the rubric directive from theme.css*/
  .rst-content p.rubric.last-update {
    font-weight: normal !important; /* Overrides bold styling */
    font-size: small;
    color: lightgrey;
    margin-bottom: 12px; /* Matches the original margin if needed */
}

/*Formatting for "h2" not included in TOC */
.no-toc-sub {
    color: #242258;
    margin-top:20px;
    margin-bottom:15px;
    font-weight: 700;
    font-size: 150%; /* this equals the h2 size in the theme.css */
    display: block;
}

/*Formatting for FAQ */
details {
    margin-bottom: 0.5em;
  }
  details > summary {
    color: #242258;
    font-weight: bold;
    margin-bottom: 0.5em;
    cursor: pointer;
  }
  details[open] > summary {
    margin-bottom: 1em;
  }

  details > *:not(summary) {
    margin-bottom: 1em; /* This adds space at the bottom of the answer */
    padding-left: 1.5em; /* 👈 This adds the indent */
  }

  /*`Custom gray highlighting for monospaced text ``x`` */
.gray-highlight {
    background-color: #f5f5f5;
    padding: 2px 4px;
    border-radius: 4px;
    font-family: monospace;
}

  /* Banner GET A DEMO on the index page */

.centered-block {
    text-align: center;
    margin: 20px auto;
}

.inline-text {
    display: inline;
    font-size: 1.5em; /* Zwiększenie czcionki */
    margin: 0;
    margin-bottom: 10px;
}

.demo-text {
    text-align: center;
    color: #717199;
    font-size: 1.1em;
    line-height: 1.4;
    margin: 10px 0;
}

.sa-gradient {
    background: linear-gradient(45deg, #ff8b7c, #89459f);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline;
    font-weight: bold;
    font-size: 1.5em;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

.gradient-hr {
    border: 0;
    height: 4px;
    background: linear-gradient(45deg, #ff8b7c, #89459f);
    margin: 20px auto;
    width: 100%;
    max-width: 800px;
    border-radius: 2px;
}

.centered-button {
    text-align: center;
    margin: 20px 0;
}

.sa-demo-button {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    background: linear-gradient(45deg, #ff8b7c, #89459f);
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
}

.sa-demo-button:hover {
    color: white;
}

  /* End of the banner GET A DEMO on the index page */