/* Define primary and secondary colors */
:root {
    --color-primary: orange !important; /* Set orange as the primary color */
    --color-secondary: white !important; /* Set white as the secondary color */
    --color-link: orange !important; /* Set link color */
    --color-link-hover: #cc8400 !important; /* Set hover state for links */
}

/* Dark mode compatibility */
[data-theme="dark"] {
    --color-primary: #ffb733 !important; /* Adjusted orange for dark mode */
    --color-secondary: #1a1a1a !important; /* Dark background */
}

/* Override specific elements (e.g., navbar, buttons) */
.sd-navbar {
    background-color: var(--color-primary) !important;
    color: var(--color-secondary) !important;
}

button,
a,
.admonition-title {
    color: var(--color-primary) !important;
}

.admonition {
    border-left: 4px solid var(--color-primary) !important;
}

/* Styling Previous and Next Footer Links */
.prev-next-footer a.left-prev,
.prev-next-footer a.right-next {
    color: var(--color-primary) !important; /* Set text color to orange */
    text-decoration: none; /* Remove underline if present */
}

/* Ensure titles inside the links are also orange */
.prev-next-footer a.left-prev .prev-next-title,
.prev-next-footer a.right-next .prev-next-title {
    color: var(--color-primary) !important; /* Set title text to orange */
}

/* Hover styles for links and titles */
.prev-next-footer a.left-prev:hover,
.prev-next-footer a.right-next:hover {
    color: var(--color-link-hover) !important; /* Set hover color for links */
}

.prev-next-footer a.left-prev:hover .prev-next-title,
.prev-next-footer a.right-next:hover .prev-next-title {
    color: var(--color-link-hover) !important; /* Set hover color for titles */
}

/* Styling Active Sidebar Link */
.bd-sidebar-secondary .nav-link.active {
    border-left: 4px solid var(--color-primary) !important; /* Add orange bar */
    color: var(--color-primary) !important; /* Ensure text is orange */
    background-color: transparent !important; /* Remove any background styling */
}

/* Remove any lingering blue bar styles */
.bd-sidebar-secondary .nav-link.active {
    border-left-color: var(--color-primary) !important; /* Force orange border color */
}

/* Completely reset conflicting styles */
.bd-sidebar-secondary .nav-link.active {
    border-left: 4px solid var(--color-primary) !important; /* Apply only orange border */
    box-shadow: none !important; /* Remove shadow effects */
    background-color: transparent !important; /* Ensure no background color */
}

/* Remove pseudo-elements if they are causing issues */
.bd-sidebar-secondary .nav-link.active::before,
.bd-sidebar-secondary .nav-link.active::after {
    content: none !important; /* Remove pseudo-elements */
}

/* Change color to Orange of the left navigation bar on the left sidebar */
nav.bd-links .current > a {
    background-color: transparent;
    box-shadow: inset max(3px, .1875rem, 4px) 0 0 var(--color-primary); /* Changed to your variable */
    color: var(--color-primary); /* Changed from --pst-color-primary to your variable */
    font-weight: 600;
}

/* LOGO TEXT - Multiple selector attempts to ensure it works */
 /* Target the specific title class shown in the HTML */
 .title.logo_title, 
 p.title.logo__title, 
 div.title.logo_title {
   font-size: 0.9rem !important;
   line-height: 1 !important;
   max-width: 100% !important;
   transform-origin: left center !important;
   margin: 0 !important;
   padding: 0 !important;
 }