/* loader.css */

.loader {
      text-align: center;
    }
    
    /* Style de la pièce */
    .coin {
      position: relative;
      width: 115px;
      height: 115px;
      background-color: #000000; /* Couleur de la pièce */
      border-radius: 50%;
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3); /* Ombre intérieure */
      background-image: radial-gradient(
        circle at 50% 120%,
        rgba(0, 0, 0, 0.5) 0%,
        rgb(255, 255, 255) 80%
      ); /* Texture de la pièce */
      animation: flip 1s infinite;
      margin: 0 auto;
    }
    
    .engraving {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 50px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.5); /* Couleur de la gravure */
      text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); /* Ombre de la gravure */
    }
    
    @keyframes flip {
      0%   { transform: rotateY(0deg); }
      50%  { transform: rotateY(180deg); }
      100% { transform: rotateY(360deg); }
    }
    
    /* Style du texte de chargement */
    .loading-text {
      margin-top: 80px;
      font-size: 30px;
      font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
      color: #ffffff;
      text-align: center;
    }
    
    /* Animation des points */
    .loading-text .dot {
        display: none;
        vertical-align: middle; 
        opacity: 0;
        animation: blink 1.4s infinite;
      }
    
    .loading-text .dot:nth-child(2) {
      animation-delay: 0.2s;
    }
    
    .loading-text .dot:nth-child(3) {
      animation-delay: 0.4s;
    }
    
    @keyframes blink {
      0% { opacity: 0; }
      20% { opacity: 1; }
      40% { opacity: 0; }
      100% { opacity: 0; }
    }