/*
  $Id: fpdoc2.css,v 1.1 2003/03/17 23:03:20 michael Exp $

  Default style sheet for FPDoc reference documentation
  by Sebastian Guenther, sg@freepascal.org

  Feel free to use this file as a template for your own style sheets.
*/

.section {
  padding: 1rem 1rem; !important
}

div.code, tt, span.kw, pre, div.code a {
  font-family: Courier, monospace
}

.column.list {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* source fragments */
span.code {
  white-space: nowrap
}

/* symbols in source fragments */
span.sym {
  color: darkred
}

/* keywords in source fragments */
span.kw {
  font-weight: bold
}

/* comments in source fragments */
span.cmt {
  color: darkcyan;
  font-style: italic
}

/* directives in source fragments */
span.dir {
  color: darkyellow;
  font-style: italic
}

/* numbers in source fragments */
span.num {
  color: darkmagenta
}

/* characters (#...) in source fragments */
span.chr {
  color: darkcyan
}

/* strings in source fragments */
span.str {
  color: blue
}

/* assembler passages in source fragments */
span.asm {
  color: green
}

p.cmt {
  color: gray
}

span.warning {
  color: red;
  font-weight: bold
}

/* !!!: How should we define this...? */
span.file {
  color: darkgreen
}

span.footer {
  font-style: italic;
  color: darkblue
}

span.toggletreeclose {
    background: url(minus.png) center left no-repeat;
    padding-left: 20px;
}
span.toggletreeopen {
    background: url(plus.png) center left no-repeat;
    padding-left: 20px;
}

span.identifier {
  font-style: italic;
}



/*  --------------------------------------------------------------------
 *  Side menu styling 
 *  -------------------------------------------------------------------- */

.burger-icon {
    font-size: 1.5rem; 
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1; 
}

/* Ensure the main container accounts for the navbar height */
#main-layout {
    display: flex;
    min-height: calc(100vh - 52px); /* 52px is the standard Bulma navbar height */
    position: relative;
}

/* 2. Side Menu (Off-Canvas/Collapsed State) */
#side-menu {
    /* Position the menu absolutely so it doesn't displace content in the flow */
    position: absolute; 
    top: 0;
    left: 0;
    height: 100%; /* Full height of the main-layout container */
    width: 10em; 
    padding: 10px;
    background-color: #f5f5f5; /* Bulma's 'bis' color for contrast */
    box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
    
    /* Hidden off-screen */
    transform: translateX(-10em); 
    transition: transform 0.3s ease-in-out;
    z-index: 20; /* Ensure it is above the main content, but below navbar (navbar uses 30) */
    overflow-y: scroll
}

/* 3. Side Menu (Expanded State) */
#side-menu.is-expanded {
    /* Slide it into view */
    transform: translateX(0);
}

/* 4. Main Content Area (Initial/Collapsed State) */
#main-content {
    flex-grow: 1; 
    width: 100%; /* Ensures it fills the remaining space */
    
    /* Start with no padding on the left */
    padding-left: 0 !important; 
    transition: padding-left 0.3s ease-in-out; 
}

/* 5. Main Content Area (Shifted State) */
#main-content.is-shifted {
    /* When the menu is open, shift the content to the right to reveal the menu */
    padding-left: 200px !important;
}


/*  --------------------------------------------------------------------
 *  Class inheritance tree styling 
 *  -------------------------------------------------------------------- */
   
.treeview, .treeview ul {
    list-style: none; /* Remove default bullets */
    padding-left: 15px;
    margin: 0;
}

.treeview li {
    line-height: 1.5;
    cursor: pointer;
    position: relative; /* Needed for positioning the pseudo-element */
    padding-left: 5px; /* Add some space for the icon */
}

/* --- Nested List Visibility --- */

/* Hide all nested ULs by default */
.treeview ul {
    display: none;
}

/* Show the nested UL when the parent LI has the 'expanded' class */
.treeview li.expanded > ul {
    display: block;
}

/* --- Icon Logic using ::before Pseudo-Element --- */

/* 1. Default/Collapsed State for Parent Nodes */
.treeview li.parent::before {
    /* Right-pointing triangle: ▸ or \25B8 */
    content: '\25B8'; 
    margin-right: 5px;
    color: #007bff;
    display: inline-block;
    font-weight: bold;
    font-size: 18px; /* Adjust size to look neat */
}

/* 2. Expanded State for Parent Nodes */
.treeview li.expanded.parent::before {
    /* Down-pointing triangle: ▾ or \25BE */
    content: '\25BE';
}

/* 3. Styling for Leaf Nodes (No Expansion) */
/* The element without the 'parent' class is a leaf node */
.treeview li:not(.parent)::before {
    /* Black circle/dot for a simple leaf icon: ● or \25CF */
    content: '\25CF'; 
    margin-right: 5px;
    color: gray;
    font-size: 0.8em;
    cursor: default; 
}