/** css/yourtheme.css **/

/* This line is theme specific - it includes the base theme CSS */
/*@import 'yummy_sphinx_theme.css';  /* for Alabaster */
/*@import 'theme.css';       /* for the Read the Docs theme */

/*@font-face {
    font-family: "Agave", sans-serif;
    font-size: 1em;
}*/

@font-face {
    font-family: 'Agave';
    src: url('https://github.com/blobject/agave/blob/master/dist/Agave-Regular.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family:"DaxlinePro", sans-serif;
    font-size: 1.2em;
    font-weight: Light;   
}

/* Additional styles for other elements under light theme */
/* ... */
.p1 {
  font-family: "Agave", sans-serif;
  font-size: 1.2em;
}

.p2 {
  font-family: "Frutiger Std", sans-serif;
  font-size: 1.2em;
}

.p3 {
  font-family: "DaxlinePro", sans-serif;
  font-size: 1.2em;
}

/* Change font for specific <h2> Section Headers */
h2 {
    font-family: 'Croma Sans', sans-serif; /* Replace 'YourFontName' with your desired font */
    font-weight: 900; /* 700 The full range is 100, 200, 300, 400, 500, 600, 700, 800, 900 */
    font-size: 1.5em;
}

/* Optional: If you want to style the header link differently */
h2 .headerlink {
    font-family: inherit; /* This makes the link have the same font as its parent h2 */
    /* Additional styling for the link, if needed */
}

/* Change font for specific <h3> Sub-Section Headers */
h3 {
    font-family: 'Frutiger Std', sans-serif; /* Replace 'YourFontName' with your desired font */
    font-weight: 900; /* 700 The full range is 100, 200, 300, 400, 500, 600, 700, 800, 900 */
    font-size: 1.3em;
}

/* Optional: If you want to style the header link differently */
h3 .headerlink {
    font-family: inherit; /* This makes the link have the same font as its parent h2 */
    /* Additional styling for the link, if needed */
}

/* showMe graphs */
.mermaid .edgeLabel, .mermaid .nodeLabel{
    font-family: 'Agave', sans-serif;
    font-weight: normal; /* 700 The full range is 100, 200, 300, 400, 500, 600, 700, 800, 900 */
    font-size: 1.2em;
}

/* mindmap fonts */
.mermaid svg .text-inner-tspan {
    font-family: 'Agave', sans-serif;
    font-weight: normal; /* Ensures the font is not bold */
    font-size: 1.2em;
}

/* Specifically targeting SVG paths within Mermaid diagrams */
.mermaid .nodeLabel svg path {
    fill: black !important; /* Use the current color, which is set to black above */
}

.keys {
  font-family: "Agave", sans-serif;
  color: pink;
}

div.literal-block {
    white-space: pre-wrap; /* Allows line wrapping */
}

/* Custom CSS for Code Blocks */
div.highlight {
    font-family: "Agave", monospace;
    color: pink;
}

/* Tool Name like asNode & Args */
.function {
    font-family: "DaxlinePro", sans-serif;  
    font-size: 1em; /* or any other size */
    color: #6F00DB; /*#BC375A low-red; /*yellowgreen, orange; /* You can also use named colors */
}

/* Custom CSS for specific function code blocks */
/*.descname {
    background-color: #FDFAED ; /* Your chosen background color 
}
.sig {
    background-color: #F9F1CC ; /* Your chosen background color 
}*/

/* BG Color for Example, asNode."attr"*/
/*====================================*/
/*.descname {
    /* Gradient from #FDFAED to a lighter shade 
    background: linear-gradient(to right, #ffd1dc,  #ffe3e8); 
}*/
.descname {
    /* 3D top-down gradient with three colors */
    background: linear-gradient(to top, #B0E0E6, #ffffff); 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow for a 3D effect */
    border-radius: 5px; /* Optional: Rounds the corners for a smoother look */
    padding: 5px; /* Optional: Adds some space inside the element */
    height: 20px; 
}

/* BG Color for Example, asNode.attr(self, attrList, addAttr=False, *args, **kwargs)*/
.sig {
    /* Gradient from #F9F1CC to a lighter shade */
    background: linear-gradient(to top,  #F9E3D1, #FBF6E3, #ffffff); 
    border-left: 5px solid #C4800A     ; /* Adjust the color and width as needed */
    padding-left: 5px; /* Add some padding to separate text from the border */
    border-radius: 5px; /* Optional: Rounds the corners for a smoother look */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); 
    padding: 5px; /* Optional: Adds some space inside the element */    
}

blockquote {
    /* Gradient background for a 3D effect */
    background: linear-gradient(to bottom right, #f0f0f0, #d1d1d1, #b0b0b0);
    
    /* Adding a subtle shadow for depth */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    
    /* Some padding and margin for aesthetics */
    padding: 10px;
    margin: 10px 0;

    /* Optional: border radius for rounded corners */
    border-radius: 5px;
}

/* Function Args & Args Description */
.attribute {
    font-family: "Agave", sans-serif;  
    font-size: 1.2em; /* or any other size */
    color: yellowgreen; /*orange; /* You can also use named colors */
}

/* For Code Blocks */
.highlight .go { /* .gp is the class for generic prompts in Sphinx */
    font-family: "Agave", sans-serif;  
    font-size: 1.2em; /* or any other size */
    color: #CF3859; /* Replace with your desired color for ':Command:' */
}

code {
    color: #BC375A; /* Example color */
}

/* Left Side Navigation Bar having tools like asNode, HyperRig etc */
nav {
    font-family: "Agave", sans-serif;
    font-size: 1.3em; /* or any other size */
    color: orange; /* You can also use named colors */
}

/* Change font for the table of contents */
/* Change font for TOC button texts */
nav.bd-toc-nav.page-toc li.toc-h2 a .docutils.literal {
    font-family: 'Agave', sans-serif;
    font-weight: normal; /* Ensures the font is not bold */
    font-size: 1.2em; /* or any other size */
    /*color: #AC80FF; /* Same color as per font color of #AC80FF in this Sublime */   
    color: #BC375A;
}

/* Styling for TOC entries with a 3D effect (TOC Entries) */
li.toc-h2.nav-item.toc-entry {
    /* Gradient background with shades of sea blue */
    background: linear-gradient(to left, #f0f0f0, #d1d1d1, #b0b0b0); /* Adjust the color values to get the desired sea blue shades */
    
    /* Adding a subtle shadow for depth */
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);

    border-left: 5px solid #C4800A     ; /* Adjust the color and width as needed */
    padding-left: 5px; /* Add some padding to separate text from the border */
    border-radius: 5px; /* Optional: Rounds the corners for a smoother look */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); 

    /* Some padding for better aesthetics */
    padding: 5px;
    margin-bottom: 5px; /* Space between TOC entries */

    /* Optional: Rounded corners */
    border-radius: 4px;

    /* Optional: Adding a border for more defined edges */
    /*border: 1px solid #204051; /* Darker shade of sea blue for the border */

    /* Set a specific height for each TOC entry */
    height: 30px; /* Adjust this value as needed */
    display: flex;
    align-items: center; /* Vertically center the content within the TOC entry */

}

/* Styling for the active TOC entry -RH Side */
li.toc-h2.nav-item.toc-entry .active-toc-item {
    color: white; /* Changing text color for better visibility */
    font-weight: bold; /* Making the active TOC item text bold */
}

.active-toc-item {
    /*background-color: #ffedcc; /* Or any color you prefer */
    color: white; /* Text color */
    background: linear-gradient(to top, #BF4BFF, #ffffff); 
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow for a 3D effect */
    border-radius: 5px; /* Optional: Rounds the corners for a smoother look */
    padding: 2px; /* Optional: Adds some space inside the element */      
}

ul.visible.nav.section-nav.flex-column {
    /* Note: If we reduce to width here, it will increase on HTML*/
    width: 150px; /* Less #px, more width on HTML */
    /* Other styling properties */
}

/* Code Blocks after :: header */
pre {
    font-family: 'agave', monospace; /* Replace 'YourPreferredFont' with the name of the font you want to use */
    font-size: 1em; /* You can adjust the size as needed */
    /* Additional styling options can be added here */

    /* Gradient background */
    background: linear-gradient(to top, #C9EBEF, #ffffff);

    /* Border and shadow for a 3D effect */
    border: 1px solid #1196AB; /*#8000D5; /* Border color */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);

    /* Padding for spacing inside the block */
    padding: 10px;

    /* Optional: rounded corners */
    border-radius: 5px;

    /* Any other styling you need */
    border-left: 10px solid #1196AB; /*#C88226; /* Adjust the color and width as needed */
    padding-left: 10px; /* Add some padding to separate text from the border */
    /*border-right: 5px solid #C88226     ; /* Adjust the color and width as needed */
    padding-right: 5px; /* Add some padding to separate text from the border */    
    border-radius: 5px; /* Optional: Rounds the corners for a smoother look */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);         
}

/* Left side TOC for modules */
/*===========================*/
li.toctree-l2 {
    /* Gradient background for a 3D effect */
    background: linear-gradient(to right, #B1E2E8, #d1d1d1, #f0f0f0); /* Adjust the colors to your preferred shades of blue */
    
    /* Adding a subtle shadow for depth */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);

    border-left: 5px solid #4C8AF9; /* Adjust the color and width as needed */
    padding-left: 5px; /* Add some padding to separate text from the border */
    border-radius: 5px; /* Optional: Rounds the corners for a smoother look */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);     
    
    /* Some padding for aesthetics */
    padding: 5px 10px;
    margin: 5px 0;
    
    /* Rounded corners */
    border-radius: 5px;

    /* A border for definition - optional */
    /*border: 1px solid #4da6ff; /* You can adjust the color and width */

    /* Transition for hover effect */
    transition: all 0.2s ease-in-out;

    /* Set a specific height for each TOC entry */
    height: 35px; /* Adjust this value as needed */
    display: flex;
    align-items: center; /* Vertically center the content within the TOC entry */    
}
/* Left side TOC for modules */
li.toctree-l2:hover {
    /* Slightly darker gradient on hover for interactive feel */
    background: linear-gradient(to right, #FFCE3A, #d1d1d1, #f0f0f0);
    
    /* Slightly deeper shadow on hover */
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
}
/* Left side TOC for modules */
/* Specifically for the currently active module */
li.toctree-l2.current.active {
    /* Differentiating the active module with a unique style */
    background: linear-gradient(to right, #8C80FF, #d1d1d1, #ECECEC); 
    border: 1px solid #ffbb66;
}

/* Targeting the field headings like **Parameters** **all words** between stars */
p strong {
    /*background-color: #E7F2F7 ; /* Your desired background color */
    /* Additional styling properties can be added here */
    /*background: linear-gradient(to top, #E7F2F7, #B0E0E6, #ffffff); */
    /*background: linear-gradient(to right, #B0E0E6, #D9D9D9);/* Light blue theme */ 
    background: linear-gradient(to left, #f0f0f0, #d1d1d1, #b0b0b0); /* Same theme as TOCs RH Side */
    /*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow for a 3D effect */
    border-radius: 5px; /* Optional: Rounds the corners for a smoother look */
    padding: 5px; /* Optional: Adds some space inside the element */ 
    line-height: 20px; /* Adjusts the height of the line, thus the background */
    display: inline-block; /* This makes the padding and line-height more effective */
}
/* Custom BG colors For any text between < and > */
/*///////////////////////////////*/
.custom-bg {
    background-color: #B7DDE1; /* Your desired background color */
    padding: 3px; /* Adds some space inside the element */
    border-radius: 5px; /* Rounds the corners for a smoother look */
    line-height: 20px; /* Adjusts the height of the line, thus the background */
    display: inline-block; /* This makes the padding and line-height more effective */
}
.custom-bg-line {
    /*background-color: #fffacd; /* Light Lemon Yellow Color */
    background-color: #FAF0DE; /* Same as funciton header line */
    padding: 3px; /* Adds some space inside the element */
    border-radius: 5px; /* Rounds the corners for a smoother look */
    line-height: 20px; /* Adjusts the height of the line, thus the background */
    display: inline-block; /* This makes the padding and line-height more effective */
}
/* Styling for lines starting with a number, dot, and space */
ol.arabic.simple li { /* , ul.simple li, dd.field-odd */
    background-color: #e0f2f1; /* Very light sea green background color */
    /* Additional styling properties can be added here */
    padding: 5px; /* Add some padding for visual comfort */
    margin: 2px 0; /* Add some margin to separate list items */
    border-radius: 4px; /* Optional: Rounds the corners for a smoother look */
}

/* Light Theme */
.theme-switch-button {
    display: none; /* Hide the theme switch button */
}

/* Targeting 'Parameters' header */
dt:has(> .fieldname:contains("Parameters")) + dd {
    background: linear-gradient(to right, red, #ffe3e8); 
    border-left: 5px solid #C4800A;
    padding-left: 5px;
}

/* Targeting 'Returns' header */
dt:has(> .fieldname:contains("Returns")) + dd {
    background: linear-gradient(to right, blue, #FBF6E3);
    border-left: 5px solid #C4800A;
    padding-left: 5px;
}

/* Set font color for all paragraphs 
p {
    color: pink; /* Replace with your desired color */
}*/

/* RnD */
select {
    color: yellow; /* Replace with your desired color */
}

/* Disable download buttons */
body .dropdown.dropdown-download-buttons {
    display: none !important;
}
body .dropdown-download-buttons .btn-download-pdf-button {
    display: none !important;
}

/* For container formatting */
.custom-class {
    background-color: lightgray;
    padding: 10px;
    border-radius: 5px;
}

.outer-container {
    border: 1px solid black;
}

.inner-container {
    background-color: yellow;
}

.highlighted {
    border-left: 5px solid blue;
    padding-left: 10px;
}


/* General body styling */
/*body {
    background-color: #1e1e1e; /* Dark background */
    color: #c7c7c7; /* Light text for readability */
    font-family: Arial, sans-serif;
}*/

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: #a4c639; /* Light green color for headers */
}

/* Links */
a {
    color: #4183c4; /* Bright blue for links */
}
a:hover {
    color: #e08e79; /* Soft red on hover */
}

/* Code blocks */
.highlight {
    background-color: #2b2b2b; /* Slightly lighter background for code blocks */
    border: 1px solid #3c3c3c;
}
.highlight .k, .highlight .o, .highlight .cm, .highlight .cp, .highlight .c1, .highlight .cs {
    color: #9876aa; /* Purple color for keywords, comments */
}

/* Tables */
table {
    border-collapse: collapse;
}
th, td {
    border: 1px solid #3c3c3c; /* Light borders for table cells */
    padding: 8px;
}
th {
    background-color: #333333; /* Dark background for table headers */
    color: #ffffff;
}

/* Sidebar */
.wy-side-nav-search {
    background-color: #2b2b2b;
}
.wy-nav-side {
    background-color: #252525;
}
.wy-nav-content-wrap {
    background-color: #1e1e1e;
}
.wy-nav-content {
    color: #c7c7c7;
}


/* For Dropdown menu of items */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}


/*Styling Tab Headers:
//////////////////////
You can change the background color, font, and border of the tab headers.*/
.sphinx-tabs .sphinx-tabs-tab {
    /* Styles for non-active tabs */
    background-color: #C9E089; /* Lighter background */
    /*border: 2px solid #ccc; /* Adjust the pixel value (2px) to increase thickness */ 
    /*border-color: #007bff; /* Change to your desired border color */       
    color: #333; /* Darker text */
}

.sphinx-tabs .sphinx-tabs-tab.active {
    /* Styles for the active tab */
    background-color: #4CAF50 !important; /* Green background */
    /*border-color: #E02758; /* Different color for the active tab */    
    /*border: 2px solid #4CAF50; /* Different color for active tab border */    
    color: white !important; /* White text */
}

.sphinx-tabs .active {
    background-color: #4CAF50 !important; /* Green background for active tab */
    color: white !important; /* White text color for active tab */
}

/*Hover Effects:
Add hover effects to the tabs for better interactivity.*/
.sphinx-tabs .sphinx-tabs-tab:hover {
    background-color: #e0e0e0;
}
.sphinx-tabs .sphinx-tabs-tab:not(.active):hover {
    background-color: #e0e0e0; /* Slightly darker background on hover */
}