/* CSS personnalisé pour MY LIVE SPORT HELP */

/* Variables de couleurs personnalisées */
:root {
  --md-primary-fg-color: #1976d2;
  --md-primary-fg-color--light: #42a5f5;
  --md-primary-fg-color--dark: #1565c0;
}

/* Style pour le logo dans l'en-tête */
.md-header__button.md-logo {
  margin: 0.2rem;
}

.md-header__button.md-logo img {
  height: 32px;
  width: auto;
  filter: brightness(1);
}

/* Style pour le logo en mode sombre */
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  filter: brightness(0.9);
}

/* Style alternatif si vous voulez le logo à côté du titre */
.md-header__title img {
  height: 28px;
  margin-right: 8px;
  vertical-align: middle;
}

/* Style pour les cartes de contenu */
.md-content .card {
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
  box-shadow: 0 0.2rem 1rem rgba(0,0,0,.1);
  margin: 1rem 0;
  padding: 1rem;
}

/* Style pour les codes */
.md-typeset code {
  background-color: var(--md-code-bg-color);
  color: var(--md-code-fg-color);
}

/* Responsive design amélioré */
@media screen and (max-width: 768px) {
  .md-header__title {
    font-size: 1rem;
  }
}