/* ============================================
   Thème dédié à la page "Computer Graphics"
   Ambiance rendu temps réel / shader : tons vert-cyan
   ============================================ */

/* Grille "wireframe" en filigrane dans la bannière */
#index-banner .overlay {
  background:
    linear-gradient(rgba(0, 10, 8, 0.65), rgba(0, 10, 8, 0.45)),
    repeating-linear-gradient(
      0deg,
      rgba(31, 174, 135, 0.12) 0px,
      rgba(31, 174, 135, 0.12) 1px,
      transparent 1px,
      transparent 40px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(31, 174, 135, 0.12) 0px,
      rgba(31, 174, 135, 0.12) 1px,
      transparent 1px,
      transparent 40px
    );
}

#index-banner h1 {
  color: #4fe3b3 !important;
  text-shadow: 0 0 16px rgba(31, 174, 135, 0.55), 0 2px 12px rgba(0, 0, 0, 0.6);
}

.section-title {
  color: #0c6b52;
  border-bottom: 2px solid #1fae87;
  display: inline-block;
  padding-bottom: 4px;
  font-family: 'Courier New', monospace;
  letter-spacing: .5px;
}

#index-banner .btn-large {
  background: linear-gradient(90deg, #0c6b52, #1fae87);
  box-shadow: 0 0 15px rgba(31, 174, 135, 0.5);
}

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

.icon-block a,
.icon-block code {
  color: #4fe3b3;
}

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

/* Bloc "terminal" pour les extraits de code */
code {
  background-color: #0b1f1a;
  color: #4fe3b3;
  font-family: 'Courier New', monospace;
  padding: 2px 7px;
  border-radius: 4px;
  border: 1px solid rgba(31, 174, 135, 0.4);
}

/* Légère bordure technique sur les blocs de contenu */
.icon-block {
  border-left: 3px solid rgba(31, 174, 135, 0.4);
  padding-left: 14px;
  transition: border-color 0.3s ease;
}

.icon-block:hover {
  border-left-color: #1fae87;
}

/* 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(31, 174, 135, 0.3);
    padding-left: 2rem;
  }
}

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

body {
  background: linear-gradient(180deg, #adbee1 0%, #6184d1 45%, #adbee1 100%);
}