/* ========== GLOBAL LAYOUT TWEAKS ========== */
@media (min-width: 992px) {
  /* 1.  Narrower page body (max-width 900 px) */
  main.container-md { max-width: 900px; }
}

/* 2.  Wallet / transaction “cards” ---------------------------------- */
.page-card {
  background: #fff;
  border-radius: .5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  padding: 2rem 2rem 1.5rem;
}

/* 3.  Table header shadow strip ------------------------------------- */
.page-card table thead {
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
}

/* 4.  Consistent spacing above & below page titles ------------------ */
.page-header {
  margin-top: 1.5rem;   /* phones already have pt-5 = 3 rem */
  margin-bottom: 1.5rem;
}

/* 5.  Navbar colour tweaks ------------------------------------------ */
.navbar-light .navbar-nav .nav-link {
  color: #0d47cd;               /* deep brand blue */
  font-weight: 600;
}
.navbar-light .navbar-nav .nav-link.active {
  color: #0b3ab0;
  border-bottom: 3px solid #0b3ab0;
  padding-bottom: .125rem;
}

@media (min-width: 768px) {         /* keep phones edge-to-edge */
  .content-card {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 4px 18px rgba(0,0,0,.08);
    padding: 2rem 2rem 2.5rem;
    margin-bottom: 3rem;           /* gap above the footer shadow strip */
  }
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:hover,
.navbar-toggler:active,
.navbar-toggler:focus-visible {
  background: transparent !important;   /* no blue square */
  border: 0 !important;                 /* no outline */
  box-shadow: none !important;          /* no glow */
  color: #6c757d !important;            /* grey bars */
  outline: none !important;             /* Safari/iOS tap highlight */
}

/* ───────────── NAV-TOGGLER RESET ───────────── */
.navbar-toggler{
  background-color: transparent !important;   /* no blue square */
  border: none !important;                     /* remove border */
  box-shadow: none !important;                 /* remove focus glow */
  padding: .25rem .5rem;                       /* default Bootstrap spacing */
}

/* grey “≡” icon (uses Bootstrap’s SVG, just different stroke colour) */
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,\
%3csvg xmlns='http://www.w3.org/2000/svg' fill='%236c757d' viewBox='0 0 16 16'%3e\
%3cpath stroke='%236c757d' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' \
d='M2 2.5h12M2 8h12M2 13.5h12'/%3e%3c/svg%3e") !important;
}

/* don’t flash blue when pressed / focused */
.navbar-toggler:focus,
.navbar-toggler:active{
  outline: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}