/* ==================================================
   RC16.259 · Active Icon Accessibility
   Aktive Navigationselemente werden rein optisch vergroessert.
   Layout-Hoehen und Klickflaechen bleiben unveraendert.
   ================================================== */

/* Global mobile bottom navigation: active destination easier to recognise,
   especially for older users. Scale only the image so the compact nav bar
   does not grow or move. */
@media (max-width:899px){
  body.pandabu-authenticated .bottom-nav .nav-item .nicon{
    overflow:visible!important;
    position:relative;
    z-index:1;
  }
  body.pandabu-authenticated .bottom-nav .nav-item .nicon img{
    transform:scale(1)!important;
    transform-origin:center 58%;
    transition:transform .16s ease,filter .16s ease!important;
    will-change:transform;
  }
  body.pandabu-authenticated .bottom-nav .nav-item.active .nicon{
    z-index:3;
  }
  body.pandabu-authenticated .bottom-nav .nav-item.active .nicon img{
    transform:scale(1.28)!important;
  }
  body.pandabu-authenticated .bottom-nav .nav-item.active>span:last-child{
    font-weight:850!important;
  }
}

/* Guided Notvorrat: current section is visibly larger without changing the
   geometry of the progress row. Existing turquoise ring remains the primary
   state cue, size becomes the second cue. */
.rc251-form-shell .emergency-wizard-category{
  overflow:visible;
}
.rc251-form-shell .emergency-wizard-category-icon,
.rc251-form-shell .emergency-wizard-category-icon img{
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.rc251-form-shell .emergency-wizard-category.active .emergency-wizard-category-icon{
  transform:scale(1.16)!important;
  border-width:3px;
  z-index:3;
}
.rc251-form-shell .emergency-wizard-category.active .emergency-wizard-category-icon img{
  transform:scale(1.08)!important;
}

@media (max-width:720px){
  .rc251-form-shell .emergency-wizard-category.active .emergency-wizard-category-icon{
    transform:scale(1.18)!important;
  }
  .rc251-form-shell .emergency-wizard-category.active .emergency-wizard-category-icon img{
    transform:scale(1.10)!important;
  }
}

/* Respect reduced-motion while keeping the stronger size distinction. */
@media (prefers-reduced-motion:reduce){
  body.pandabu-authenticated .bottom-nav .nav-item .nicon img,
  .rc251-form-shell .emergency-wizard-category-icon,
  .rc251-form-shell .emergency-wizard-category-icon img{
    transition:none!important;
  }
}