/* ==========================================================================
   EliteBlocc — Resource Row Component
   File: assets/css/components/ebc-resource-row.css
   Version: 1.0

   ========================================================================== */

/* ── List wrapper ── */

.eb-resource-list {
  display:        flex;
  flex-direction: column;
  gap:            7px;
}

/* ── Individual row ── */

.eb-resource-row {
  display:       flex;
  align-items:   center;
  gap:           12px;
  padding:       10px 13px;
  background:    var(--eb-surface-glass, rgba(255, 255, 255, 0.04));
  border:        1px solid var(--eb-border-subtle, rgba(255, 255, 255, 0.08));
  border-radius: var(--eb-radius-lg, 12px);
  cursor:        pointer;
  text-decoration: none;
  transition:    background  0.2s ease,
                 border-color 0.2s ease;
  min-height:    52px;
  -webkit-tap-highlight-color: transparent;
  touch-action:  manipulation;
}

.eb-resource-row:hover {
  background:   var(--eb-surface-glass-raised, rgba(255, 255, 255, 0.08));
  border-color: var(--eb-border-default, rgba(255, 255, 255, 0.16));
}

.eb-resource-row:focus-visible {
  outline:        2px solid rgba(16, 185, 129, 0.6);
  outline-offset: 2px;
}

/* Hello Elementor override */
.eb-resource-row,
.eb-resource-row:hover,
.eb-resource-row:visited {
  color:           #fff !important;
  text-decoration: none !important;
}

/* ── Copy block ── */

.eb-resource-row__copy {
  flex:      1 1 auto;
  min-width: 0;
}

.eb-resource-row__title {
  font-size:     0.85rem;
  font-weight:   600;
  color:         #fff;
  margin-bottom: 2px;
  white-space:   nowrap;
  overflow:      hidden;
  text-overflow: ellipsis;
}

.eb-resource-row__meta {
  font-size:     0.73rem;
  color:         var(--eb-text-muted, rgba(210, 230, 220, 0.6));
  white-space:   nowrap;
  overflow:      hidden;
  text-overflow: ellipsis;
}

/* ── Count badge ── */

.eb-resource-row__count {
  font-family:    var(--eb-font-heading, 'Orbitron', monospace);
  font-size:      0.65rem;
  font-weight:    700;
  color:          var(--eb-text-muted, rgba(210, 230, 220, 0.6));
  padding:        2px 7px;
  background:     rgba(255, 255, 255, 0.05);
  border-radius:  var(--eb-radius-full, 9999px);
  white-space:    nowrap;
  flex-shrink:    0;
}

/* ── Reduced motion ── */

@media (prefers-reduced-motion: reduce) {
  .eb-resource-row {
    transition: none;
  }
}