.site-navbar.is-transparent .logo, .footer-brand .logo,
.offcanvas-header .logo { 
  --clr-dark:      #ffffff;
 }
 .site-navbar.is-transparent.is-scrolled .logo { 
  --clr-dark:      #18160e;
 }

 /* Placeholder gradient when no real image */
.cs-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 40%, rgba(200,151,58,.2), rgba(15,14,9,.9) 85%);
  pointer-events: none;
}

/* =============================================
   MENU — STICKY SECTION HEADERS (mobile only)
   ============================================= */
@media (max-width: 991.98px) {
  .menu-cat-heading {
    position: sticky;
    top: var(--nav-h); /* se lipeste imediat sub navbar */
    z-index: 100;
    /* background trebuie sa acopere cardurile care trec pe sub heading */
    background: var(--clr-bg);
    /* compenseaza padding-ul de container Bootstrap pe laterale */
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -.5);
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -.5);
    padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5);
    padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5);
    /* un shadow subtil jos ca sa separe heading-ul de carduri */
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
  }
}