/* ===== Retail Stock Amazon-Style Theme (v4) ===== */

/* --- Base --- */
body {
  background-color: #F3F3F3;
  color: #232F3E;
  font-family: 'Inter', 'Roboto', 'Helvetica Neue', sans-serif;
}

/* --- Navbar --- */
.navbar {
  background-color: #232F3E !important;
  border: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

.navbar-brand {
  color: #FF9900 !important;
  font-weight: 700;
  font-size: 1.4rem;
  text-decoration: none !important;
}

/* --- Menu link --- */
.navbar-nav .nav-link {
  color: #fff !important;
  font-weight: 500;
  text-decoration: none !important;
  border-radius: 6px;
  padding: 10px 18px;
  margin-right: 8px;
  transition: background-color 0.25s ease, transform 0.2s ease;
}

.navbar-nav .nav-link:hover {
  background-color: #FFB84D !important;
  color: #000 !important;
  transform: scale(1.05);
}

.navbar-nav .nav-link.active {
  background-color: #FF9900 !important;
  color: #000 !important;
  font-weight: 600;
  transform: scale(1.05);
}

/* --- Icone utente --- */
.user-icon {
  font-size: 1.1rem;
  margin-right: 6px;
}

/* --- Pulsanti --- */
.btn-primary {
  background-color: #FF9900 !important;
  border: none;
  color: #000;
  font-weight: 600;
}
.btn-primary:hover {
  background-color: #e68a00 !important;
  transform: scale(1.05);
}

.btn-outline-primary {
  border-color: #FF9900;
  color: #FF9900;
}
.btn-outline-primary:hover {
  background-color: #FF9900;
  color: #000;
}

/* --- Tabelle --- */
.table thead {
  background-color: #232F3E;
  color: white;
}
.table-hover tbody tr:hover {
  background-color: #FFEBCD;
}

/* --- Card & Form --- */
.card {
  border: none;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.form-control {
  border: 2px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.form-control:focus {
  border-color: #FF9900;
  box-shadow: 0 0 0 0.2rem rgba(255,153,0,0.25);
}

/* --- Footer --- */
footer {
  background-color: #232F3E;
  color: #fff;
  text-align: center;
  padding: 1rem;
  margin-top: 3rem;
  font-size: 0.9rem;
}

/* --- Dark Mode --- */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #131A22;
    color: #EAEDED;
  }
  .navbar {
    background-color: #0F1111 !important;
  }
  .navbar-brand {
    color: #FF9900 !important;
  }
  .card {
    background-color: #1E242C;
    color: #EAEDED;
  }
  .table thead {
    background-color: #232F3E;
  }
}