/* ============================================================
   GNV Daytrader header fix (added 2026-08-15)
   Loaded after the main compiled stylesheet so these rules win.

   Fixes:
   1) Brand title "THE SWORD & SHIELD FUND" getting clipped by
      one letter on desktop widths.
   2) Brand title and tagline disappearing completely (0px width)
      on mobile widths.
   3) Header content overflowing past the right edge of the
      screen on mobile, cutting off the Facebook button.

   Root cause: the brand block was the only header item allowed
   to shrink below its own content width (min-w-0), so whenever
   the header ran short on horizontal room it silently shrank
   the brand text to nothing while the rest of the row still
   overflowed. The fix stops the brand from shrinking and lets
   the header wrap onto a second line instead of clipping or
   overflowing.
   ============================================================ */

header a[href="#top"] {
  flex-shrink: 0;
  min-width: 0;
}

header a[href="#top"] > span.min-w-0 {
  min-width: -moz-max-content;
  min-width: max-content;
}

header a[href="#top"] span.overflow-hidden.whitespace-nowrap {
  overflow: visible;
}

/* Let the top bar wrap to a second line instead of clipping or
   pushing content off screen when space is tight. */
header .max-w-shell {
  flex-wrap: wrap;
  row-gap: 8px;
  height: auto;
  min-height: 56px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* On phones, drop the lowest-priority readouts so the brand
   name, view tabs, and Facebook button all stay fully visible. */
@media (max-width: 767px) {
  header [title="NYSE CLOSED"],
  header [title^="NYSE OPEN"] {
    display: none;
  }

  header a[href="#top"] .min-w-0 > span:first-child {
    font-size: 14px !important;
  }
}

/* Safety net: never let the header push the page wider than the
   viewport. */
header,
header * {
  max-width: 100%;
}

html,
body {
  overflow-x: hidden;
}

/* ============================================================
   Update 2026-08-15 (v2): S&S logo mark + single-color wordmark
   ============================================================ */

/* Replace the bar-chart icon with an "S&S" monogram badge,
   drawn as a CSS background image so the compiled JS bundle
   does not need to be touched. */
header a[href="#top"] svg > * {
  display: none !important;
}

header a[href="#top"] svg {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAgACADASIAAhEBAxEB/8QAGQABAQEAAwAAAAAAAAAAAAAABQYEAAcI/8QALRAAAgEDAgMHBAMBAAAAAAAAAQIEAwURACESFIEGEyJBUWGRMTIzcSNCQ6H/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//EAB4RAAICAwADAQAAAAAAAAAAAAECAxEAEkETUfDx/9oADAMBAAIRAxEAPwDzn2ds1KUEl3Kp3UM1O6ReLhNZ9sjP9VGRxN7gDc7OTJNwtMyrCiqtv7s44IicGRjIPF9zbb5JOs16Tl5awV/HCprHUD1Ayx6uWPXT8u70olptlNaTzK3claVar4fAHICkDcrkbKT6D21dI9QrFdtueu5Fn2JUGqwCpd5MheC4lJ9LzSUvH8N9y/sEaIvVrpU6An24uYbMEem5y9BzuFJ8wcHDeeCDgjVdPtSNE5iXEMOXVjVJKpSbwELj6oR4c5zgH40PZ05iU8FvxzKbUGB9SMqejBT00nSORC8YojCrOjBWN3nL0/MSxNX8cxFkKfcjDDowYdNVPYZYUzuHkBWkQkZEVvLLFg//AEj2OPbXX9mulJKHIXHi5QsXp1UGWoOfqQPNTgZX2BG43bhw59Kqsm0kygpytaIe8+QNx+mA0SRND4i2pH37i1Mcm4FjLjtohqh3pMrVuWegtPO5LMpJ+B8nGoG0VOXlNNb7IiNXOfUDCjqxUddbJC3QS+duLmIR/pK/jUD0Cnc/oA6B7Q3inKNSPAXgjNU7yo+OE1X9cb4UZOBnzJO52CVBF4QbJ9c+5iNyvuRVZ//Z");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}

/* Make the "THE SWORD & SHIELD FUND" wordmark a single color
   instead of two-tone (amber + white). */
header a[href="#top"] .text-amber,
header a[href="#top"] .text-inkhi {
  color: #F5B32B;
}

/* ============================================================
   Update 2026-08-15 (v3): apply the same S&S logo mark and
   single-color wordmark to the page footer.
   ============================================================ */

footer svg[width="24"] > * {
  display: none !important;
}

footer svg[width="24"] {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAgACADASIAAhEBAxEB/8QAGQABAQEAAwAAAAAAAAAAAAAABQYEAAcI/8QALRAAAgEDAgMHBAMBAAAAAAAAAQIEAwURACESFIEGEyJBUWGRMTIzcSNCQ6H/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//EAB4RAAICAwADAQAAAAAAAAAAAAECAxEAEkETUfDx/9oADAMBAAIRAxEAPwDzn2ds1KUEl3Kp3UM1O6ReLhNZ9sjP9VGRxN7gDc7OTJNwtMyrCiqtv7s44IicGRjIPF9zbb5JOs16Tl5awV/HCprHUD1Ayx6uWPXT8u70olptlNaTzK3claVar4fAHICkDcrkbKT6D21dI9QrFdtueu5Fn2JUGqwCpd5MheC4lJ9LzSUvH8N9y/sEaIvVrpU6An24uYbMEem5y9BzuFJ8wcHDeeCDgjVdPtSNE5iXEMOXVjVJKpSbwELj6oR4c5zgH40PZ05iU8FvxzKbUGB9SMqejBT00nSORC8YojCrOjBWN3nL0/MSxNX8cxFkKfcjDDowYdNVPYZYUzuHkBWkQkZEVvLLFg//AEj2OPbXX9mulJKHIXHi5QsXp1UGWoOfqQPNTgZX2BG43bhw59Kqsm0kygpytaIe8+QNx+mA0SRND4i2pH37i1Mcm4FjLjtohqh3pMrVuWegtPO5LMpJ+B8nGoG0VOXlNNb7IiNXOfUDCjqxUddbJC3QS+duLmIR/pK/jUD0Cnc/oA6B7Q3inKNSPAXgjNU7yo+OE1X9cb4UZOBnzJO52CVBF4QbJ9c+5iNyvuRVZ//Z");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}

footer .text-amber,
footer .text-inkhi {
  color: #F5B32B;
}