/**
 * SPDX-FileCopyrightText: Copyright (c) 2024 Infineon Technologies AG
 * SPDX-License-Identifier: CC0-1.0
 */

:root {
  --ifx-color-base-black: #1D1D1D;
  --ifx-color-base-white: ##FFFFFF;
  --ifx-color-base-transparent: transparent;
  --ifx-color-engineering-100: #F7F7F7;
  --ifx-color-engineering-200: #EEEDED;
  --ifx-color-engineering-300: #BFBBBB;
  --ifx-color-engineering-400: #8D8786;
  --ifx-color-engineering-500: #575352;
  --ifx-color-engineering-600: #3C3A39;
  --ifx-color-ocean-100: #DFF4F3;
  --ifx-color-ocean-200: #B8DEDA;
  --ifx-color-ocean-300: #6CB4AD;
  --ifx-color-ocean-400: #3B9B91;
  --ifx-color-ocean-500: #0A8276;
  --ifx-color-ocean-600: #08665C;
  --ifx-color-ocean-700: #06534B;
  --ifx-color-red-500: #CD002F;
  --ifx-color-red-600: #A2001E;
  --ifx-color-red-700: #900021;
  --ifx-color-orange-500: #E16B25;
  --ifx-color-green-500: #4CA460;
  --ifx-color-lawn-400: #B9D257;
  --ifx-color-lawn-500: #9BBA43;
  --ifx-color-lawn-700: #3C6C0F;
  --ifx-color-berry-400: #BE3283;
  --ifx-color-berry-500: #9C216E;
  --ifx-color-sun-400: #FF9737;
  --ifx-color-sun-500: #F97414;
  --ifx-color-sand-400: #FBE273;
  --ifx-color-sand-500: #FCD442;
}

/**
 * General font styling
 */
html,
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Navbar only showing in mobile browsers
 */
.wy-nav-top {
  background-color: var(--ifx-color-ocean-500);
}

/**
 * Main content windows (excludes navbars)
 */
.wy-nav-content {
  border-left: 1px solid var(--ifx-color-engineering-600);
  border-right: 1px solid var(--ifx-color-engineering-600);
  background-color: var(--ifx-color-base-white);
  position: relative; /* Ensure the main content layout is respected */
    --main-content-left: 200px; /* Adjust this to match the left position of the main content */
    --main-content-width: 800px; /* Adjust this to match the width of the main content */
}

/**
 * Link styling in text
 */
.wy-nav-content a {
  font-weight: 600;
  color: var(--ifx-color-ocean-500);
}

/**
 * Link styling in text
 */
.wy-nav-content a:hover {
  color: var(--ifx-color-ocean-600);
  text-decoration: underline;
}

/**
 * Navbar on left side
 */
.wy-nav-side,
.wy-side-nav-search,
.wy-side-nav-search>div.version,
.wy-nav-content-wrap,
.wy-menu-vertical a,
.wy-menu-vertical li.current,
.wy-menu-vertical li.toctree-l2.current>a,
.wy-menu-vertical li.toctree-l2.current li.toctree-l3>a,
.wy-menu-vertical li.toctree-l3.current>a,
.wy-menu-vertical li.toctree-l3.current li.toctree-l4>a {
  background-color: var(--ifx-color-base-white);
  color: var(--ifx-color-base-black);
}

/**
 * Package name on top of logo in navbar
 */
.wy-side-nav-search>a.icon {
  color: var(--ifx-color-ocean-500);
}

/**
 * Logo in navbar
 */
img.logo {
  background: fixed;
  background-color: var(--ifx-color-base-white);
}

/**
 * Version information below log in navbar
 */
.wy-side-nav-search>div.version {
  color: var(--ifx-color-ocean-500);
  font-weight: 600;
}

/**
 * Search button in navbar.
 */
.wy-side-nav-search input[type=text] {
  border-color: var(--ifx-color-ocean-500);
}

/**
 * Hover over navbar entries
 */
.wy-menu-vertical li a:hover,
.wy-menu-vertical li a.current:hover,
.wy-menu-vertical li.current a:hover,
.wy-menu-vertical li.toctree-l2.current>a:hover,
.wy-menu-vertical li.toctree-l2.current li.toctree-l3>a:hover,
.wy-menu-vertical li.toctree-l3.current>a:hover,
.wy-menu-vertical li.toctree-l3.current li.toctree-l4>a:hover {
  background-color: var(--ifx-color-ocean-200);
}

/**
 * Expand / collapse icon in navbar
 */
.wy-menu-vertical li button.toctree-expand,
.wy-menu-vertical li.current>a button.toctree-expand,
.wy-menu-vertical li:hover>a button.toctree-expand,
.wy-menu-vertical li.current:hover>a button.toctree-expand,
.wy-menu-vertical li.toctree-l2>a button.toctree-expand,
.wy-menu-vertical li.toctree-l2:hover>a button.toctree-expand,
.wy-menu-vertical li.toctree-l2.current:hover>a button.toctree-expand,
.wy-menu-vertical li.toctree-l3>a button.toctree-expand,
.wy-menu-vertical li.toctree-l3:hover>a button.toctree-expand,
.wy-menu-vertical li.toctree-l3.current:hover>a button.toctree-expand  {
  color: var(--ifx-color-ocean-500);
}

/**
 * Code literals in headings (module names)
 */
.rst-content code.literal {
  color: var(--ifx-color-ocean-500);
}

/**
 * String literals in code blocks
 */
.highlight .s2 {
  color: var(--ifx-color-ocean-500);
}

/**
 * Keywords in codeblocks
 */
.highlight .k,
.highlight .nb,
.highlight .kn {
  color: var(--ifx-color-ocean-500);
}

/**
 * Module names in code blocks
 */
.highlight .nn {
  color: var(--ifx-color-engineering-600);
}

/**
 * Code blocks
 */
.highlight {
  background-color: var(--ifx-color-engineering-100);
}

/**
 * Captions and class definitions
 */
.rst-content div[class^=highlight],
.rst-content pre.literal-block {
  border: 1px solid var(--ifx-color-engineering-500);
}

/**
 * Captions and class definitions
 */
html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple)>dt {
  background-color: var(--ifx-color-ocean-100);
  border-top: 3px solid var(--ifx-color-ocean-500);
  color: var(--ifx-color-ocean-500);
}

/**
 * Method and member definitions
 */
html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple) dl:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple)>dt {
  background-color: var(--ifx-color-ocean-100);
  border-left: 3px solid var(--ifx-color-ocean-400);
  color: var(--ifx-color-ocean-500);
}

/* ----------------------------------------------------------------------------------------*/

/* Sidebar (right side, relative to main content) */
.sticky-sidebar {
    position: fixed;
    top: 175px;
    left: calc(var(--main-content-left) + var(--main-content-width) + 100px);
    min-width: 70px;
    max-width: 400px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 10px 15px;
    background-color: var(--ifx-color-base-white);
    color: var(--ifx-color-base-black);
}

/* Add a title to the sticky sidebar */
.sticky-sidebar::before {
    content: "Page content"; /* The text of your title */
    display: block; /* Ensures it behaves like a block element */
    font-size: 18px; /* Customize the font size */
    font-weight: bold; /* Make the title bold */
    color: var(--ifx-color-engineering-600); /* Match the theme */
    margin-bottom: 12px; /* Add spacing below the title */
    margin-left: 10px;
    text-align: left; /* Center the text */
    border-bottom: 1px solid var(--ifx-color-engineering-300); /* Optional: Add a bottom border */
    padding-bottom: 8px; /* Add space between the title and border */
    background-color: var(--ifx-color-base-white); /* Match sidebar background */
    padding-top: 10px; /* Add some spacing above the title */
}

/* Links in the sticky sidebar */
.sticky-sidebar a {
  font-weight: inherit;
  display: inline-flex;
  line-height: 1.2;
  text-decoration: none;
  /*font-size: 14px;*/
  color: var(--ifx-color-base-black);
  font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
  font-size:90%
}

/* Top-Level Items (Level 1) */
.sticky-sidebar ul > li {
  font-weight: 700; /* Bold font for top-level items */
  margin-bottom: 2px; /* Add spacing between items */
}

/* Second-Level Items (Level 2) */
.sticky-sidebar ul > li > ul > li {
  font-weight: 500; /* Medium weight for second-level items */
  margin-left: 15px; /* Add indentation for hierarchy */
}

/* Third-Level Items (Level 3) */
.sticky-sidebar ul > li > ul > li > ul > li {
  font-weight: 300; /* Light weight for third-level items */
  margin-left: 30px; /* Further indentation */
}

/* Hover style in the sticky sidebar */
.sticky-sidebar a:hover {
  text-decoration: none;
  background-color: var(--ifx-color-ocean-200);
  color: var(--ifx-color-ocean-600);
}

/* Reset List Styles */
.sticky-sidebar ul {
  list-style: none;
}


/* Hide sidebar for small viewports */
@media (max-height: 600px) {
    .sticky-sidebar {
        opacity: 0;
        pointer-events: none;
    }
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .sticky-sidebar {
        position: static;
        width: 100%;
        max-width: none;
        max-height: none;
        margin-top: 20px;
    }
}

/* ----------------------------------------------------------------------------------------*/

.wy-table-responsive table td, .wy-table-responsive table th {
    white-space: inherit;
}