/* v0.5.7 — Kredekor mobile bottom navigation: three actions, glassy surface.
   These are theme UI rules and do not affect the WooCommerce checkout. */
@media (max-width: 782px) {
  .krd-mobile-bottom-nav,
  .krd-family-mobile-bottom,
  .krd-bottom-nav,
  .krd-mobile-nav-bottom {
    background: rgba(255, 255, 255, .78) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 -4px 18px rgba(7, 23, 49, .055) !important;
  }
  .kce-bottom-nav-search-hidden { display: none !important; }
  .kce-bottom-nav-three-items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 0 !important;
  }
  .kce-bottom-nav-three-items > * {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
}
