/* ===== Feature Item — BRAND register =====
 * Single trust badge in the Features strip. Horizontal: icon left + text right.
 * UI font (Roboto Condensed). Ink icon, gray-700 sub-label.
 * Tap target: min 44px height. */

.cc_4vBO1nbhag_feature_item .kombos-feature-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  min-height: 2.75rem;
}

.cc_4vBO1nbhag_feature_item .kombos-feature-item__icon {
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  object-fit: contain;
  flex-shrink: 0;
  color: var(--kombos-gray-900);
}

/* Built-in symbol (from the icon system). Sized via font-size — the 1em SVG
 * scales to it — never width/height props. Color inherits via currentColor. */
.cc_4vBO1nbhag_feature_item .kombos-feature-item__symbol {
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.25rem;
  color: var(--kombos-gray-900);
}

/* Content wrapper when title/subtitle/text are present */
.cc_4vBO1nbhag_feature_item .kombos-feature-item__content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.cc_4vBO1nbhag_feature_item .kombos-feature-item__title {
  color: var(--kombos-gray-900);
  font-family: var(--kombos-font-display);
  letter-spacing: var(--kombos-tracking-display);
}

.cc_4vBO1nbhag_feature_item .kombos-feature-item__text {
  color: var(--kombos-gray-900);
  font-family: var(--kombos-font-ui);
  letter-spacing: 0;
  text-align: left;
  /* text-sm-medium applied via class in index.tsx */
}

.cc_4vBO1nbhag_feature_item .kombos-feature-item__subtitle {
  color: var(--kombos-gray-500);
  font-family: var(--kombos-font-ui);
}

/* Muted sub-text support: any <span> or <small> inside the text */
.cc_4vBO1nbhag_feature_item .kombos-feature-item__text span, .cc_4vBO1nbhag_feature_item .kombos-feature-item__text small {
  display: block;
  color: var(--kombos-gray-600);
  font-size: 0.6875rem;
  font-weight: 400;
  margin-top: 0.125rem;
}

@media (min-width: 768px) {
  .cc_4vBO1nbhag_feature_item .kombos-feature-item {
    padding: 1rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .cc_4vBO1nbhag_feature_item .kombos-feature-item {
    padding: 1rem 1.5rem;
    gap: 0.875rem;
  }

  .cc_4vBO1nbhag_feature_item .kombos-feature-item__icon {
    width: 1rem;
    height: 1rem;
  }

  .cc_4vBO1nbhag_feature_item .kombos-feature-item__symbol {
    font-size: 1rem;
  }
}