/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* CSS for sub menu*/
.custom-sidemenu {
  background: transparent;
  color: #333 ;
  padding: 0;

}

.sidemenu-search {
  width: 100%;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 4px;
}

.collapsible {
  background: none!important;
  color: #222;
  cursor: pointer;
  border: none;
  padding: 0.5rem 0;
  font-weight: bold;
  text-align: left;
  width: 100%;
}

.content {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

.content li {
  margin: 0.3rem 0;
}

.content li a {
  color: #0073aa;
  text-decoration: none;
}

.content li a:hover {
  text-decoration: underline;
}

.collapsible.active + .content {
  display: block;
}

.sub-collapsible {
  background: none!important;
  color: #222;
  cursor: pointer;
  border: none;
  padding: 0.3rem 0;
  font-weight: normal;
  text-align: left;
  width: 100%;
  margin-left: 1rem;
}

.sub-content {
  display: none;
  list-style: none;
  padding-left: 1rem;
  margin: 0;
}

.sub-content li {
  padding: 2px 0;
}

.sub-content li a {
  color: #0073aa;
  text-decoration: none;
}

.sub-content li a:hover {
  text-decoration: underline;
  color: #0073aa;
}

/* .collapsible:hover,
.sub-collapsible:hover {
  color: grey;
} */

.collapsible, .sub-collapsible {
  position: relative;
/*   padding-left: 1rem; */
}
.tree-expander-indicator.chevron {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  transform: rotate(-45deg);
  margin-right: 6px;

  /* ✨ FIX CĂN HÀNG ✨ */
  position: relative;
  top: -1.5px; /* đây là sweet spot */
  vertical-align: middle;

  transition: transform 0.2s ease;
}

.collapsible.active .tree-expander-indicator.chevron,
.sub-collapsible.active .tree-expander-indicator.chevron {
  transform: rotate(45deg);
	 top: -3px;
}


/* Css để left sidebar có height để làm sticky menu */
.inside-left-sidebar{
	height: 100%
}
.inside-left-sidebar p {
	display: none;
}
#block-14{
	  position: sticky;
  top: 40px;
  max-height: calc(100vh - 50px);
  z-index: 1000;
  overflow-y: auto;
}