/* Custom CSS for Timbers Pro Excavation */

/* Variable de base pour un design harmonisé */
:root {
  --color-gold-light: #f5e6b3;
  --color-gold: #d4af37;
  --color-gold-dark: #aa7c11;
  --color-dark-bg: #09090b;
  --color-dark-card: #18181b;
  --color-dark-border: #27272a;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* Offset for sticky header */
}

/* Scrollbar dorée premium */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-dark-bg);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--color-gold-dark), var(--color-gold));
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-gold-light);
}

/* Texte dégradé Or */
.text-gold-gradient {
  background: linear-gradient(135deg, #ffe082 0%, #d4af37 50%, #b8860b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Effet de lueur dorée au survol des boutons */
.btn-gold-glow {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
}
.btn-gold-glow:hover {
  box-shadow: 0 0 20px 2px rgba(212, 175, 55, 0.45);
  transform: scale(1.02);
}

/* Effet de lueur dorée discrète pour le texte/icônes */
.text-gold-glow {
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.3);
}

/* Cartes de service interactives */
.service-card {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: var(--color-dark-card);
  border: 1px solid var(--color-dark-border);
}
.service-card:hover {
  transform: translateY(-6px);
  border-color: rgba(212, 175, 55, 0.6);
  box-shadow: 0 12px 30px -10px rgba(212, 175, 55, 0.25);
}

.service-card .icon-container {
  transition: all 0.4s ease;
}
.service-card:hover .icon-container {
  transform: scale(1.1);
  background-color: rgba(212, 175, 55, 0.15);
  color: var(--color-gold-light);
}

/* Floutage d'arrière-plan de l'en-tête */
.glass-header {
  background-color: rgba(9, 9, 11, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(39, 39, 42, 0.5);
  transition: all 0.3s ease;
}

.glass-header.scrolled {
  background-color: rgba(9, 9, 11, 0.95);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.7);
}

/* Animations de transition */
.transition-custom {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}