/* Mobile-only feature icon styles */
/* This creates pseudo-element icons that display inline with h4 headings */

@media (max-width: 480px) {
  /* Hide the original standalone icon div on mobile */
  .feature-item .feature-icon {
    display: none !important;
  }
  
  /* Make h4 display flex to accommodate inline icon */
  .feature-content h4 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Community icon */
  .feature-item:nth-child(1) .feature-content h4::before {
    content: '\f0c0'; /* fa-users */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 32px;
    height: 32px;
    background-color: rgb(108 71 166 / 25%);
    border-radius: 50%;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: white;
    flex-shrink: 0;
  }
  
  /* Pure Vanilla Experience icon */
  .feature-item:nth-child(2) .feature-content h4::before {
    content: '\f06c'; /* fa-leaf */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 32px;
    height: 32px;
    background-color: rgb(108 71 166 / 25%);
    border-radius: 50%;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: white;
    flex-shrink: 0;
  }
  
  /* Seasonal Worlds icon */
  .feature-item:nth-child(3) .feature-content h4::before {
    content: '\f133'; /* fa-calendar-alt */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 32px;
    height: 32px;
    background-color: rgb(108 71 166 / 25%);
    border-radius: 50%;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: white;
    flex-shrink: 0;
  }
  
  /* World Downloads icon */
  .feature-item:nth-child(4) .feature-content h4::before {
    content: '\f019'; /* fa-download */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 32px;
    height: 32px;
    background-color: rgb(108 71 166 / 25%);
    border-radius: 50%;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: white;
    flex-shrink: 0;
  }
  
  /* Grief Prevention icon */
  .feature-item:nth-child(5) .feature-content h4::before {
    content: '\f3ed'; /* fa-shield-alt */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 32px;
    height: 32px;
    background-color: rgb(108 71 166 / 25%);
    border-radius: 50%;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: white;
    flex-shrink: 0;
  }
  
  /* Proximity Chat icon */
  .feature-item:nth-child(6) .feature-content h4::before {
    content: '\f130'; /* fa-microphone */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 32px;
    height: 32px;
    background-color: rgb(108 71 166 / 25%);
    border-radius: 50%;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: white;
    flex-shrink: 0;
  }
}