:root{
      --brand-blue:#0b2e6e;   /* dark blue */
      --brand-orange:#ff8a00; /* orange */
      --brand-white:#ffffff;  /* white */
    }
    body{font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;}
    .navbar{background:var(--brand-blue);}
    .navbar .nav-link,.navbar-brand{color:#fff!important}
    .btn-brand {
      color: #0d6efd;
      border: 1px solid #0d6efd;
      background-color:#ff8a00;
      transition: all 0.3s ease;
    }
    
    .btn-brand:hover {
      color: #fff !important;
      background-color: #0d6efd !important;
      text-decoration: none;
    }
    .badge-soft{background:rgba(255,138,0,.15); color:#fff; border:1px solid rgba(255,138,0,.4)}
    .section-title{color:var(--brand-blue)}
    .icon-lg{font-size:2.2rem; color:var(--brand-orange)}
    .feature-card{border:1px solid #eee; border-radius:14px; padding:20px; height:100%;}
    .shops img{border-radius:12px; border:1px solid #eee;}
    .cta{
      background: linear-gradient(90deg, var(--brand-blue), #143e8d);
      color:#fff;
    }
    .footer{background:#061d45; color:#b9c7e6;}
    a{ text-decoration: none; }
    .new-order-btn {
      color: #0d6efd;
      border: 1px solid #0d6efd;
      background-color: transparent;
      transition: all 0.3s ease;
    }
    
    /* Place this at the end of assets/css/styles.css (after the existing rules) */

/* Make base .btn-brand robust against other rules */
.btn.btn-brand,
.navbar .btn-brand {
  color: #0d6efd !important;            /* initial text color */
  border: 1px solid #0d6efd !important; /* visible border */
  background-color: transparent !important;
  transition: background-color .18s ease, color .18s ease;
}

/* Hover / focus / active — guaranteed to override other rules */
.btn.btn-brand:hover,
.btn.btn-brand:focus,
.btn.btn-brand:active,
.navbar .btn-brand:hover,
.navbar .btn-brand:focus,
.navbar .btn-brand:active {
  color: #ffffff !important;           /* white text on hover */
  background-color: #0d6efd !important;/* brand/primary bg on hover */
  text-decoration: none;
  box-shadow: none;
  outline: none;
}