:root {
            --civ-blue-bg: rgba(25, 45, 85, 0.92);
            --civ-border: #4a6fa5;
            --civ-white: #e0e0e0;
            --civ-gold: #ffcc66; 
            --civ-glow-blue: #0099ff; /* Softer light blue instead of bright cyan */
            --civ-list-bg: rgba(5, 15, 30, 0.5);
            --civ-pedia-panel-bg: #29375D80; /* Semi-transparent brownish background for panels */
            --civ-pedia-panel-bg-full: #29375D; /* Slightly darker on hover */
            --civ-pedia-panel-border: #7d7887; /* Border color for panels */
            --civ-pedia-bg: #bc9c80; 
            --civ-pedia-title: #4f3429; /*#624638;*/
            --civ-pedia-link: #afd2f5;
            --civ-pedia-link-hover: #ffd37e;
        }



h1 {
  color: var(--civ-white);
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}


h3 {
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

h4 {
  color: var(--civ-pedia-title);
  text-shadow: 1px 1px 2px var(--civ-white);
  margin-top: 10px;
}

p {
  color: #ffffff;
  margin-bottom: 0px;
  margin-top: 0px;
}
/* mkdocs elements overrides */
/* toc*/

.reference.internal {
  color: var(--civ-white);
}



.wy-side-scroll {
  background-image: url("Assets/web/Civilopediabg2-opaque.png");
  background-size: cover;
  
  
}
.wy-side-nav-search{
    background-color: var(--civ-blue-bg);
    border-radius: 8px;
}
.wy-menu.wy-menu-vertical {

  background-color: var(--civ-pedia-panel-bg);
  
 
  border-top:1px solid var(--civ-pedia-panel-border);
  border-left: 1px solid var(--civ-pedia-panel-border) ;
  border-radius: 8px;
  box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  
}

.toctree-l1.current {
  border-radius: 8px;
}



/* Sites*/
.wy-nav-content {
  background-color: var(--civ-pedia-bg);
  background-image: url("Assets/web/wood.jpg");
  background-repeat: repeat-y;
  background-size: 100% auto;
}
.wy-nav-content.tech-tree {
  max-width: 1400px;
}
.wy-nav-content.upgrade-tree {
  max-width: 950px;
}

.rst-content h4 {
    margin-bottom: 0px;
}
.rst-content h3 {
    margin-bottom: 0px;
}





/* Custom styles for entries and panels */

.Entry {
  border:1px solid rgba(0,0,0,0.5);
  padding:1em;
  margin-bottom: 5px;
  background-color: var(--civ-pedia-bg);
  background-image: url("Assets/web/Civilopediabg2-opaque.png");
  background-size: cover;
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.5);

  /*height: 696.433px;*/
  aspect-ratio: 1/1; 
  display: flex;
  flex-direction: column;
}

.Panel {
  border-top:1px solid var(--civ-pedia-panel-border);
  border-left: 1px solid var(--civ-pedia-panel-border) ;
  padding:1em;
  background-color: var(--civ-pedia-panel-bg);

 

  border-radius: 8px;
  box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  
  /* max-height: 200px; */
  
}
.LastPanel{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}



/* link colors*/
.text-link {
  color: var(--civ-pedia-link);
  text-decoration: underline;
  
}
.tech-box-label {
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  white-space:nowrap;
  font-size: 0.9em;
}


.text-link:visited {
  color: var(--civ-pedia-link);
}
.text-link:hover {
  color: var(--civ-pedia-link-hover);
}

/* TechTree specific styles */
.TechTree {
  overflow-x: auto;
  aspect-ratio: auto;
}
.TechBox{
  background: linear-gradient(
    to bottom,
    #29375D,
    #1F2A4A
  ); 
  position: absolute;
  padding: 1px;
}

/* UpgradeTree specific styles */
.UpgradeTree {
  overflow-x: auto;
  /* flex-shrink: 0; */
}




/* preview text for buttons */
.button-with-preview {
  position: relative;
  display: inline-block;
}

.preview-text {
  display: none;
  position: absolute;

  /* right: 100%;
  bottom: 0;  */
  width: max-content;
  max-width: 250px;
  margin-top: 4px;
  padding: 8px;

  white-space: normal;
  overflow-wrap: break-word;

  background: #29375DD9;

  color: #ffffff;

  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  z-index: 1000;

  pointer-events: none; /* Prevents the preview from blocking mouse events */
}



.button-with-preview:hover .preview-text {
  display: block;
}



/* end of preview text for buttons */