@charset "UTF-8";

/* Fix link/hover colors for IOER-override scheme */
html[data-theme="light"],
html[data-theme="dark"] {
    --pst-color-secondary: black;

    .bd-docs-nav {
        --pst-color-link-hover: white;
    }

}

html[data-theme="dark"] {
    --pst-color-secondary: white;
    --pst-color-link-hover: white;

    .hide.below-input>summary,
    .hide.above-input>summary {
        color: black;
    }
}

/* this part for logo images in intro only */
/* Hide dark images by default */
.dark-img {
    display: none;
}

/* When dark mode is active, hide light images and show dark ones */
html[data-theme="dark"] .light-img {
    display: none;
}

html[data-theme="dark"] .dark-img {
    display: inline-block;
}

/* Override the global rule for logos */
html[data-theme="dark"] .logo-img {
    background-color: transparent !important;
    border-radius: 0 !important; /* Optional: Remove rounding if not needed */
}
/* ENDE: this part for logo images in intro only */

.bd-docs-nav {
    font-weight: 400;
}

/* Color overrides (background) for left navbar */
nav.bd-links .current>a {
    box-shadow: inset max(3px, .1875rem, .12em) 0 0 #70A401;
    color: white;
}

nav.bd-links p.caption {
    color: white;
}

/* Test adjusting font weight for figure captions, according to Nicolaas
figure {
    --pst-font-weight-caption: 400;
    --pst-font-weight-heading: 700;
}*/

nav.bd-links li>a {
    color: white;
}

/* Override color for left navbar; reduce scrollbar width */
[data-theme="light"] .bd-sidebar-primary {
    background-color: #0970B9;
    scrollbar-width: thin;
}

/* Add drop-shadow to images in articlwes */
.bd-article img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

/* Custom class to selectively unset drop-shadow */
.fig-no-shadow img {
    box-shadow: none;
}

div.figure span {
    font-size: 1.1rem;
}

/* Disable shadow effect on graphics shown from Jupyter cell output ;
   center image
   */

.cell_output img {
    box-shadow: none;
    display: block;
    margin: 0 auto;
}

/* Below disabled based on Nicolaas comments */
/* Make image captions slightly larger"

div.figure span {
	font-size: 1.15rem;
}
*/

/* Use green as background color in keyboard-key formattings */
kbd {
    background-color: #70A401;
    color: white;
}

/* Use green as background color for current active toc-tree element */
li.toctree-l1.current.active {
    background-color: #70A401;
}

/* Import Inter font styles
   https://github.com/rsms/inter/releases/tag/v4.1 */

@font-face {
    font-family: "Inter";
    src: url("inter/Inter-Regular.woff2") format("woff2"),
        url("inter/Inter-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("inter/Inter-Bold.woff2") format("woff2"),
        url("inter/Inter-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("inter/Inter-Bold.woff2") format("woff2"),
        url("inter/Inter-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("inter/Inter-Regular.woff2") format("woff2"),
        url("inter/Inter-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Tufte CSS styles */

body {
    font-family: Inter, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
    font-size: 1.1rem;
    font-weight: 400;
}

tbody {
    font-family: monospace;
}

h1,
h2,
h3 {
    font-family: Inter, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
    font-weight: 700;
    /* font-style: italic; */
}

/* external link arrow */
a.reference.external::after {
    content: "↗";
    font-size: smaller;
    margin-left: 0.2em;
    vertical-align: top;
}

/* =========================================================
   GROUP 2 FIXES (Accessibility, Branding, and Layout) 
   ========================================================= */

/* 1. Square Bullet Points */
/* Applies IOER branding (square bullets) only to content lists, 
   ignoring the sidebar navigation lists */
.bd-article ul {
    list-style-type: square;
}

/* 2. Search Bar Contrast (Accessibility) */
/* The default "Search" text is too faint. This forces a high-contrast dark gray in light mode, and bright white in dark mode. */
html[data-theme="light"] .search-button__default-text,
html[data-theme="light"] .search-button-field i,
html[data-theme="light"] .search-button-field svg {
    color: #333333 !important; 
}
html[data-theme="dark"] .search-button__default-text,
html[data-theme="dark"] .search-button-field i,
html[data-theme="dark"] .search-button-field svg {
    color: #ffffff !important; 
}

/* 3. Top-Left Logos Cut-off (Firefox/Windows 11) */
/* Adds breathing room to the logo container and prevents SVG boundary clipping */
.navbar-brand.logo {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    overflow: visible; /* Prevents the top of the 'L' or shapes from clipping */
}
.logo__image {
    max-width: 100%;
    height: auto;
    object-fit: contain; /* Forces the browser to scale the SVG down proportionally if it hits the bounding box */
}