/**
 * Ensure cart icon is always visible regardless of user status
 */

/* Target both authenticated and anonymous users */
#block-twbase-kalathi .cart--cart-block {
  display: block !important;
}

/* Ensure cart icon position and styles are maintained */
#block-twbase-kalathi .cart-block--summary__icon {
  display: inline-flex;
}

/* Make sure count displays correctly */
#block-twbase-kalathi .cart-block--summary__count {
  display: flex;
  position: absolute;
  z-index: 1;
  top: -8px;
  left: -8px;
  background-color: #ef4444;
  color: #ffffff;
  border-radius: 9999px;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 500;
}

/* Icon styling */
#block-twbase-kalathi .cart-block--link__expand {
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
}

/* Ensure display is correct in both light and dark mode */
html.dark #block-twbase-kalathi .light-mode-cart-icon {
  display: none;
}

html.dark #block-twbase-kalathi .dark-mode-cart-icon {
  display: inline-block;
}

html:not(.dark) #block-twbase-kalathi .light-mode-cart-icon {
  display: inline-block;
}

html:not(.dark) #block-twbase-kalathi .dark-mode-cart-icon {
  display: none;
}

/* Fix for empty cart block */
#block-twbase-kalathi:empty {
  min-width: 24px;
  min-height: 24px;
}