/* =========================
   style.css (create this)
   ========================= */
/**
 * Theme Name: UstadPlus Lite
 * Theme URI: https://ustadplus.com/
 * Author: UstadPlus Development Team
 * Author URI: https://ustadplus.com/
 * Description: Minimal professional Bootstrap 5 theme with quick-login links to BYN / HR / Audit subdomains.
 * Version: 1.0.0
 * Text Domain: ustadplus-lite
 */

:root{
  --up-primary: #2f3c38;
  --up-secondary2: #6c757d;
  --up-opacity: 35%;
}

body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  background: #f8f9fa; color:#d5dcd7; line-height:1.6;
  font-size:1rem;
  font-weight:400;
  text-align:left;
  margin:0; padding:0;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.navbar-brand img{max-height:60px;width:auto;}
.header-login .btn{margin-left:.5rem}
.site-footer{background: #2f3c38; color:#cbd3da; padding:40px 0}
.site-footer a{color:#e2e6ea}
.site-footer .brand{font-weight:600}
.hero{padding:96px 0;background:linear-gradient(180deg, transparent)}
.card-post .post-meta{font-size:.875rem;color:#6c757d}
.site-footer-ustad { background:#2f3c38; color:#cbd3da; }
.site-footer-ustad .up-contact-strip { background:#0b0f13; }
.site-footer-ustad .up-footer-links li { margin:.4rem 0; }
.site-footer-ustad .up-footer-links a { color:#eaecef; text-decoration:none; }
.site-footer-ustad .up-footer-links a:hover { color:#ffc107; }
.site-footer-ustad .btn-outline-light { --bs-btn-border-color:rgba(255,255,255,.35); }

/* Optional: force logo image width ~150px when set via Customizer */
.custom-logo{max-width:150px;height:auto}

/* ===== Glass Navbar like the screenshot ===== */
.navbar-glass {
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.15);
}
.navbar-glass .navbar-nav .nav-link {
  color: #f8f9fa;
  padding: .75rem 1rem;
  font-weight: 500;
}
.navbar-glass .navbar-nav .nav-link:hover,
.navbar-glass .navbar-nav .nav-link:focus {
  color: #ffc107;
}
.navbar-glass .navbar-nav .current-menu-item > a,
.navbar-glass .navbar-nav .active > a,
.navbar-glass .navbar-nav .nav-link.active {
  color: #fff;
  position: relative;
}
.navbar-glass .navbar-nav .nav-link.active::after {
  content:"";
  position:absolute; left:1rem; right:1rem; bottom:.4rem;
  height:2px; background:#ffc107; border-radius:2px;
}

/* top bar */
.topbar {
  background: rgba(0,0,0,.65);
  color:#e9ecef;
  font-size: .9rem;
}
.topbar a{ color:#e9ecef; text-decoration:none; }
.topbar a:hover{ color:#ffc107; }

/* action buttons on right (BYN/HR/Audit) */
.login-actions .btn {
  border-radius: 999px;
  padding: .6rem 1rem;
  font-weight: 600;
}
.login-actions .btn-outline-light { border-color: rgba(255,255,255,.6); }
.login-actions .btn + .btn { margin-left: .5rem; }

/* make the navbar float over hero with some spacing */
.header-wrap { position: relative; z-index: 10; }
.header-wrap .navbar { margin-top: 1.25rem; }

/* mobile tweaks */
@media (max-width: 991.98px) {
  .navbar-glass { border-radius: 10px; }
  .login-actions { padding-top: .5rem; }
}

.up-footer-links,
.up-footer-links li,
.site-footer ul,
.site-footer li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Footer link styles */
.up-footer-links a,
.site-footer a {
  text-decoration: none;   /* removes underline */
  color: #eaecef;          /* optional: your current link color */
}

.up-footer-links a:hover,
.site-footer a:hover {
  text-decoration: none;   /* keep it off on hover */
  color: #ffc107;          /* hover color (yellow like your headings) */
}