:root {
  --famco-green: #2D5A27;    /* Verde principale del logo */
  --famco-brown: #6E4720;    /* Marrone dei tetti */
  --famco-orange: #D46A13;   /* Arancione di accento dai quadratini */
  --famco-light: #F8F9FA;    /* Sfondo chiaro pulito */
  --famco-dark: #212529;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #ffffff;
  color: var(--famco-dark);
  /* Aggiungi queste due righe qui sotto: */
  overflow-x: hidden;
  width: 100%;
}

/* Personalizzazione componenti Bootstrap con i colori del Brand */
.bg-famco-green { background-color: var(--famco-green) !important; }
.bg-famco-brown { background-color: var(--famco-brown) !important; }
.text-famco-green { color: var(--famco-green) !important; }
.text-famco-brown { color: var(--famco-brown) !important; }
.text-famco-orange { color: var(--famco-orange) !important; }

/* Pulsanti personalizzati */
.btn-famco-primary {
  background-color: var(--famco-green);
  color: white;
  border: none;
  transition: all 0.3s ease;
}
.btn-famco-primary:hover {
  background-color: #22441D;
  color: white;
  transform: translateY(-2px);
}

.btn-famco-accent {
  background-color: var(--famco-orange);
  color: white;
  border: none;
  transition: all 0.3s ease;
}
.btn-famco-accent:hover {
  background-color: #B5550B;
  color: white;
}

/* Card di prodotto pulite ed eleganti */
.product-card {
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.product-card:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transform: translateY(-5px);
}

/* Navbar top border con l'arancione del logo */
.navbar {
  border-top: 4px solid var(--famco-orange);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* STRUTTURA LINK NAVBAR OTTIMIZZATA */
.nav-link {
  font-weight: 600;
  color: var(--famco-dark);
  transition: color 0.2s ease;
}

/* Gestione degli stati attivi e hover generici per i link non alternati (come Home e Realizzazioni) */
.nav-link:hover, .nav-link.active {
  color: var(--famco-green);
}

/* FORZATURA DELLE CLASSI DI ALTERNANZA BRAND (Vincono su Bootstrap) */
.nav-link.text-famco-green { color: var(--famco-green) !important; }
.nav-link.text-famco-brown { color: var(--famco-brown) !important; }

/* Effetto al passaggio del mouse sui link alternati: cambiano in arancione */
.nav-link.text-famco-green:hover, 
.nav-link.text-famco-brown:hover { 
  color: var(--famco-orange) !important; 
}

/* Sezione Hero pulita (Link immagine sistemato) */
.hero-section {
  background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url('assets/images/sf_home.jpg') no-repeat center center;
  background-size: cover;
  padding: 100px 0;
}

/* Effetto transizione fluido per i link del footer */
.hover-link {
  transition: color 0.2s ease, padding-left 0.2s ease;
}
.hover-link:hover {
  color: var(--famco-orange) !important;
  padding-left: 4px;
}