/*
Theme Name: CryptoDenicheur.com
Author: SEOO 500 France
Description: Theme WordPress 
Version: 1.0
*/
    body {
      font-family: 'Parkinsans', sans-serif;
      background: black;
      color: white;
    }

    .hero {
      color: white;
      text-align: center;
      padding: 120px 20px 50px;
    }

    /* Menu centré */
    .navbar-nav {
      margin: 0 auto;
      text-align: center;
    }

    /* Liens dorés */
    .navbar-nav .nav-link {
      color: #FFCC66 !important;

      font-weight: 600;
      transition: color 0.3s ease;
    }

    /* Hover */
    .navbar-nav .nav-link:hover {
      color: #868178 !important;
      /* or chaud au hover */
    }

    .date-article {
      color: #FFCC66 !important;
      font-size: 14px;
      font-weight: 500;
    }

    .btc-line {
      margin: 20px auto 0;
      width: 280px;
      height: 40px;
      background: linear-gradient(90deg, #FFCC66 10%, rgba(255, 204, 102, 0.3) 90%);
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="40" viewBox="0 0 300 40"><polyline points="0,25 20,20 40,28 60,10 80,12 100,18 120,5 140,22 160,14 180,30 200,18 220,25 240,10 260,20 280,12 300,28" fill="none" stroke="black" stroke-width="5"/></svg>') center / contain no-repeat;
      animation: btcMove 3s linear infinite;
      opacity: 0.9;
    }

    @keyframes btcMove {
      0% {
        transform: translateX(-10px);
        opacity: 0.7;
      }

      50% {
        transform: translateX(10px);
        opacity: 1;
      }

      100% {
        transform: translateX(-10px);
        opacity: 0.7;
      }
    }

    .btc-ticker {
      margin-top: 15px;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #FFCC66;
      animation: tickerGlow 2s infinite;
    }

    @keyframes tickerGlow {
      0% {
        opacity: 0.6;
      }

      50% {
        opacity: 1;
      }

      100% {
        opacity: 0.6;
      }
    }

    .card,
    .card-body,
    .card-img-top {
      background: black !important;
      border: none !important;
      box-shadow: none !important;
    }

    .card-img-top {
      height: 200px;
      object-fit: cover;
      background: black;
    }

    .card-body {
      background: black;
    }

    .card a,
    .card a:visited {
      color: #FFF !important;

    }

    .card a:hover {
      color: #FFF !important;
    }

    h1 {
      font-family: 'Verdana', sans-serif;
    }

    .sub-title {
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      color: #FFCC66;
      border: 1px solid #FFCC66;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -o-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px;
      padding: 6px 10px;
      display: inline-block;
      line-height: 1;
      margin-bottom: 20px;
    }

    h2 {
      color: #FFCC66;
      font-family: 'Verdana', sans-serif;
    }


    /* Liens des catégories en couleur or */
    .category-link,
    .author a {
      color: #FFCC66;
      /* couleur or */
      text-decoration: none;
      transition: color 0.3s ease;
    }

    .others-articles a {
      color: #949494;
      text-decoration: none;
      transition: color 0.3s ease;
    }


    .category-link:hover .author:hover {
      color: #FFCC66;
      /* or plus chaud au hover */
      text-decoration: underline;
    }

    .category-badge {
      background-color: #FFD700;
      /* or */
      color: #000;
      text-decoration: none;
      padding: 0.5rem 1rem;
      border-radius: 0.25rem;
      transition: background-color 0.3s;
    }

    .category-badge:hover {
      background-color: #FFA500;
      /* or chaud au hover */
    }

    /* Icône recherche */
    /* Icône recherche */
    .navbar .bi-search {
      color: #ffffff !important;
      /* blanc */
      font-size: 1.25rem;
      /* taille */
      transition: color 0.3s ease;
    }

    .navbar .bi-search:hover {
      color: #FFCC66 !important;
      /* or au hover */
    }

    .navbar-toggler {
      border-color: #FFCC66;
      /* bordure du bouton */
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FFCC66' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    /* Boutons catégories améliorés */
ul.list-unstyled li a.badge {
    display: inline-block;
    font-size: 0.95rem;
    font-weight: 500;
    border-radius: 50px;          /* arrondi complet */
    padding: 0.6rem 1.2rem;       /* plus de padding */
    transition: all 0.3s ease;    /* transition douce */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15); /* petite ombre */
    text-transform: capitalize;   /* première lettre en majuscule */
}

/* Hover effet */
ul.list-unstyled li a.badge:hover {
    background-color: #ffc107;   /* un jaune plus chaud */
    color: #212529;              /* texte sombre */
    transform: translateY(-3px) scale(1.05); /* léger effet de levée */
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);  /* ombre plus visible */
}

/* Actif / focus */
ul.list-unstyled li a.badge:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}