.grid.cards strong {
    white-space: nowrap;
}

.grid.cards {
    margin-left: 15px;
    margin-right: 100px;
}

.md-typeset .grid {
grid-gap: 1rem;
}

.md-typeset .grid.cards>ol>li, .md-typeset .grid.cards>ul>li, .md-typeset .grid>.card {
border: .1rem solid var(--md-default-fg-color--lightest);
border-radius: .5rem;
}

.md-header__button.md-logo img, .md-header__button.md-logo svg {
    height: 2.5rem;
}

.md-nav__title {
  visibility: hidden;
}

:root {
    --md-admonition-icon--forti: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 897 626%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%3Cg transform%3D%22matrix%281%2C0%2C0%2C1%2C-611.118%2C-750.758%29%22%3E%3Cg transform%3D%22matrix%2811.738%2C0%2C0%2C11.738%2C-764.57%2C125.125%29%22%3E%3Cpath d%3D%22M193.6%2C73.1L193.6%2C86.9L172%2C86.9L172%2C73.1L193.6%2C73.1ZM144.6%2C106.6L166.1%2C106.6L166.1%2C92.8L144.6%2C92.8L144.6%2C106.6ZM193.6%2C64.9C193.6%2C58.5 188.4%2C53.3 182%2C53.3L172.1%2C53.3L172.1%2C67.1L193.6%2C67.1L193.6%2C64.9ZM144.6%2C53.3L144.6%2C67.1L166.1%2C67.1L166.1%2C53.3L144.6%2C53.3ZM117.2%2C73.1L117.2%2C86.9L138.7%2C86.9L138.7%2C73.1L117.2%2C73.1ZM172%2C106.6L181.9%2C106.6C188.3%2C106.6 193.5%2C101.4 193.5%2C95L193.5%2C92.8L172%2C92.8L172%2C106.6ZM117.2%2C95C117.2%2C101.4 122.4%2C106.6 128.8%2C106.6L138.7%2C106.6L138.7%2C92.8L117.2%2C92.8L117.2%2C95ZM117.2%2C64.9L117.2%2C67.1L138.7%2C67.1L138.7%2C53.3L128.8%2C53.3C122.4%2C53.3 117.2%2C58.5 117.2%2C64.9Z%22 style%3D%22fill%3Argb%28218%2C41%2C28%29%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

.md-typeset .admonition.forti,
.md-typeset details.forti {
  border-color: rgb(218, 41, 28);
}
.md-typeset .forti > .admonition-title,
.md-typeset .forti > summary {
  background-color: rgba(218, 41, 28, 0.1);
}
.md-typeset .forti > .admonition-title::before,
.md-typeset .forti > summary::before {
  background-color: rgb(218, 41, 28);
  -webkit-mask-image: var(--md-admonition-icon--forti);
          mask-image: var(--md-admonition-icon--forti);
}

/* .md-typeset .admonition,
.md-typeset details {
  border-width: 0;
  border-left-width: 4px;
}

.md-grid {
  margin-left: 0;
  max-width: 75rem;
}

.md-typeset h1 {
  line-height: 1;
  margin: 0;
}

*,
::after,
::before {
  box-sizing: unset;
}
/* stylelint-disable selector-class-pattern */
/* .md-main__inner {
  margin-top: 0;
}

.md-sidebar--secondary {
  display: none;
  width: 20px;
}
/* stylelint-enable selector-class-pattern */
/* .md-sidebar {
  width: 10rem;
}

.md-content {
  min-width: 80%;
} */

/* logo */
/* .md-header__button.md-logo {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 36px;
  width: 320px;
} */

.deleteme {
  display: none;
}

/* Custom Pallete */
[data-md-color-primary="fortinet"] {
  --md-primary-fg-color: #f0f0f0;
  --md-primary-fg-color--light: #f0f0f0;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #000000;
  --md-primary-bg-color--light: #000000;
  --md-primary-fg-color--dark: #f0f0f0;
}
[data-md-color-accent="fortinet"] {
  --md-accent-fg-color: transaprent;
  --md-accent-fg-color--transparent: #da291c1a;
  --md-accent-bg-color: #da291c;
  --md-accent-bg-color--light: #da291c;
}

/* Logo CSS removed - using mkdocs.yml configuration for logo switching */

[dir=ltr] .md-header__title {
    margin-left: 124px;
    margin-right: .4rem;
}

.md-header__button.md-logo {
    margin: .2rem;
    padding: .4rem;
    margin-left: 15px;
}

/* Default Material margins for content only */
.md-content .md-grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 61rem; /* Default Material for MkDocs max-width */
}

/* Header and footer should always be full width */
.md-header .md-grid,
.md-tabs .md-grid,
.md-footer .md-grid {
    max-width: unset !important;
    margin-left: auto;
    margin-right: auto;
}

.md-header__topic {
  visibility: hidden;
}

/*
.md-typeset h1 {
  visibility: hidden;
  font-size: 0em;
  line-height: 0;
  margin: 0 0 0;
}
*/

.md-main__inner {
  margin-top: 0rem;
}

.md-content__inner {
padding-top: 0rem;
}

.md-tabs {
  width: auto;
  z-index: 5;
  position: absolute; /* Added absolute positioning */
  top: 10px; /* Positioned 10px from the top */
  left: 250px; /* Positioned 200px from the left */
}

img {
  border: 1px solid #000; /* 1-pixel solid border with black color */
  border-radius: 6px; /* Small rounded corners */
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

/* Remove border from logo */
.md-header__button.md-logo img {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

img.twemoji {
  border: 0px; /* 1-pixel solid border with black color */
  border-radius: 0px;
  box-shadow: none;
}

/* Logo styling removed - handled by mkdocs.yml */

.grid.cards img {
    border: none;
    border-radius: 0;      /* Remove rounded corners */
    box-shadow: none;
}

/* GLOBAL HEADER GRADIENT - Applied to ALL pages */
/* NUCLEAR OPTION - Maximum specificity override */
html body .md-header,
html body .md-header[data-md-component="header"],
html body [data-md-color-scheme] .md-header,
html body [data-md-color-scheme="default"] .md-header,
html body [data-md-color-scheme="slate"] .md-header,
html .md-header,
html .md-header[data-md-component="header"],
html [data-md-color-scheme] .md-header,
html [data-md-color-scheme="default"] .md-header,
html [data-md-color-scheme="slate"] .md-header,
.md-header,
.md-header[data-md-component="header"] {
    background: 
        radial-gradient(ellipse 100% 200% at top left, rgba(180, 36, 42, 0.8) 0%, rgba(180, 36, 42, 0.4) 50%, rgba(180, 36, 42, 0.1) 100%),
        radial-gradient(ellipse 100% 200% at top right, rgba(44, 204, 211, 0.8) 0%, rgba(44, 204, 211, 0.4) 50%, rgba(44, 204, 211, 0.1) 100%),
        linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    background-color: transparent !important;
    /* Force visible background as fallback */
    background-image: 
        radial-gradient(ellipse 100% 200% at top left, rgba(180, 36, 42, 0.8) 0%, rgba(180, 36, 42, 0.4) 50%, rgba(180, 36, 42, 0.1) 100%),
        radial-gradient(ellipse 100% 200% at top right, rgba(44, 204, 211, 0.8) 0%, rgba(44, 204, 211, 0.4) 50%, rgba(44, 204, 211, 0.1) 100%),
        linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
}

/* Make tabs transparent to match header gradient seamlessly */
.md-tabs,
.md-tabs[data-md-component="tabs"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* NUCLEAR OPTION - Ensure all nested header elements are transparent */
html body .md-header .md-header__inner,
html body .md-header__inner,
html body .md-tabs .md-grid,
html body .md-tabs .md-tabs__list,
html body .md-tabs__list,
html .md-header .md-header__inner,
html .md-header__inner,
html .md-tabs .md-grid,
html .md-tabs .md-tabs__list,
html .md-tabs__list,
.md-header .md-header__inner,
.md-header__inner,
.md-tabs .md-grid,
.md-tabs .md-tabs__list,
.md-tabs__list {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Hands on Lab text adapts to light/dark mode */
.md-tabs__link {
    color: var(--md-default-fg-color) !important;
    opacity: 0.9;
}

.md-tabs__link--active,
.md-tabs__link:hover {
    color: var(--md-default-fg-color) !important;
    opacity: 1;
    font-weight: 500;
}

/* Define custom properties for footer gradient */
:root {
    --footer-gradient: 
        radial-gradient(ellipse at top center, rgba(30, 75, 153, 0.7) 0%, rgba(30, 75, 153, 0.3) 40%, rgba(30, 75, 153, 0.1) 70%, transparent 100%),
        radial-gradient(ellipse 70% 100% at bottom left, rgba(15, 30, 50, 0.7) 0%, rgba(20, 40, 60, 0.5) 30%, rgba(25, 50, 80, 0.3) 60%, transparent 100%),
        radial-gradient(ellipse 70% 100% at bottom right, rgba(20, 50, 70, 0.7) 0%, rgba(25, 60, 90, 0.5) 30%, rgba(30, 70, 110, 0.3) 60%, transparent 100%),
        linear-gradient(180deg, rgba(15, 32, 39, 0.6) 0%, rgba(15, 32, 39, 0.4) 40%, rgba(15, 32, 39, 0.2) 80%, transparent 100%);
}

/* Apply gradient only to main footer container */
.md-footer,
html .md-footer,
html body .md-footer,
[data-md-color-scheme] .md-footer,
[data-md-color-scheme="default"] .md-footer,
[data-md-color-scheme="slate"] .md-footer,
html [data-md-color-scheme="slate"] .md-footer,
html [data-md-color-scheme="default"] .md-footer,
body[data-md-color-scheme="slate"] .md-footer,
body[data-md-color-scheme="default"] .md-footer,
html body [data-md-color-scheme="slate"] .md-footer,
html body [data-md-color-scheme="default"] .md-footer {
    background: var(--footer-gradient) !important;
    background-color: transparent !important;
    background-image: var(--footer-gradient) !important;
}

/* Force all footer child elements to be transparent - no individual gradients */
.md-footer *,
.md-footer__inner,
.md-footer-meta,
.md-footer-meta__inner,
.md-footer-copyright,
.md-footer-social,
html .md-footer *,
html body .md-footer *,
[data-md-color-scheme="default"] .md-footer *,
[data-md-color-scheme="slate"] .md-footer *,
html [data-md-color-scheme="slate"] .md-footer *,
html [data-md-color-scheme="default"] .md-footer *,
body[data-md-color-scheme="slate"] .md-footer *,
body[data-md-color-scheme="default"] .md-footer *,
html body [data-md-color-scheme="slate"] .md-footer *,
html body [data-md-color-scheme="default"] .md-footer * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Override any Material theme dark mode footer rules */
[data-md-color-scheme="slate"] {
    --md-footer-bg-color: transparent !important;
    --md-footer-bg-color--dark: transparent !important;
}

/* Additional nuclear option - inline style simulation */
.md-footer[style*="background"] {
    background: var(--footer-gradient) !important;
}

/* Footer text - Light mode: lighter gray, Dark mode: white like header */
[data-md-color-scheme="default"] .md-footer,
[data-md-color-scheme="default"] .md-footer__inner,
[data-md-color-scheme="default"] .md-footer__inner *,
[data-md-color-scheme="default"] .md-footer a,
[data-md-color-scheme="default"] .md-footer-meta,
[data-md-color-scheme="default"] .md-footer-meta__inner,
[data-md-color-scheme="default"] .md-footer-meta__inner *,
[data-md-color-scheme="default"] .md-footer-copyright,
[data-md-color-scheme="default"] .md-footer-copyright *,
[data-md-color-scheme="default"] .md-footer-social,
[data-md-color-scheme="default"] .md-footer-social * {
    color: rgba(145, 145, 145, 0.9) !important;  /* Light mode: darker grey text */
}

[data-md-color-scheme="slate"] .md-footer,
[data-md-color-scheme="slate"] .md-footer__inner,
[data-md-color-scheme="slate"] .md-footer__inner *,
[data-md-color-scheme="slate"] .md-footer a,
[data-md-color-scheme="slate"] .md-footer-meta,
[data-md-color-scheme="slate"] .md-footer-meta__inner,
[data-md-color-scheme="slate"] .md-footer-meta__inner *,
[data-md-color-scheme="slate"] .md-footer-copyright,
[data-md-color-scheme="slate"] .md-footer-copyright *,
[data-md-color-scheme="slate"] .md-footer-social,
[data-md-color-scheme="slate"] .md-footer-social * {
    color: rgba(255, 255, 255, 0.9) !important;  /* Dark mode: white text like header */
}

/* Ensure "Made with Material for MkDocs" has uniform color */
[data-md-color-scheme="default"] .md-footer-meta__inner span,
[data-md-color-scheme="default"] .md-footer-meta__inner a,
[data-md-color-scheme="default"] .md-footer-copyright__highlight {
    color: rgba(145, 145, 145, 0.9) !important;
}

[data-md-color-scheme="slate"] .md-footer-meta__inner span,
[data-md-color-scheme="slate"] .md-footer-meta__inner a,
[data-md-color-scheme="slate"] .md-footer-copyright__highlight {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Hover states */
[data-md-color-scheme="default"] .md-footer a:hover,
[data-md-color-scheme="default"] .md-footer-meta__inner a:hover {
    color: rgba(165, 165, 165, 1) !important;
}

[data-md-color-scheme="slate"] .md-footer a:hover,
[data-md-color-scheme="slate"] .md-footer-meta__inner a:hover {
    color: rgba(255, 255, 255, 1) !important;
}

/* Social icons use the same color */
[data-md-color-scheme="default"] .md-footer-social__link svg {
    fill: rgba(145, 145, 145, 0.9) !important;
}

[data-md-color-scheme="slate"] .md-footer-social__link svg {
    fill: rgba(255, 255, 255, 0.9) !important;
}

[data-md-color-scheme="default"] .md-footer-social__link:hover svg,
[data-md-color-scheme="slate"] .md-footer-social__link:hover svg {
    fill: rgba(255, 255, 255, 1) !important;
}