/* ============================================
   Thème dédié à la page "Hold'Em" (Gamejam)
   Ambiance jeu de cartes / GameJam : tons or-ambre
   ============================================ */

/* Motif de symboles de cartes en filigrane dans la bannière */

body {
  background: linear-gradient(180deg, #6f6f6f 0%, #a27f0d 45%, #d5c55e 100%);
}
#index-banner .overlay {
  background:
    linear-gradient(rgba(20, 12, 0, 0.65), rgba(20, 12, 0, 0.45)),
    repeating-linear-gradient(
      135deg,
      rgba(240, 180, 41, 0.07) 0px,
      rgba(240, 180, 41, 0.07) 2px,
      transparent 2px,
      transparent 42px
    );
}

#index-banner::after {
  content: "♠   ♥   ♦   ♣   ♠   ♥   ♦   ♣";
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  text-align: center;
  letter-spacing: 1.2rem;
  font-size: 1.4rem;
  color: rgba(240, 180, 41, 0.18);
  z-index: 1;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
}

#index-banner h1 {
  color: #f0b429 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}

.section-title {
  color: #8a5a06;
  border-bottom: 2px solid #d99a1f;
  display: inline-block;
  padding-bottom: 4px;
}

#index-banner .btn-large {
  background: linear-gradient(90deg, #b9790a, #e0a526);
  box-shadow: 0 0 15px rgba(217, 154, 31, 0.5);
}

#index-banner .btn-large:hover {
  box-shadow: 0 0 25px rgba(217, 154, 31, 0.85);
}

.icon-block a {
  color: #a3700f;
}

.icon-block a:hover {
  color: #d99a1f;
}

/* Effet "carte à jouer" sur les blocs de contenu */
.icon-block {
  background: #fffdf7;
  border: 1px solid rgba(217, 154, 31, 0.35);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(138, 90, 6, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.icon-block:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(138, 90, 6, 0.16);
}

code {
  background-color: rgba(217, 154, 31, 0.12);
  padding: 2px 6px;
  border-radius: 4px;
}

/* Séparateur vertical entre deux colonnes côte à côte (à partir du breakpoint medium) */
@media (min-width: 601px) {
  .row .col.m6 + .col.m6 {
    border-left: 1px solid rgba(217, 154, 31, 0.3);
    padding-left: 2rem;
  }
}

/* Teinte des séparateurs horizontaux (.divider) sur cette page */
.divider {
  background-color: rgba(217, 154, 31, 0.25);
}