/* ==========================================================================
   Petrekivka2 — Modern Glow Cards Component
   ========================================================================== */

.feature-card-modern {
  background-color: #78522a;
  border-radius: var(--radius-xl);
  padding: var(--space-8);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  height: 100%;
}

.feature-card-modern:hover {
  transform: translateY(-5px);
  border-color: rgba(220, 85, 59, 0.7); /* Brighter Red glow border default */
  box-shadow: 0 0 60px rgba(220, 85, 59, 0.5), 0 15px 30px rgba(0,0,0,0.3);
}

/* Card Glow Colors */
/* Red Glow */
.feature-card-modern.glow-red:hover,
.feature-card-modern:nth-child(4n+1):hover {
  border-color: rgba(230, 70, 50, 0.7);
  box-shadow: 0 0 60px rgba(230, 70, 50, 0.5), 0 15px 30px rgba(0,0,0,0.3);
}

/* Gold Glow */
.feature-card-modern.glow-gold:hover,
.feature-card-modern:nth-child(4n+2):hover {
  border-color: rgba(240, 185, 70, 0.7);
  box-shadow: 0 0 60px rgba(240, 185, 70, 0.5), 0 15px 30px rgba(0,0,0,0.3);
}

/* Green Glow */
.feature-card-modern.glow-green:hover,
.feature-card-modern:nth-child(4n+3):hover {
  border-color: rgba(85, 160, 105, 0.7);
  box-shadow: 0 0 60px rgba(85, 160, 105, 0.5), 0 15px 30px rgba(0,0,0,0.3);
}

/* Blue Glow */
.feature-card-modern.glow-blue:hover,
.feature-card-modern:nth-child(4n+4):hover {
  border-color: rgba(60, 130, 220, 0.7);
  box-shadow: 0 0 60px rgba(60, 130, 220, 0.5), 0 15px 30px rgba(0,0,0,0.3);
}

.feature-card-modern h3 {
  color: #FFFFFF;
  font-family: var(--font-display);
  font-size: var(--text-xl);
  margin-bottom: var(--space-4);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
}

.feature-card-modern p {
  color: #FFFFFF;
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  margin-bottom: var(--space-8);
  flex-grow: 1;
}

.feature-pill {
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  padding: 6px 12px;
  border-radius: var(--radius-full);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  margin-bottom: var(--space-6);
  transition: all 0.3s ease;
}

/* Pill Colors matching glows */
.feature-card-modern.glow-red .feature-pill,
.feature-card-modern:nth-child(4n+1) .feature-pill {
  color: #F8E0DA;
  background: rgba(230, 70, 50, 0.3);
}

.feature-card-modern.glow-gold .feature-pill,
.feature-card-modern:nth-child(4n+2) .feature-pill {
  color: #FDF3E1;
  background: rgba(240, 185, 70, 0.3);
}

.feature-card-modern.glow-green .feature-pill,
.feature-card-modern:nth-child(4n+3) .feature-pill {
  color: #E2F2E6;
  background: rgba(85, 160, 105, 0.3);
}

.feature-card-modern.glow-blue .feature-pill,
.feature-card-modern:nth-child(4n+4) .feature-pill {
  color: #E0EEFD;
  background: rgba(60, 130, 220, 0.3);
}