/*Override base theme variables*/
:root{
  --pst-color-link: 8, 183, 244;
  --pst-color-admonition-note: 8,183,244;
  --pst-color-admonition-important: 138 ,67 ,249;
  --pst-color-admonition-attention: 249, 82, 8;
  --sd-color-info: #17a2b8;
}

/* Import fonts from .../sphinx/croc/static/ */
@font-face {
  font-family: "IBMPlexSans-Bold";
  src: url("./IBMPlexSans-Bold.ttf");
}

@font-face {
  font-family: "IBMPlexSans-Light";
  src: url("./IBMPlexSans-Light.ttf");
}

div.navbar-brand-box {
  padding-top: 1em;
}

div.navbar-brand-box a.navbar-brand img {
  margin: 0px auto 0px 0px;
}

.header-article{
  height: 4.5em;
}

/*Topic background color*/
.topic {
  background-color: #F6F8FB;
}

/* Topic border */
div.topic{
  border: 1px solid #B9B9D8;
}

.header-article .header-article-main {
  height: 4.4em;
}
/* Font for all text(without headers)*/
body {
  background-color: hsl(0 0% 100%);
  font-family: "IBMPlexSans-Light";
  font-size: 1rem;
}

/* Color for all text*/
p{
  color: #4D4D55 !important;
}

#site-navigation nav ul.nav li a, #site-navigation nav ul.nav ul li a{
  color: #4D4D55;
}

.bd-toc .toc-entry a, .bd-toc div.onthispage{
  color: #4D4D55;
}

/*Highlighted words*/
strong{
  font-family: "IBMPlexSans-Bold";
}

/*Table headers*/
th.head p{
  font-family: "IBMPlexSans-Bold";
  color: #08b7f4 !important;
}

/*Set table width as 80%*/
table.tablewidth80 {
  table-layout: fixed !important;
  width: 80%;
}

/*Fix column width*/
table.mincolumnwidth>thead>tr>th:not(:first-child) {
  min-width: 223px;
}

/*margins from images*/
img.align-center{
  margin-bottom: 5%;
  margin-top: 5%;
}

/*Change note background*/
.admonition.note>.admonition-title, div.admonition.note>.admonition-title{
  background-color: #ECF8FD;
}

/*Change important background*/
.admonition.important>.admonition-title, div.admonition.important>.admonition-title{
  background-color: #F7F1FF;
}

/*Change attention background*/
.admonition.attention>.admonition-title, div.admonition.attention>.admonition-title{
 background-color: #FFEBE4;
}

/* All headers*/
h1, h2 , h3, h4 {
  font-family: "IBMPlexSans-Bold";
  color: #4D4D55 !important;
}

/*Radius of search form*/
.bd-search input {
  border-radius: 1rem;
}

.form-control {
  font-size: 1em;
}

.bd-search {
  margin-right: 0px;
}

/*Size of logo*/
div.navbar-brand-box a.navbar-brand img{
  max-width: 70%
}

/*Header of tables*/
table caption {
  font-family: "IBMPlexSans-Bold";
  text-align: center;
  caption-side: top;
}

.sd-card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: var(--sd-color-card-header);
  border-bottom: 1px solid var(--sd-color-card-border);
  font-weight: 700 !important;
}

 /* Lang switcher*/
.switch {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  top: 5px;
}

.switch > span {
  position: absolute;
  top: 5px;
  pointer-events: none;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  width: 50%;
  text-align: center;
}

:lang(ru).switch > span.on {
  left: 0;
  padding-left: 2px;
  color: #08b7f4;
}

:lang(ru).switch > span.off {
  right: 0;
  padding-right: 4px;
  color: #fff;
}

:lang(en).switch > span.on {
  left: 0;
  padding-left: 2px;
  color: #fff ;
}

:lang(en)> span.off {
  right: 0;
  padding-right: 4px;
  color:#08b7f4;
}

.check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.check-toggle-round-flat + label {
  padding: 2px;
  width: 80px;
  height: 28px;
  background-color: #08b7f4;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.check-toggle-round-flat + label:before, input.check-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

input.check-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #08b7f4;


  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.check-toggle-round-flat + label:after {
  top: 4px;
  left: 5px;
  bottom: 4px;
  width: 34px;
  background-color: #fff;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}

input.check-toggle-round-flat + label {

}

:lang(en) input.check-toggle-round-flat + label:after {
  margin-left: 37px;
}

/* Version selector */

.header-article__right {
  display: flex;
  align-items: center;
}

.version-selector {
  display: inline-flex;
  align-items: center;
  margin: 0 8px;
  position: relative;
}

.version-selector:after {
  border-color: #4D4D55 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: "";
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.version-selector__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 34px;
  min-width: 112px;
  padding: 0 28px 0 12px;
  border: 1px solid #D6DEE8;
  border-radius: 1rem;
  background-color: #fff;
  color: #4D4D55;
  font-family: "IBMPlexSans-Light";
  font-size: 0.9rem;
  line-height: 32px;
  cursor: pointer;
}

.version-selector__select:hover {
  border-color: #08b7f4;
}

.version-selector__select:focus {
  border-color: #08b7f4;
  box-shadow: 0 0 0 0.2rem rgba(8, 183, 244, 0.16);
  outline: none;
}

.version-selector__select:disabled {
  cursor: wait;
  opacity: 0.72;
}

#consent-banner {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  max-width: 1000px;
  background: white;
  color: black;
  padding: 25px 60px 25px 25px;
  z-index: 1000;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  border-radius: 20px;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

#consent-banner .text-content {
  flex: 1;
  margin: 0;
}

.accept-btn {
  background: #08b7f4;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
  flex-shrink: 0;
  margin-right: 10px;
}

#consent-close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  font-weight: bold;
  font-size: 24px;
  color: #666;
  z-index: 1001;
}

#consent-close:hover {
  color: #08b7f4;
}