/* Custom styles for SensMax Documentation */

:root {
  /* Main header background and primary elements */
  --md-primary-fg-color:        #4B5564;
  --md-primary-fg-color--dark:  #374151;
}

/* Make logo larger in the header */
.md-logo img, .md-logo svg {
  height: 2.5rem !important;
}

/* Adjust font size of the Table of Contents (right sidebar) */
.md-nav--secondary .md-nav__link {
  font-size: 0.6rem; /* Default is usually 0.72rem/0.8rem */
}

.md-nav--secondary .md-nav__title {
  font-size: 0.70rem; /* Title of the TOC block */
}

/* Light Grey Footer Styles */
:root {
  --md-footer-bg-color:         #f9fafb;
  --md-footer-bg-color--dark:   #f3f4f6;
  --md-footer-fg-color:         #374151;
  --md-footer-fg-color--light:  #4B5563;
  --md-footer-fg-color--lighter:#6B7280;
}

.md-footer {
  background-color: var(--md-footer-bg-color) !important;
  color: var(--md-footer-fg-color) !important;
}

.md-footer-meta {
  background-color: var(--md-footer-bg-color--dark) !important;
}

.md-footer-meta__inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.md-copyright {
  text-align: center !important;
  width: 100% !important;
  margin: 0 !important;
}

.md-copyright a {
  color: #2563eb !important; /* Blue color for footer link on light grey */
  font-weight: 500;
}

.md-copyright a:hover {
  color: #1d4ed8 !important;
  text-decoration: underline !important;
}

/* Adjust sidebar width on desktop */
@media screen and (min-width: 76.25rem) {
  :root {
    --md-sidebar-width: 18rem; /* Default is 12.1rem */
  }
}


/* Скрытие названия сайта в левом боковом меню (только на верхнем уровне) */
.md-sidebar--primary .md-nav[data-md-level="0"] > .md-nav__title {
  display: none !important;
}

/* Выделение и визуальное разделение разделов в левом меню навигации */
.md-sidebar--primary .md-nav[data-md-level="0"] > .md-nav__list > .md-nav__item {
  margin-top: 0.6rem;
}

.md-sidebar--primary .md-nav[data-md-level="0"] > .md-nav__list > .md-nav__item > .md-nav__link {
  font-weight: 700;
  color: #1f2937 !important; /* Более контрастный темно-серый цвет */
  letter-spacing: 0.01em;
}

/* Стилизация карточек на главной странице (добавление теней и рамок) */
.md-typeset .grid.cards > ul > li {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
    border: 1px solid #e0e0e0;
    background-color: #f8fafc;
    border-radius: 8px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Эффект "парения" при наведении курсора */
.md-typeset .grid.cards > ul > li:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

/* Индивидуальные цвета для каждой карточки */
.md-typeset .grid.cards > ul > li:nth-child(1) {
    background-color: #f0f9ff; /* Soft Blue */
    border-color: #bae6fd;
}
.md-typeset .grid.cards > ul > li:nth-child(2) {
    background-color: #ecfdf5; /* Soft Emerald */
    border-color: #a7f3d0;
}
.md-typeset .grid.cards > ul > li:nth-child(3) {
    background-color: #fffbeb; /* Soft Amber */
    border-color: #fde68a;
}
.md-typeset .grid.cards > ul > li:nth-child(4) {
    background-color: #f5f3ff; /* Soft Violet */
    border-color: #ddd6fe;
}
.md-typeset .grid.cards > ul > li:nth-child(5) {
    background-color: #fff1f2; /* Soft Rose */
    border-color: #fecdd3;
}
.md-typeset .grid.cards > ul > li:nth-child(6) {
    background-color: #f8fafc; /* Soft Slate */
    border-color: #e2e8f0;
}

/* Адаптация для темной темы (если она будет использоваться) */
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li,
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li:nth-child(n) {
    background-color: #242424;
    border-color: #3d3d3d;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* Скрытие иконки оглавления (ToC) в мобильном меню */
.md-nav--primary .md-nav__link[for=__toc] > .md-nav__icon, 
.md-nav--primary .md-nav__link[for=__toc] ~ .md-nav {
    display: none !important;
}

/* Запрет переноса текста в первых двух колонках (Parameter и Value) */
.mqtt-spec .md-typeset table td:nth-child(1),
.mqtt-spec .md-typeset table td:nth-child(2) {
    white-space: nowrap;
}

/* Запрет переноса внутри элементов кода (code) в таблицах */
.md-typeset table td code {
    white-space: nowrap;
    word-break: keep-all;
}

/* 1. Задаем относительное позиционирование для родительских плашек и карточек */
.md-typeset .grid.cards > ul > li,
.md-typeset .admonition {
    position: relative;
}

/* 2. Создаем невидимый слой над всей плашкой, привязанный к ссылке внутри нее */
.md-typeset .grid.cards > ul > li a::after,
.md-typeset .admonition a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

/* 3. Меняем курсор на "указатель" при наведении на любую часть плашки */
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .admonition:hover {
    cursor: pointer;
}

/* Глобальное выразительное стилизование ссылок в контенте документов */
.md-typeset a:not(.md-button):not(.md-icon) {
    color: #2563eb;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
    font-weight: 500;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.md-typeset a:not(.md-button):not(.md-icon):hover {
    color: #1d4ed8;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

[data-md-color-scheme="slate"] .md-typeset a:not(.md-button):not(.md-icon) {
    color: #60a5fa;
}

[data-md-color-scheme="slate"] .md-typeset a:not(.md-button):not(.md-icon):hover {
    color: #93c5fd;
}