/* Physics through Problem Solving - brand override for Modern Business template */

:root {
  --bs-primary: #12314f;
  --bs-primary-rgb: 18, 49, 79;
}

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
h1, h2, h3, h4, h5, .navbar-brand { font-family: 'Space Grotesk', 'Inter', sans-serif; }

/* Navbar */
.navbar.bg-dark { background-color: #12314f !important; }
.navbar-brand { display: flex; align-items: center; gap: 10px; }
.navbar-brand img { height: 36px; width: auto; }
.navbar-brand .brand-text { font-weight: 700; font-size: 18px; color: #fff; line-height: 1.1; }
.navbar-brand .brand-text small { display: block; font-weight: 400; font-size: 10.5px; color: #b8cadf; }
.nav-link.cta-link { background: #d9762b; color: #fff !important; border-radius: 20px; padding: 8px 18px !important; margin-left: 6px; }
.nav-link.cta-link:hover { background: #b95f1c; }
@media (max-width: 991.98px) {
  .nav-link.cta-link { background: transparent; color: rgba(255,255,255,0.65) !important; border-radius: 0; padding: 8px 0 !important; margin-left: 0; font-weight: 400; }
  .nav-link.cta-link:hover { background: transparent; color: #fff !important; }
}

/* Buttons */
.btn-primary { background-color: #12314f; border-color: #12314f; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #0c2338 !important; border-color: #0c2338 !important; }
.btn-outline-light:hover { color: #12314f; }
.btn-orange { background-color: #d9762b; border-color: #d9762b; color: #fff; }
.btn-orange:hover { background-color: #b95f1c; border-color: #b95f1c; color: #fff; }

/* Links / accents */
a { color: #d9762b; }
a:hover { color: #b95f1c; }
.text-primary { color: #12314f !important; }
.bi.text-primary { color: #22a559 !important; }
.badge.bg-primary { background-color: #d9762b !important; }

/* Hero */
.site-hero { background-color: #12314f; }

/* Cards */
.card { border: none; box-shadow: 0 1px 2px rgba(18,49,79,0.05), 0 8px 24px rgba(18,49,79,0.08); border-radius: 14px; }

/* Footer */
footer.bg-dark { background-color: #12314f !important; }
footer .footer-brand-icon { height: 30px; margin-bottom: 8px; }

/* Simulation embeds */
.sim-frame-wrap { border-radius: 12px; overflow: hidden; box-shadow: 0 8px 24px rgba(18,49,79,0.12); border: 1px solid rgba(18,49,79,0.08); }
.sim-frame-wrap iframe { width: 100%; border: none; display: block; }

/* Course content icon boxes */
.course-icon-box { width: 220px; height: 170px; background: #f6f7f9; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.course-icon-box svg { width: 190px; height: 150px; }

/* Misconception callout */
.misconception-box { background: #fdeeee; border-radius: 10px; padding: 12px 16px; font-size: 13.5px; }
.misconception-box b { color: #b02a2a; }

/* Detail grid (pricing/schedule on Join page) */
.detail-item { background: #f6f7f9; border-radius: 12px; padding: 14px 16px; }
.detail-item .detail-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #8896a4; }
.detail-item .detail-value { font-size: 16px; font-weight: 700; color: #12314f; }
.price-strike { font-weight: 400; color: #8896a4; text-decoration: line-through; font-size: 13px; margin-right: 6px; }

/* Testimonial placeholder */
.testimonial-placeholder { border: 2px dashed rgba(255,255,255,0.25); border-radius: 12px; padding: 30px; text-align: center; color: rgba(255,255,255,0.7); }