/* THEME TIGROU : noir + degrade rouge (override global) */
:root {
  --bg: #050505 !important;
  --card-bg: rgba(14, 8, 10, 0.85) !important;
  --card-border: rgba(220, 38, 38, 0.45) !important;
  --card-hover: rgba(220, 38, 38, 0.35) !important;
  --blue: #dc2626 !important;
  --blue2: #ef4444 !important;
  --blue3: #7f1d1d !important;
  --blue-glow: rgba(220, 38, 38, 0.4) !important;
  --cyan: #f87171 !important;
  --green: #dc2626 !important;
  --paypal: #991b1b !important;
  --eth: #ef4444 !important;
  --discord: #b91c1c !important;
  --black: #050505 !important;
  --card: #0d0608 !important;
  --border: #3f1215 !important;
  --text: #fef2f2 !important;
  --text-muted: #b8a0a0 !important;
}
body {
  background-color: #050505 !important;
  background-image:
    radial-gradient(circle at 15% 15%, rgba(220, 38, 38, 0.16) 0%, transparent 45%),
    radial-gradient(circle at 85% 75%, rgba(127, 29, 29, 0.14) 0%, transparent 40%),
    linear-gradient(180deg, #050505 0%, #0d0608 100%) !important;
  color: #fef2f2 !important;
}
.bg, .bg-grid { filter: hue-rotate(-190deg) saturate(1.4); }
/* Boutons en relief (effet 3D) */
.btn, button, .btn-primary, .btn.btn-primary, button.btn-primary {
  background: linear-gradient(180deg, #f87171 0%, #dc2626 35%, #991b1b 100%) !important;
  border: 1px solid #7f1d1d !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 -2px 4px rgba(0,0,0,0.35) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important;
  transition: filter 0.15s ease !important;
}
.btn:hover, button:hover, .btn-primary:hover {
  filter: brightness(1.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -2px 4px rgba(0,0,0,0.35) !important;
}
.btn:active, button:active, .btn-primary:active {
  filter: brightness(0.92) !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.5) !important;
}
.btn-success { background: linear-gradient(180deg, #f87171 0%, #b91c1c 45%, #450a0a 100%) !important; border: 1px solid #7f1d1d !important; }
/* Logos existants des pages : contour rouge assorti */
.brand-logo-img, nav img[alt*="Tigrou"], nav img[alt*="Mascot"] {
  border-radius: 12px !important;
  border: 2px solid rgba(220, 38, 38, 0.7) !important;
}
a { color: #f87171 !important; }
/* Securite : si un ancien HTML contient encore le logo injecte, le forcer en petit */
#tigrou-logo {
  width: 48px !important; height: 48px !important;
  border-radius: 12px !important; object-fit: cover !important;
  border: 2px solid rgba(220, 38, 38, 0.7) !important;
}
/* Garde-fou : aucune image ne doit depasser son conteneur ni s'afficher en taille reelle */
img { max-width: 100%; height: auto; }
nav img, .brand img, header img { max-width: 48px !important; max-height: 48px !important; }
/* Titres avec degrade rouge */
h1, h2, .title, .brand, .logo {
  background: linear-gradient(135deg, #fef2f2, #ef4444 60%, #7f1d1d) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.card, .card-panel, .panel, .box {
  border-color: rgba(220, 38, 38, 0.4) !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25) !important;
}
/* Panel admin : sidebar fixe a gauche (retour barre du haut sur mobile) */
@media (max-width: 900px) {
  #adminSidebar {
    position: static !important;
    width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    border-right: none !important;
    border-bottom: 1px solid var(--border, #3f1215) !important;
  }
  #adminSidebar #nav { flex-direction: row !important; flex-wrap: wrap !important; }
  #adminSidebar > div:last-child { margin-top: 0 !important; border-top: none !important; padding-top: 0 !important; }
  #adminSidebar ~ main { margin: 16px auto !important; }
}