@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/* Header title container */
.md-header__title {
  display: inline-flex !important;
  align-items: baseline !important;
  white-space: nowrap !important;

  font-family: 'Anton', sans-serif;
  font-size: 1.5rem;          /* BIG: Chandhar Research Labs */
  letter-spacing: 0.6px;
  font-weight: 400;
  color: #ffffff;
}

/* Smaller "Pvt Ltd" */
.md-header__title small {
  font-size: 0.85rem;         /* SMALL */
  letter-spacing: 0.3px;
  opacity: 1;
  margin-left: 0.05rem;
}


/* Force center footer content in Material MkDocs */
.md-footer__inner {
  display: flex !important;
  justify-content: center !important;
}

.md-footer-meta {
  display: flex !important;
  justify-content: center !important;
  width: 100%;
}

.md-footer-meta__inner {
  display: flex !important;
  justify-content: center !important;
  width: 100%;
}

.md-footer-copyright {
  text-align: center !important;
}
/* ===== Header Logo + Company Name Improvements ===== */

/* Increase header logo size */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 80px;   /* try 36–42px */
  width: auto;
}

/*Header background color */
.md-header {
  background-color: #004aad !important;
}
/* Navigation tabs background */
.md-tabs {
  background-color: #004aad !important;
}

.md-header,
.md-tabs {
  color: #ffffff;
}


/* ===== Move company name closer to logo ===== */

/* Reduce gap between logo and title */
.md-header__inner {
  gap: 0.4rem !important;   /* default is larger */
}

.md-header__title {
  margin-left: -28px;
}


/* Optional: tighten logo button padding */
.md-header__button.md-logo {
  padding-right: 0.2rem !important;
}


/* ===== MOBILE HEADER FIX ===== */
@media (max-width: 768px) {

  /* Reduce logo size on mobile */
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    height: 42px !important;   /* desktop can stay 80px */
  }

  /* Reduce company name size on mobile */
  .md-header__title {
    font-size: 1.15rem !important;
    letter-spacing: 0.4px;
    margin-left: -6px !important;
    white-space: nowrap;
  }

  /* Smaller Pvt Ltd on mobile */
  .md-header__title small {
    font-size: 0.7rem !important;
    margin-left: 0.25rem;
  }

  /* Tighten logo + title spacing */
  .md-header__inner {
    gap: 0.25rem !important;
  }

  .md-header__button.md-logo {
    padding-right: 0 !important;
    margin-right: -2px !important;
  }
}

/* ===============================
   FIX HEADER COLOR MISMATCH
   =============================== */

/* Desktop header */
.md-header {
  background-color: #004aad !important;
}

/* Tabs (desktop) */
.md-tabs {
  background-color: #004aad !important;
}

/* Mobile top header */
@media (max-width: 768px) {
  .md-header {
    background-color: #004aad !important;
  }

  /* Mobile drawer header (logo + title area) */
  .md-nav__title {
    background-color: #004aad !important;
    color: #ffffff !important;
  }

  /* Ensure title text is white */
  .md-nav__title,
  .md-header__title {
    color: #ffffff !important;
  }
}

/*
.md-typeset .admonition.info {
  border-left-color: #004aad;
}

.md-typeset .admonition.info > .admonition-title {
  background-color: rgba(0, 74, 173, 0.1);
  color: #004aad;
}
*/

/* Table header */
/* Table base */
.md-typeset table {
  border-collapse: collapse;
  width: 100%;
}

/* Header */
.md-typeset table thead th {
  background-color: #004aad;
  color: #ffffff;
  padding: 10px;
}

/* Body cells */
.md-typeset table td {
  padding: 10px;
  border: 1px solid #e0e0e0;
}

/* Alternate rows */
.md-typeset table tbody tr:nth-child(even) {
  background-color: #f2f6ff;
}

/* Hover effect */
.md-typeset table tbody tr:hover {
  background-color: #e6eeff;
}

.features {
  color: #004aad;
  
}

.specs {
  color: #cc007e;
  border-bottom: 2px solid #cc007e;
}

.warranty {
  color: #2e7d32;
  border-bottom: 2px solid #2e7d32;
}
.attr-test {
  color: red !important;
  font-weight: bold;
}
/*<h2 class="features">Features</h2>
<h2 class="specs">Specifications</h2>
<h2 class="warranty">Warranty</h2> */
/* Page title (H1) */
.md-typeset h1 {
  color: #004aad;          /* your brand blue */
}

/* Main section headings (H2) */
.md-typeset h2 {
  color: #004aad;
  
  padding-bottom: 4px;
}

/* Sub‑section headings (H3) */
.md-typeset h3 {
  color: #004aad;          /* accent colour */
}

/* ===============================
   Align all box (admonition) colors
   with header background color
   =============================== */

/* INFO boxes */
.md-typeset .admonition.info {
  border-left-color: #004aad;
}
.md-typeset .admonition.info > .admonition-title {
  background-color: rgba(0, 74, 173, 0.12);
  color: #004aad;
}

/* SUCCESS boxes */
.md-typeset .admonition.success {
  border-left-color: #004aad;
}
.md-typeset .admonition.success > .admonition-title {
  background-color: rgba(0, 74, 173, 0.12);
  color: #004aad;
}

/* NOTE boxes */
.md-typeset .admonition.note {
  border-left-color: #004aad;
}
.md-typeset .admonition.note > .admonition-title {
  background-color: rgba(0, 74, 173, 0.12);
  color: #004aad;
}

/* WARNING / ATTENTION boxes (keep readable) */
.md-typeset .admonition.warning,
.md-typeset .admonition.attention {
  border-left-color: #004aad;
}
.md-typeset .admonition.warning > .admonition-title,
.md-typeset .admonition.attention > .admonition-title {
  background-color: rgba(0, 74, 173, 0.12);
  color: #004aad;
}

/* ===============================
   Align border / outline color
   with header background color
   =============================== */

/* Admonition (box) outer border */
.md-typeset .admonition {
  border-color: #004aad !important;
}

/* Left accent border (Material style) */
.md-typeset .admonition {
  border-left-color: #004aad !important;
}
/* ===============================
   FIX TABLE LEFT BORDER COLOR
   =============================== */

/* Table outer border */
.md-typeset table {
  border: 1px solid #004aad;
}

/* Header cells */
.md-typeset table th {
  border: 1px solid #004aad;
}

/* Body cells */
.md-typeset table td {
  border: 1px solid #004aad;
}

/* FORCE LEFT BORDER (important) */
.md-typeset table th:first-child,
.md-typeset table td:first-child {
  border-left: 1px solid #004aad !important;
}


/* Remove admonition icon ( ! inside circle ) */
.md-typeset .admonition-title::before {
  display: none !important;
}