/* Logo */
.logo {
  width: 190px;
  height: auto;
}

/* Liens de navigation */
.navbar-nav .nav-link {
  font-weight: 400;  /* texte normal */
  color: #000;       /* noir standard */
}

.navbar-nav .nav-link:hover {
  color: #d4af37; /* or au survol */
}

/* Bouton CV */
.bouton-cv {
  background-color: #d4af37 !important; /* doré */
  color: #fff;
  font-weight: 500;
  border-radius: 8px;
  padding: 8px 16px;
  text-decoration: none;
  transition: 0.3s;
}

.banniere {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.banniere img {
  width: 100%;
  height: 80%;
  object-fit: cover;
}

.banniere-content {
  position: absolute;
  top: 50%;
  right: 5%;                /* <-- Aligné à droite */
  transform: translateY(-50%);
  text-align: right;        /* <-- Texte aligné à droite */
  color: white;
  max-width: 600px;
}

.banniere-content h1 {
  font-size: 130px;
  font-weight: 900;
  margin-bottom: 10px;
}

.banniere-content .gold {
  color: #C9B022;
  font-style: italic;
}

.banniere-content .white {
  color: #fff;
  font-weight: 600;
}

.banniere-content .slogan {
  font-size: 22px;
  color: #C9B022;
  margin-bottom: 30px;
}

/* Boutons */
.btn-group {
  display: flex;
  justify-content: flex-end;   /* <-- Aligner les boutons à droite */
  gap: 15px;
  margin-bottom: 40px;
}

.btn {
  padding: 12px 25px;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: 0.3s;
}

.btn-gold {
  background: #C9B022;
  color: #000;
}

.btn-gold:hover {
  background: #b39c1e;
  color: #000;
}

.btn-black {
  background: #000;
  color: #fff;
  border: 2px solid #fff;
}

.btn-black:hover {
  background: #111;
  color: #C9B022;
  border-color: #C9B022;
}

/* Icônes */
.icon-row {
  display: flex;
  justify-content: flex-end;   /* <-- Icônes alignées à droite */
  gap: 20px;
}

.icon-box {
  background: rgba(255, 255, 255, 0.1);
  padding: 15px;
  border-radius: 8px;
  font-size: 28px;
  color: #999;
  transition: 0.3s;
}

.icon-box:hover {
  background: #C9B022;
  color: #fff;
}


/* Boutons */
.btn-group {
  display: flex;
  justify-content: flex-end;   /* <-- Aligner les boutons à droite */
  gap: 15px;
  margin-bottom: 40px;
}

.btn {
  padding: 12px 25px;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: 0.3s;
}

.btn-gold {
  background: #C9B022;
  color: #000;
}

.btn-gold:hover {
  background: #b39c1e;
  color: #000;
}

.btn-black {
  background: #000;
  color: #fff;
  border: 2px solid #fff;
}

.btn-black:hover {
  background: #111;
  color: #C9B022;
  border-color: #C9B022;
}

/* Icônes */
.icon-row {
  display: flex;
  justify-content: flex-end;   /* <-- Icônes alignées à droite */
  gap: 20px;
}

.icon-box {
  background: rgba(255, 255, 255, 0.1);
  padding: 15px;
  border-radius: 8px;
  font-size: 28px;
  color: #999;
  transition: 0.3s;
}

.icon-box:hover {
  background: #C9B022;
  color: #fff;
}


/* Boutons */
.btn-group {
  display: flex;
  gap: 15px;
  margin-bottom: 40px;
}

.btn {
  padding: 12px 25px;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: 0.3s;
}

.btn-gold {
  background: #C9B022;
  color: #000;
}

.btn-gold:hover {
  background: #b39c1e;
  color: #000;
}

.btn-black {
  background: #000;
  color: #fff;
  border: 2px solid #fff;
}

.btn-black:hover {
  background: #111;
  color: #C9B022;
  border-color: #C9B022;
}

/* Icônes */
.icon-row {
  display: flex;
  gap: 20px;
}

.icon-box {
  background: rgba(255, 255, 255, 0.1);
  padding: 15px;
  border-radius: 8px;
  font-size: 28px;
  color: #999;
  transition: 0.3s;
}

.icon-box:hover {
  background: #C9B022;
  color: #fff;
}

/* Ombre dorée personnalisée */
.shadow-custom {
  box-shadow: 0 8px 20px rgba(196, 162, 46, 0.3); /* ombre dorée légère */
}


/* Ombre dorée */
.shadow-custom {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #eee;
  box-shadow: 0 4px 10px rgba(201, 176, 34, 0.2);
  transition: transform 0.3s ease;
}
.shadow-custom:hover {
  transform: translateY(-5px);
}

/* Boutons catégories */
.btn-cat {
  border: none;
  background: transparent;
  color: #333;
  font-weight: 500;
  margin: 0 8px;
  padding: 8px 18px;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.btn-cat.active, .btn-cat:hover {
  background: #C9B022;
  color: #fff;
}

/* Bouton bas */
.btn-more {
  display: inline-block;
  padding: 12px 25px;
  border: 1px solid #ddd;
  border-radius: 25px;
  background: #fff;
  color: #333;
  font-weight: 500;
  transition: all 0.3s ease;
}
.btn-more:hover {
  background: #C9B022;
  color: #fff;
  border-color: #C9B022;
}

/* Titre cartes */
.card-body h5 {
  color: #000;
  margin-bottom: 8px;
}
.card-body p {
  font-size: 14px;
  color: #555;
}
/* Ombre dorée personnalisée */
.shadow-custom {
  box-shadow: 0 8px 20px rgba(196, 162, 46, 0.3); /* ombre dorée légère */
}

css
.service-box {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: 0.3s ease;
}
.service-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
.service-icon {
  font-size: 30px;
  color: #C4A22E;
}
.btn-tarif {
  border: 1px solid #C4A22E;
  color: #000;
  font-weight: 500;
  background: transparent;
  border-radius: 5px;
  transition: 0.3s ease;
}
.btn-tarif:hover {
  background: #C4A22E;
  color: #fff;
}

.bg-orange {
  background-color: #FF4C00;
}

.text-orange {
  color: #FF4C00;
}

footer input::placeholder {
  color: #888;
  font-style: italic;
}

footer .form-control:focus {
  box-shadow: none;
}

/* Boutons catégories */
.btn-cat {
  border: none;
  background: transparent;
  color: #333;
  font-weight: 500;
  margin: 0 8px;
  padding: 8px 18px;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.btn-cat.active,
.btn-cat:hover {
  background: #C9B022;
  color: #fff;
}

/* Cartes portfolio */
.card.no-shadow {
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  text-align: justify;
}
.card.no-shadow img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.card-body h5 {
  margin-bottom: 10px;
  color: #000;
}
.card-body p {
  font-size: 14px;
  color: #555;
}

/* Bouton détails */
.btn-details {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 14px;
  background: #C9B022;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.btn-details:hover {
  background: #a88e1b;
}

/* Bouton bas */
.btn-more {
  display: inline-block;
  padding: 12px 25px;
  border: 1px solid #ddd;
  border-radius: 25px;
  background: #fff;
  color: #333;
  font-weight: 500;
  transition: all 0.3s ease;
}
.btn-more:hover {
  background: #C9B022;
  color: #fff;
  border-color: #C9B022;
}

  .whatsapp-contact {
    border: 2px solid #25D366;
    color: #25D366;
    transition: 0.3s;
  }
  .whatsapp-contact:hover {
    background: #25D366;
    color: #fff;
  }
  .whatsapp-contact i {
    color: #25D366;
  }
  .whatsapp-contact:hover i {
    color: #fff;
  }

  .email-contact {
    border: 2px solid #0072c6;
    color: #0072c6;
    transition: 0.3s;
  }
  .email-contact:hover {
    background: #0072c6;
    color: #fff;
  }
  .email-contact i {
    color: #0072c6;
  }
  .email-contact:hover i {
    color: #fff;
  }

  .nav-link {
  color: #333; /* couleur par défaut */
  font-weight: 500;
  transition: 0.3s;
}

.nav-link:hover {
  color: #C9B022; /* effet hover */
}

.nav-link.active {
  color: #C9B022 !important;  /* couleur active */
  border-bottom: 2px solid #C9B022; /* soulignement */
  font-weight: 700;
}
.portfolio-item .card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.portfolio-item .card:hover {
  transform: translateY(-10px) scale(1.03); /* léger mouvement vers le haut + zoom */
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);  /* ombre plus prononcée */
}
html {
  scroll-behavior: smooth;
}

section {
  scroll-margin-top: 80px; /* hauteur approximative de ta navbar */
}