/* assets/spotter-styles.css */

.spotter-app-container {
    font-family: inherit;
    color: inherit;
    line-height: 1.5;
  }
  
  .spotter-app-container h1,
  .spotter-app-container h2,
  .spotter-app-container h3,
  .spotter-app-container h4 {
    font-family: inherit;
    line-height: 1.2;
    margin-bottom: 0.5em;
  }
  
  .spotter-app-container .rounded-lg {
    border-radius: 0.5rem;
  }
  
  .spotter-app-container .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  
  /* Intégration avec Divi */
  .et_pb_section .spotter-app-container {
    padding: 0;
    margin: 0;
  }
  
 
  
  /* Styles responsifs */
  @media (max-width: 640px) {
    .spotter-app-container {
      padding: 1rem 0.5rem;
    }
  }
  
  @media (min-width: 768px) {
    .spotter-app-container .game-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem;
    }
  }
  
  @media (min-width: 1024px) {
    .spotter-app-container .game-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  
  /* Corrections pour le thème Divi */
  .et-db #et-boc .et-l .spotter-app-container button {
    cursor: pointer;
  }
  
  .et-db #et-boc .et-l .spotter-app-container input,
  .et-db #et-boc .et-l .spotter-app-container button,
  .et-db #et-boc .et-l .spotter-app-container select,
  .et-db #et-boc .et-l .spotter-app-container textarea {
    font-family: inherit;
  }
  
  .et-db #et-boc .et-l .spotter-app-container .text-white {
    color: #fff !important;
  }