/*
Theme Name: Le Cargo! - Terminal Transitoire
Author: Le Cargo!
Description: Thème WordPress d'inspiration console industrielle / chantier naval pour Le Cargo!
Version: 1.1
*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600;700&family=Poppins:wght@700;900&display=swap');

body {
  font-family: 'Fira Code', monospace;
  background-color: #0d0d0d;
  color: #d4d4d4;
  background-image: radial-gradient(#222 1px, transparent 1px);
  background-size: 20px 20px;
}

/* Texture CRT / Terminal Scanlines */
.scanlines {
  background: linear-gradient(
    rgba(18, 16, 16, 0) 50%, 
    rgba(0, 0, 0, 0.25) 50%
  );
  background-size: 100% 4px;
}

/* Motifs de hachures de sécurité (Chantier) */
.stripe-amber {
  background: repeating-linear-gradient(
    -45deg,
    #facc15,
    #facc15 10px,
    #000000 10px,
    #000000 20px
  );
}

.stripe-danger {
  background: repeating-linear-gradient(
    -45deg,
    #ff0055,
    #ff0055 10px,
    #000000 10px,
    #000000 20px
  );
}
/* Forcer les embeds YouTube et blocs vidéo Gutenberg en pleine largeur */
.prose iframe,
.prose .wp-block-embed,
.prose .wp-block-embed__wrapper,
.wp-block-embed-youtube {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Conserver un ratio 16/9 parfait pour le conteneur vidéo de Gutenberg */
.wp-block-embed-youtube iframe,
.wp-block-embed.is-type-video iframe {
  width: 100% !important;
  aspect-ratio: 16 / 9;
  height: auto !important;
}

@keyframes move-stripe {
  0% { background-position: 0 0; }
  100% { background-position: 1rem 0; }
}