/*
:root  > * {
  --md-default-fg-color--light: #000000;
}
*/

/* Переопределение CSS переменных Material Design для использования цвета #f91e1d */
[data-md-color-primary="red"] {
  --md-primary-fg-color: #f91e1d;
  --md-primary-fg-color--light: #f91e1d;
  --md-primary-fg-color--dark: #d01615;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;
}

[data-md-color-accent="red"] {
  --md-accent-fg-color: #f91e1d;
  --md-accent-fg-color--transparent: #f91e1d1a;
  --md-accent-bg-color: #fff;
  --md-accent-bg-color--light: #ffffffb3;
}

/* Первый заголовок в навигации */
.md-nav--lifted>.md-nav__list>.md-nav__item>[for] {
  color: var(--md-default-fg-color)
}

/* Заголовок раздела в навигации */
.md-nav__item--section>.md-nav__link[for] {
  color: var(--md-default-fg-color);
  margin-top: 30px;
}




/*
[data-md-color-scheme="default"] {
--md-default-fg-color--light: #000000;
}

[data-md-color-scheme="slate"] {
--md-default-fg-color--light: #FFFFFF;
}

*/

.md-code__content {
text-wrap: pretty;
}

.md-typeset code:not(.focus-visible) {
text-wrap: pretty; 
}

.version-block {
border: 2px solid #f91e1d; /* Голубой цвет рамки */
padding: 5px;
margin: 5px;
position: relative;
}

.version-block::before {
content: 'Актуально для версии '; /* Текст и Unicode для иконки (например, FontAwesome) */
}

dt, dd {
display: inline; /* Отображать элементы в одной строке */
margin: 0; /* Убрать отступы для прилегания друг к другу */
}

dt {
font-weight: bold;
}

[dir=ltr] .md-typeset dd {
margin-left: 0;
}



dd::before {
content: " - "; /* Добавление дефиса перед текстом в dd */
}

dl {

border: solid  #757575;
border-width: 1px 1px 1px 1px;
display: inline-block;
margin: 0;
padding: 1em;
position: relative;
border-radius: .2rem;

}


dl{
margin:50px auto;

padding:1.2em 20px 1.2em 50px;
border-left:6px solid #10a064 ;
line-height:1.6;
position: relative;

}



dl::before{
font-family:Arial;
content: "\201C";
color:#10a064;
font-size:4em;
position: absolute;
left: 10px;
top:-10px;
}

/* Белый фон для верхней панели (header) */
.md-header {
background-color: #ffffff !important;
color: #000000 !important;
}

.md-header__inner {
background-color: #ffffff !important;
}

/* Темный цвет текста в header для читаемости */
.md-header__title,
.md-header__topic {
color: #000000 !important;
}

/* Красные кнопки в header */
.md-header__button {
color: #f91e1d !important;
}

.md-header__button:hover {
color: #f91e1d !important;
}

.md-header__button svg {
color: #f91e1d !important;
fill: #f91e1d !important;
}

/* Белый фон для навигационной панели (tabs) */
.md-tabs {
background-color: #ffffff !important;
border-bottom: 1px solid #e0e0e0;
}

.md-tabs__list {
background-color: #ffffff !important;
}

/* Красные ссылки в навигации */
.md-tabs__link {
color: #f91e1d !important;
}

.md-tabs__link:hover {
color: #f91e1d !important;
background-color: rgba(249, 30, 29, 0.1) !important;
}

/* Активная вкладка - без красного фона, только красный текст */
.md-tabs__item--active .md-tabs__link {
color: #f91e1d !important;
background-color: transparent !important;
font-weight: bold;
}

.md-tabs__item--active .md-tabs__link:hover {
color: #f91e1d !important;
background-color: rgba(249, 30, 29, 0.1) !important;
}

/* Поисковая строка в header */
.md-search__input {
background-color: #f5f5f5 !important;
color: #000000 !important;
}

.md-search__input::placeholder {
color: #666666 !important;
}

.md-search__icon {
color: #f91e1d !important;
}

.md-search__icon svg {
color: #f91e1d !important;
fill: #f91e1d !important;
}

/* Иконка настроек (palette) */
.md-header__option .md-header__button {
color: #f91e1d !important;
}

.md-header__option .md-header__button svg {
color: #f91e1d !important;
fill: #f91e1d !important;
}

/* Убеждаемся, что все SVG иконки в header красные */
.md-header svg {
color: #f91e1d !important;
fill: #f91e1d !important;
}

/* Логотип - без изменений, но убеждаемся что он виден */
.md-header__button.md-logo img {
opacity: 1;
}

/* Текст в поисковой строке */
.md-search__input {
border-color: #e0e0e0;
}

.md-search__input:focus {
border-color: #f91e1d;
}

/* Белый фон для сайдбара навигации - переопределяем красный фон */
.md-sidebar--primary {
background-color: #ffffff !important;
}

.md-sidebar__scrollwrap {
background-color: #ffffff !important;
}

.md-sidebar__inner {
background-color: #ffffff !important;
}

/* Белый фон для заголовка навигации */
.md-nav__title {
background-color: #ffffff !important;
color: #000000 !important;
}

.md-nav--lifted > .md-nav__list > .md-nav__item > [for] {
background-color: #ffffff !important;
color: #000000 !important;
}

/* Переопределяем красный фон для всего сайдбара */
[data-md-color-primary="red"] .md-sidebar--primary,
[data-md-color-primary="red"] .md-sidebar__inner,
[data-md-color-primary="red"] .md-nav__title {
background-color: #ffffff !important;
}

/* Убеждаемся, что логотип виден на белом фоне */
.md-nav__button.md-logo img {
opacity: 1;
filter: none;
}