:root {
  --base-border-radius: 0.5rem;
}

/* Dropdown */
.custom-dropdown {
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0.5rem;
    background-color: var(--md-code-bg-color);
    margin-top: .5rem;
    margin-right: .5rem;
    padding: .625em 1em .625em 1em; /* more right padding for a bigger arrow */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	color: var(--md-default-fg-color);
    background-image: url('data:image/svg+xml;utf8,<svg height="24" fill="grey" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: 1.5em;
}
/* When a real value is selected */
.custom-dropdown:valid {
    color: var(--md-default-fg-color);
}
/* When a real value is selected */
.custom-dropdown:valid {
    color: var(--md-default-fg-color);
}


@media (prefers-color-scheme: dark) {
  .custom-dropdown {
    color: white; /* Arrow color changes here */
  }
}

/* Admonitions */
.md-typeset .admonition {
	border-radius: var(--base-border-radius);
}

/* Tabs */

.md-typeset .tabbed-set {
  border: 0.5px solid lightgray;
  border-radius: var(--base-border-radius);
}

.md-typeset .tabbed-content {
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: var(--base-border-radius);
}

/*
.md-typeset .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child, .md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10), .md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11), .md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12), .md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13), .md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14), .md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15), .md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16), .md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17), .md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18), .md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19), .md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2), .md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20), .md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3), .md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4), .md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5), .md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6), .md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7), .md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8), .md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9) {
	background-color: var(--md-primary-fg-color);
	color: var(--md-code-bg-color);
	border-radius: var(--base-border-radius);
	border-bottom-left-radius: 0; 
	border-bottom-right-radius: 0; 
	box-shadow: 0 -.05rem var(--md-primary-fg-color) inset;
}

.md-typeset .tabbed-labels {
    box-shadow: 0 -.05rem var(--md-primary-fg-color) inset;
}
*/

.md-typeset .tabbed-block>.highlight:first-child>.filename {
    border-top-left-radius: var(--base-border-radius);
    border-top-right-radius: var(--base-border-radius);
}


.md-typeset .tabbed-block {
	border-top-left-radius: var(--base-border-radius);
    border-top-right-radius: var(--base-border-radius);
}

.md-typeset .tabbed-labels>label:hover{
	background-color: var(--md-code-bg-color);
	/*box-shadow: 0 -.05rem var(--md-primary-fg-color) inset;*/
}

.md-typeset .tabbed-labels>label:first-child:hover{
	background-color: var(--md-code-bg-color);
	border-top-left-radius: var(--base-border-radius);
	/*box-shadow: 0 -.05rem var(--md-primary-fg-color) inset;*/
}


/* Code Block */
.highlight span.filename {
    border-radius: var(--base-border-radius); 
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0; 
	background-color: var(--md-code-fg-color);
	color: var(--md-code-bg-color);
}


.highlight span.filename+pre>code {
    border-radius: var(--base-border-radius); 
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.md-typeset pre>code {
	border-radius: var(--base-border-radius);	
	scrollbar-width: auto;
}

.md-typeset pre>code:hover {
    scrollbar-color: var(--md-code-fg-color) #0000
}

.md-typeset pre>code::-webkit-scrollbar-thumb {
    background-color: var(--md-default-fg-color--lighter)
}

.md-typeset pre>code::-webkit-scrollbar-thumb:hover {
    background-color: var(--md-code-fg-color)
}


/* Grid Cards */
.md-typeset .grid.cards > ul > li {
  border-radius: var(--base-border-radius);
  box-shadow: 0 2px 2px 0 rgba(193, 193, 193, 0.5), 0 3px 1px -2px rgba(193, 193, 193, 0.3), 0 1px 8px 0 rgba(193, 193, 193, 0.2);
}
.md-typeset .grid.cards > ul > li:hover {
  box-shadow: 0 2px 2px 0 rgba(150, 150, 150, 1), 0 3px 1px -2px rgba(150, 150, 150, 1), 0 1px 8px 0 rgba(150, 150, 150, 0.9);
}


/* Markdown Button */
.md-typeset .md-button {
  border-radius: var(--base-border-radius);
}

/* Critic, Mark */
ins.critic,
del.critic {
  text-decoration: none;
}

.md-typeset .critic,
.md-typeset mark {
  border-radius: 0.2rem;
  padding: 0 0.2rem;
}

.md-typeset mark {
  box-shadow: 0 0 0 0.1rem var(--md-typeset-mark-color);
}

.md-typeset ins.critic {
  box-shadow: 0 0 0 0.1rem var(--md-typeset-ins-color);
}

.md-typeset del.critic {
  box-shadow: 0 0 0 0.1rem var(--md-typeset-del-color);
}

/* Forms */
.md-search__form {
  border-radius: var(--base-border-radius);
}

[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
  border-top-right-radius: var(--base-border-radius);
  border-top-left-radius: var(--base-border-radius);
}

[dir="ltr"] .md-search__output {
  border-bottom-right-radius: var(--base-border-radius);
  border-bottom-left-radius: var(--base-border-radius);
}

/* Blog - index.md */
.md-post--excerpt {
  background-color: var(--md-accent-fg-color--transparent);
  box-shadow: 0 0 0 1rem var(--md-accent-fg-color--transparent);
  border-radius: var(--base-border-radius);
}

/* Table */
.md-typeset table:not([class]) {
  border-radius: var(--base-border-radius);
}

/* Changelog search */
.input-search {
  border: 0.1rem solid var(--md-primary-fg-color);
  border-radius: var(--base-border-radius);
  font-size: inherit;
  padding: 0.625em 2em;
  flex: 1;
  margin-right: 0.25em;
  background-color: transparent;
}


/* Workflow Lists */
/* Target ordered lists inside workflow containers */
.md-typeset .workflow ol {
    counter-reset: workflow-counter;
    list-style: none;
    padding-left: 0;
    position: relative;
}

/* Style each list item */
.md-typeset .workflow ol > li {
    counter-increment: workflow-counter;
    position: relative;
    padding: 0.4rem 0.4rem 0.3rem 1.5rem; /* Space for numbering */
    margin-bottom: 0.7rem; /* Space between steps */
    background: rgba(152, 137, 44, 0.1); /* Light background */
    border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: var(--base-border-radius);
	border-bottom-right-radius: var(--base-border-radius);
    border-left: 2px solid var(--md-primary-fg-color); /* Left border */
    margin-left: 2.5rem; /* Shift the entire text box to the right */
}

/* Custom step number */
.md-typeset .workflow ol > li::before {
    content: counter(workflow-counter);
    position: absolute;
    left: -2.0rem; /* Keep the number at the start */
    top: 1.0rem;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background-color: var(--md-primary-fg-color); /* Step color */
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0%;
    z-index: 3; /* Ensures number is on top */
}

/* Remove the line from the last item */
.md-typeset .workflow ol > li:last-child::after {
    display: none;
}

/* Ensure nested lists remain as bullet points */
.md-typeset .workflow ol > li ul {
    list-style: disc;
    padding-left: 1.2rem;
}


/* Hide mkdocs-copy-to-llm buttons in code blocks */
button.copy-to-llm-code {
  display: none !important;
}