/*
Theme Name: TechInformed
Theme URI: https://techinformed.com/
Author: TechInformed
Author URI: https://techinformed.com/
Description: A custom Bootstrap 5 theme matching Tech Informed header & footer.
Version: 1.2
License: GNU GPL v2 or later
Text Domain: techinformed
*/

/* Fullscreen menu overlay */
.menu-overlay {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 70px);
  background: #181818;
  z-index: 999;
  display: block;
  overflow-y: auto;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: opacity 0.4s cubic-bezier(0.4,0,0.2,1), transform 0.4s cubic-bezier(0.4,0,0.2,1);
  pointer-events: none;
}
.menu-overlay.open {
  opacity: 1;
  transform: scaleY(1);
  pointer-events: auto;
}

/* Hamburger/cross icon size */
.header-hamburger {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
}
.header-hamburger i {
  width: 24px;
  font-size: 2rem;
  text-align: center;
  display: inline-block;
  transition: transform 0.3s, opacity 0.3s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
}
.header-hamburger .bi-list {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
  font-size: 2rem !important;
}
.header-hamburger.open .bi-list {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scale(0.7);
}
.header-hamburger .bi-x {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(-90deg) scale(0.7);
  font-size: 2rem !important;
}
.header-hamburger.open .bi-x {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
}