/* ============================================================
   BuySide Studio — design overrides
   Navy #16213a · Deep #0e1626 · Gold #b8975a · Cream #faf8f3
   ============================================================ */

/* ---- Content width: design sections sit on a 980px column ---- */
main .section .container { max-width: 1060px; }

/* ---- Header: sticky white bar, uppercase micro links, gold hover rule ---- */
.header { border-bottom: 1px solid rgba(22,33,58,0.1); }
.header .link-list__link {
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a4a4a;
  position: relative;
  text-decoration: none;
  transition: color 0.25s;
}
.header .link-list__link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: #b8975a;
  transition: width 0.25s;
}
.header .link-list__link:hover { color: #16213a; }
.header .link-list__link:hover::after { width: 100%; }
.header .header__block--cta .btn {
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.55rem 1.4rem;
  transition: background 0.25s;
}
.header .header__block--cta .btn:hover { background: #b8975a !important;

     border-color: #b8975a !important;
    
    
    
}

/* ---- Footer: stacked + centered, white logo, uppercase micro links ---- */
.footer .footer__container {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
  padding-top: 3rem;
  padding-bottom: 2.5rem;
}
.footer .footer__block { text-align: center !important; margin: 0.55rem 0; }
 
.footer .link-list { justify-content: center !important; flex-wrap: wrap; }
.footer .link-list__link {
  font-size: 11px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4) !important;
  text-decoration: none;
  transition: color 0.2s;
}
.footer .link-list__link:hover { color: #b8975a !important; }
.footer .social-icons { justify-content: center; }
.footer .social-icons a { transition: color 0.2s; }
.footer .social-icons a:hover { color: #b8975a !important; }

/* ---- Kajabi "powered by" kept subtle on the deep navy ---- */
.footer .powered-by, .footer .powered-by a { opacity: 0.5; }

/* ---- Hero logo (native image block, id bs1_logo) ----
   While no image is selected, the block renders the theme placeholder;
   swap it for the bundled logo. Once the client picks an image in the
   customizer, the src changes and this rule stops applying.           */
#block-bs1_logo .block { display: flex; justify-content: center; }
#block-bs1_logo .image { border: none; box-shadow: none; background: transparent; }
#block-bs1_logo img[src*="placeholder"] {
  content: url("logo.png");
  width: 150px;
}
#block-bs1_logo img { filter: brightness(0) invert(1); }

/* ---- Instructor cards (native card blocks) ---- */