/* BATCH F shared utilities styling */
@keyframes tntToastIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

/* W93 global search */
.w93-search-wrap {
  position: relative;
  margin-left: 16px;
  flex: 0 0 auto;
}
.w93-search-input {
  width: 220px;
  height: 36px;
  padding: 0 14px 0 36px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  outline: none;
  transition: border-color .15s, width .18s, background .15s;
}
.w93-search-input:focus {
  width: 280px;
  border-color: #ff6b1a;
  background: rgba(255,255,255,.09);
}
.w93-search-input::placeholder { color: #888; }
.w93-search-icon {
  position: absolute; left: 12px; top: 50%;
  transform: translateY(-50%);
  color: #888; font-size: 13px; pointer-events: none;
}
.w93-dropdown {
  position: absolute; top: calc(100% + 6px); left: 0;
  width: 300px; max-height: 360px; overflow-y: auto;
  background: #141418;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  box-shadow: 0 12px 40px rgba(0,0,0,.6);
  z-index: 100;
  display: none;
  padding: 6px;
}
.w93-dropdown.show { display: block; }
.w93-result {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 10px;
  text-decoration: none; color: #fff;
  border-radius: 8px;
  transition: background .12s;
}
.w93-result:hover { background: rgba(255,107,26,.12); }
.w93-av {
  width: 34px; height: 34px; border-radius: 50%;
  background: linear-gradient(135deg,#ff6b1a,#ffb84d);
  display: inline-flex; align-items: center; justify-content: center;
  font-family: Orbitron; font-weight: 700; color: #000;
  overflow: hidden; flex-shrink: 0;
}
.w93-av img { width: 100%; height: 100%; object-fit: cover; }
.w93-empty { padding: 14px; text-align: center; color: #888; font-size: 13px; }

@media (max-width: 768px) {
  .w93-search-wrap { display: none; }
}

/* W91 theme button */
.w91-theme-btn {
  background: transparent;
  border: 1px solid rgba(255,255,255,.1);
  color: #fff;
  width: 36px; height: 36px;
  border-radius: 18px;
  cursor: pointer;
  margin-left: auto;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .12s, border-color .12s;
}
.w91-theme-btn:hover {
  background: rgba(255,255,255,.08);
  border-color: #ff6b1a;
}

/* Light theme override */
body.theme-light {
  --ig-bg: #ffffff;
  --ig-surface: #f5f5f5;
  --ig-text: #0a0a0a;
  --ig-text-muted: #6a6a6a;
  --ig-border: #e0e0e0;
  --ig-hover: #f0f0f0;
}
body.theme-light .main-header { background: #fff !important; border-color: #e0e0e0; }
body.theme-light .main-header a { color: #0a0a0a; }


/* W121 mobile responsive breakpoints */
@media (max-width: 768px) {
  .main-header {
    padding: 10px 14px !important;
    flex-wrap: wrap;
  }
  .main-header .header-links {
    order: 10;
    width: 100%;
    justify-content: space-around;
    margin-top: 8px;
    font-size: 12px !important;
  }
  .main-header .header-links a {
    padding: 6px 10px !important;
  }
  .w91-theme-btn { margin-left: 8px; }
  .mobile-fab-menu {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 90;
    background: #04040b;
    border-top: 1px solid rgba(255,255,255,.08);
    display: flex !important;
    justify-content: space-around;
    padding: 8px 0 max(8px, env(safe-area-inset-bottom));
  }
  .mobile-fab-menu a {
    color: #fff;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 10px;
    padding: 4px 10px;
  }
  .mobile-fab-menu a.active { color: #ff6b1a; }
}

@media (max-width: 480px) {
  .main-header .brand img { height: 26px !important; }
  .main-header .header-links { font-size: 11px !important; }
  body { padding-bottom: 58px; } /* room for fab bar */
}

/* W121 tablet */
@media (min-width: 769px) and (max-width: 1024px) {
  .main-header { padding: 10px 18px !important; }
}