/* General Reset pentru overflow */
body, html {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Previne scroll-ul orizontal */
}

body {
    background: #f8f8f8 !important;
}

/* Butoane */
.btn {
  color: #ffffff; 
  background-color: #f58620;
  border-color: #f58620; 
}

.btn:hover {
  background-color: #d9731a; /* O nuanță mai închisă pentru hover */
  border-color: #d9731a;
  color: #ffffff;
}

.orange {
  color: #f58620; 
}

.gri {
   color: #4f5057;
}

.titlu {
 color: #4f5057;
}

.logo-header {
  max-width: 200px;
}

/* Fix pentru imagini */
img {
  max-width: 100%; /* Se adaptează la container */
  height: auto;    /* Menține proporțiile */
}

/* Fix pentru iframe-uri */
iframe {
  max-width: 100%;
}

/* Container fixat pentru întreaga pagină */
.container {
  max-width: 1100px; /* Mai puțin lat pe desktop */
  margin: 0 auto;
}

/* Corecție pentru eroarea de overflow */
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Ajustări pentru secțiunea Hero */
#hero {
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  padding: 20px; /* Padding pe mobil */
}

#hero img {
  max-width: 200px; /* Logo mai mic pe mobil */
  padding: 10px; /* Padding extra */
}

/* Fix general pentru secțiuni care ar putea genera spațiu */
section {
  padding-left: 15px;
  padding-right: 15px;
}

/* Asigurare că header-ul este responsive */
header nav {
  width: 100%;
  box-sizing: border-box;
}

.navbar-toggler {
  padding: 0.25rem 0.5rem; /* Spațiere mai bună pe mobil */
  margin-left: 10px; /* Mutat mai la stânga */
  margin-right: 15px; /* Spațiu în dreapta */
  font-size: 1rem; /* Mai mic */
}

.navbar-collapse {
  padding-left: 15px; /* Spațiu la stânga pentru meniuri */
  padding-right: 15px; /* Spațiu la dreapta pentru meniuri */
}

.navbar-brand img {
  padding: 5px; /* Spațiere pentru logo pe mobil */
}

/* Fix pentru margin/padding pe link-uri și butoane */
a,
button {
  white-space: nowrap; /* Evită spargerea pe linii noi */
}

/* Butoane și link-uri responsive */
.btn, .nav-link {
  font-size: 1rem; /* Scalabilitate pentru mobile */
}

/* Social Media Icons */
.bi {
  font-size: 1.5rem;
}

.mt-4 a {
  text-decoration: none;
}

/* Fix pentru secțiunea parteneri */
#parteneri .row {
  display: flex;
  justify-content: center; /* Centrează pe orizontală */
  gap: 30px; /* Spațiu între logo-uri */
  flex-wrap: wrap; /* Evită suprapunerea */
}

#parteneri img {
  max-width: 120px; /* Dimensiune uniformă */
  height: auto;
}

@media (max-width: 768px) {
  #parteneri .row {
    flex-direction: column; /* Unul sub altul pe mobil */
    align-items: center;
  }

  #parteneri img {
    max-width: 100px; /* Mai mare pe mobil pentru lizibilitate */
    margin-bottom: 15px; /* Spațiere între logo-uri */
  }
}

/* Carduri fără border exterior */
.card {
  border: none; /* Elimină border-ul gri de pe carduri */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adaugă un efect subtil de umbră */
}

/* Border interior doar pentru tabelul de valori nutriționale */
.card .table {
  border: 1px solid #dee2e6; /* Păstrează border-ul tabelului */
}