/* Wowbagger "Guide/Calculator" theme */
:root{
  --guide-bg:#0b1114; --guide-surface:#0e171b; --guide-accent:#16c784;
  --guide-accent-2:#f0b90b; --guide-text:#d8f3dc; --guide-dim:#9fb3a7; --guide-grid:#132027;
}
body.guide-skin{
  background: radial-gradient(1200px 800px at 30% -10%, #122025 0%, #0a1114 40%, #05090b 100%), var(--guide-bg);
  
  
}
.guide-chrome{
  background: linear-gradient(180deg, #0f1a1f, #0a1418);
  border: 1px solid #1e2a30; border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,0.02);
  padding: 1rem;
}
.guide-title{ letter-spacing:.12em; text-transform:uppercase;  font-weight:700; font-size:.9rem; }
.display{
  background: linear-gradient(180deg, #071013, #0b1518);
  border: 1px solid #1b2a30; border-radius: 12px; padding: 1rem;
  font-size: 1.1rem;  min-height: 84px; line-height: 1.4;
  box-shadow: inset 0 10px 20px rgba(0,0,0,.45);
}
.display .label{ color: var(--guide-dim); font-size: .8rem; display:block; margin-bottom:.35rem;}
.panel{ background: linear-gradient(180deg, #0d171b, #0b1417); border:1px solid #18252b; border-radius:12px; padding:1rem; }
.keypad .btn{
  border-radius:12px; border:1px solid #1f2b31; background: linear-gradient(180deg, #132126, #0f1c20);
  color:var(--guide-text); text-shadow:0 1px 0 rgba(0,0,0,.6);
  box-shadow:0 6px 16px rgba(0,0,0,.35), inset 0 -2px 0 rgba(255,255,255,0.02);
}
.keypad .btn:hover{ filter:brightness(1.1); }
/* btn-cta colors removed to keep original palette */
.badge-guide{ background: var(--guide-grid); color: var(--guide-accent-2); }
hr.guide{ border-color:#15242a; opacity:.25; }
/* Flicker */
@keyframes guide-flicker {
  0%,100%{ opacity:1; } 48%{opacity:.98;} 50%{opacity:.96;} 52%{opacity:.985;} 55%{opacity:.99;} 60%{opacity:.97;} 70%{opacity:.99;} 80%{opacity:.985;}
}
.flicker-soft{ animation: guide-flicker 6s infinite; will-change: opacity, filter; }
.display.flicker-soft{
  background-image: repeating-linear-gradient(to bottom, rgba(255,255,255,0.02) 0, rgba(255,255,255,0.02) 1px, transparent 2px, transparent 3px);
  background-blend-mode: overlay;
}
@media (max-width: 576px){ .display{ font-size:1rem; } }


/* --- Navbar image button alignment fixes --- */
:root { --nav-btn-height: 40px; --nav-gap: 2rem; }
nav.navbar { padding-top: .25rem; padding-bottom: .25rem; }
nav.navbar .navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--nav-gap);
}
nav.navbar .nav-item,
nav.navbar .nav-item a {
  display: flex;
  align-items: center;
  line-height: 1;
}

@media (max-width: 576px){
  :root { --nav-btn-height: 34px; --nav-gap: 1rem; }
}

/* Nav image sizing: do NOT upscale legacy buttons */
:root { --nav-gap: 2rem; --nav-btn-max-h: 40px; --nav-logo-max-h: 32px; }
nav.navbar { padding-top: .25rem; padding-bottom: .25rem; }
nav.navbar .navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--nav-gap);
}
.nav-img {
  display: block;
  height: auto;
  max-height: var(--nav-btn-max-h);
}
.nav-logo {
  display: block;
  height: auto;
  max-height: var(--nav-logo-max-h);
}
@media (max-width: 576px){
  :root { --nav-gap: 1rem; --nav-btn-max-h: 32px; --nav-logo-max-h: 32px; }
}


/* --- Nav active/hover treatment for image buttons --- */
.navbar .nav-item a { position: relative; }
.navbar .nav-item a img { transition: transform .15s ease, filter .2s ease, box-shadow .2s ease; }
.navbar .nav-item a:hover img { transform: translateY(-1px); filter: brightness(1.05); }
.navbar .nav-item a.is-active img {
  filter: brightness(1.12) saturate(1.08);
  box-shadow: 0 0 0 2px rgba(22,199,132,.25), 0 0 16px rgba(22,199,132,.25);
  border-radius: 999px; /* most buttons are pill-shaped */
}

/* Ensure the Bootstrap hamburger is visible on dark backgrounds */
.navbar-dark .navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-bg, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"));
}

/* Nav image sizing: no upscaling; shrink on mobile */
:root { --nav-gap: 2rem; --nav-btn-max-h: 40px; --nav-logo-max-h: 32px; }
@media (max-width: 576px){
  :root { --nav-gap: 1rem; --nav-btn-max-h: 30px; --nav-logo-max-h: 30px; }
}
.navbar .nav-link img.nav-img { display:block; height:auto; max-height: var(--nav-btn-max-h); }
.navbar-brand .nav-logo { display:block; height:auto; max-height: var(--nav-logo-max-h); }

/* Nav item spacing */
.navbar .nav-item:not(:first-child) {
  margin-left: 1.5rem;
}
@media (max-width: 576px) {
  .navbar .nav-item:not(:first-child) {
    margin-left: 1rem;
  }
}

/* Force no indentation in targeted sections */
.no-indent-section, .no-indent-section * {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
}