/* BotixTech canonical site chrome: header + footer.
   Self-contained. Loaded after theme CSS. Scoped to #header_main / #bt-footer. */

/* Kill the old 200px pseudo-element logo hack wherever it was defined */
#header_main .brand:before,
.brand:before {
  content: none !important;
  display: none !important;
}

/* ---------- Brand ---------- */
#header_main .brand {
  margin: 0 !important;
  position: relative;
  flex-shrink: 0;
}
#header_main .brand-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
#header_main .brand .logo {
  width: 130px;
  height: 130px;
  position: relative;
  flex-shrink: 0;
  display: block;
}
#header_main .brand .logo svg {
  width: 130px;
  height: 130px;
  display: block;
}
#header_main .brand .logo svg .bt-orbit {
  fill: none;
  stroke: #0077cc;
  stroke-width: 2;
  transform-origin: 100px 100px;
  animation: bt-orbit-spin 12s linear infinite;
}
#header_main .brand .logo svg .bt-orbit.o2 { animation-duration: 16s; animation-direction: reverse; opacity: .75; }
#header_main .brand .logo svg .bt-orbit.o3 { animation-duration: 20s; opacity: .9; }
@keyframes bt-orbit-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
#header_main .brand .logo svg .bt-logo-text {
  fill: #f5f2f7;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 22px;
  text-anchor: middle;
}
#header_main .brand-text {
  display: none;
}

/* ---------- Header layout fixes ---------- */
#header_main {
  overflow: visible;
}
#header_main .header__body {
  margin-top: 0 !important;
  width: 100%;
}
#header_main .header__right {
  margin: 0 !important;
}
#header_main #menu-primary-menu {
  margin: 0 !important;
}
#header_main .header__action {
  margin: 0 0 0 18px !important;
  flex-shrink: 0;
}

/* ---------- Nav icons (inline SVG) ---------- */
#header_main .main-nav .menu > li > a {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
}
#header_main .nav-ico {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  stroke: #c4b5fd;
}
#header_main .sub-menu .nav-ico { width: 16px; height: 16px; }

/* ---------- CTA button ---------- */
#header_main .bt-cta {
  display: inline-block;
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 26px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(124, 58, 237, .45);
}
#header_main .bt-cta:hover { filter: brightness(1.12); color: #fff; }

/* ---------- Standalone header base (for pages without app.css) ---------- */
#header_main.bt-standalone {
  position: relative;
  width: 100%;
  z-index: 1000;
  background: rgba(6, 6, 18, .92);
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}
#header_main.bt-standalone .bt-head-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
#header_main.bt-standalone .main-nav .menu {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header_main.bt-standalone .main-nav .menu > li { position: relative; }
#header_main.bt-standalone .main-nav .menu > li > a {
  color: #eef;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 8px;
}
#header_main.bt-standalone .main-nav .menu > li > a:hover { background: rgba(255, 255, 255, .07); }
#header_main.bt-standalone .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 230px;
  background: #141d33;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  padding: 8px;
  list-style: none;
  z-index: 1001;
}
#header_main.bt-standalone .menu > li:hover > .sub-menu { display: block; }
#header_main.bt-standalone .sub-menu li { position: relative; }
#header_main.bt-standalone .sub-menu a {
  display: block;
  color: #dbe2f4;
  font-size: 14px;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 6px;
}
#header_main.bt-standalone .sub-menu a:hover { background: rgba(124, 58, 237, .25); color: #fff; }
#header_main.bt-standalone .sub-menu .sub-menu { left: 100%; top: 0; display: none; }
#header_main.bt-standalone .sub-menu li:hover > .sub-menu { display: block; }

/* ---------- Footer (scoped, self-contained) ---------- */
#bt-footer {
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(255, 255, 255, .08);
  margin-top: 60px;
  background: rgba(6, 6, 18, .6);
}
#bt-footer .bt-foot-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 34px 22px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
#bt-footer .bt-foot-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
  font-weight: 800;
  font-size: 18px;
}
#bt-footer .bt-foot-brand svg { width: 34px; height: 34px; }
#bt-footer .bt-foot-links {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
#bt-footer .bt-foot-links a {
  color: #c9c9e0;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
#bt-footer .bt-foot-links a:hover { color: #fff; }
#bt-footer .bt-foot-social { display: flex; gap: 10px; list-style: none; margin: 0; padding: 0; }
#bt-footer .bt-foot-social a {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .07);
}
#bt-footer .bt-foot-social a:hover { background: rgba(124, 58, 237, .5); }
#bt-footer .bt-foot-base {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 22px 26px;
  color: rgba(255, 255, 255, .45);
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
#bt-footer .bt-foot-base a { color: #c4b5fd; text-decoration: none; }

/* ---------- Mobile ---------- */
@media (max-width: 1024px) {
  #header_main .brand-text { font-size: 19px; }
  #header_main .brand .logo,
  #header_main .brand .logo svg { width: 100px; height: 100px; }
  #bt-footer .bt-foot-wrap { justify-content: center; text-align: center; }
}
/* Standalone header: hamburger on small screens */
#header_main.bt-standalone .bt-burger {
  display: none;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 10px;
  flex-direction: column;
  gap: 5px;
}
#header_main.bt-standalone .bt-burger span {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
}
@media (max-width: 768px) {
  #header_main.bt-standalone .bt-burger { display: inline-flex; }
  #header_main.bt-standalone .header__right { display: none; }
  #header_main.bt-standalone.bt-nav-open .header__right {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #0b0b1a;
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 10px 18px 18px;
    z-index: 1001;
  }
  #header_main.bt-standalone.bt-nav-open .main-nav .menu {
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
  }
  #header_main.bt-standalone.bt-nav-open .main-nav .menu > li > a {
    display: flex;
    padding: 12px 8px;
    font-size: 16px;
  }
  #header_main.bt-standalone .header__action { margin: 10px 0 0 !important; }
  #header_main.bt-standalone { position: relative; }
}