/* =====================================================================
   Customer dashboard readability patch  •  July 2025
   – lightens the coloured tiles
   – keeps all text / icons visible
   – makes the inside buttons link‑coloured, not black boxes
   ==================================================================== */

/* 1 ▸ soften the solid tile backgrounds */
.customer-page .card.bg-primary   {background-color:rgba(13,110,253,.15)!important;}
.customer-page .card.bg-success   {background-color:rgba(25,135, 84,.15)!important;}
.customer-page .card.bg-info      {background-color:rgba( 0,123,255,.15)!important;}
.customer-page .card.bg-secondary {background-color:rgba(108,117,125,.15)!important;}
.customer-page .card.bg-danger    {background-color:rgba(220, 53, 69,.15)!important;}
.customer-page .card.bg-warning   {background-color:rgba(255,193,  7,.25)!important;}
.customer-page .card.bg-light     {background-color:rgba(248,249,250,.50)!important;}

/* 2 ▸ force every piece of copy & icon inside those tiles to use the right colour */
.customer-page .card.bg-primary  *,
.customer-page .card.bg-success  *,
.customer-page .card.bg-info     *,
.customer-page .card.bg-secondary*,
.customer-page .card.bg-danger   * {
    color:#fff!important;
    fill:#fff!important;
    stroke:#fff!important;
}

.customer-page .card.bg-warning *,
.customer-page .card.bg-light   * {
    color:#212529!important;
    fill:#212529!important;
    stroke:#212529!important;
}

/* 3 ▸ buttons & links inside tiles: no dark boxes, just inherit the text colour */
.customer-page .card[class*="bg-"] .btn,
.customer-page .card[class*="bg-"] a.btn,
.customer-page .card[class*="bg-"] .btn-link {
    background:transparent!important;          /* clear background */
    color:inherit!important;                   /* white on blue tiles, dark on yellow */
    border:1px solid currentColor!important;   /* keep outline visible */
}

/* optional: subtle hover effect */
.customer-page .card[class*="bg-"] .btn:hover,
.customer-page .card[class*="bg-"] a.btn:hover,
.customer-page .card[class*="bg-"] .btn-link:hover {
    opacity:.85;
}
/* ── gear icon on “Account Settings” tile: make it white like the others ── */
.customer-page .card.bg-warning .icon,
.customer-page .card.bg-warning svg,
.customer-page .card.bg-warning i {
    color:#fff!important;
    fill:#fff!important;
    stroke:#fff!important;
}