/* Portfolio cards: make ONLY the card body background match the Pricing section cards
   WITHOUT changing card size, padding, border radius, or content spacing.

   Save as: /assets/css/portfolio-body-match-pricing.css
   Load AFTER: assets/css/styles.css and assets/css/portfolio-hover.css
   Note: If you previously added portfolio-pricing-body.css, remove it (or load this after it).
*/

/* Apply the pricing-like panel color to the portfolio card body only */
#work .portfolio-card .card-body{
  /* Mirrors your Pricing card feel while staying layout-neutral */
  background: rgba(255,255,255,0.10);
  border-top: 1px solid rgba(255,255,255,0.14);
}

/* Optional: ensure the body doesn't inherit any glass blur overlays from other experiments */
#work .portfolio-card .card-body{
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Keep text readable on the darker body (doesn't affect sizing) */
#work .portfolio-card .text-muted,
#work .portfolio-card .text-body-secondary,
#work .portfolio-card .text-secondary{
  color: rgba(255,255,255,0.75) !important;
}

/* Portfolio project titles: force white (fixes dark/linked-looking title) */
#work .portfolio-card .card-body h3,
#work .portfolio-card .card-body .h6{
  color: rgba(255,255,255,0.95) !important;
}

/* If a title ever becomes a link, keep it white in all states */
#work .portfolio-card .card-body h3 a,
#work .portfolio-card .card-body .h6 a,
#work .portfolio-card .card-body h3 a:visited,
#work .portfolio-card .card-body .h6 a:visited{
  color: rgba(255,255,255,0.95) !important;
  text-decoration-color: rgba(255,255,255,0.55);
}