.search-inline__input.form-control {
   border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border: 1px solid #ccc;
  transition: border 0.3s ease;
}

.search-inline__input.form-control:focus {
  border-color: #a48566;
  outline: none;
  box-shadow: 0 0 0 0.15rem rgba(164, 133, 102, 0.25);
}

.search-inline__button.btn.btn-primary {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}





/////////////////////////


#header,
#header_wrapper,
.header__wrapper,
#header_menu_wrapper,
.header__menu-wrapper,
#header_menu_wide,
.header__menu-wide {
  background-color: #faf6ec !important;
}


.header__logo-image {
  width: auto;
  min-height: 90px;

  @media (max-width: 768px) {
    min-height: 60px;
      width: auto;
  }
}

.header__menu-list a {
  color: #47391c;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;

  // Stilizare la hover
  &:hover {
    color: #0c0a07 !important; // păstrăm culoarea la hover
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 4px 8px; // ca să nu taie colțurile rotunjite
  }
}

// Stil pentru linkurile din meniul principal
a.header__action--favorites {
  color: #47391c !important;
  background-color: transparent !important;
  font-weight: bold !important;
}

a.header__action--favorites:hover {
  background-color: #ffffff !important;
  color: #47391c !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
  border-radius: 8px !important;
}

a.header__action--favorites .header__action-icon svg {
  fill: #47391c !important;
}

a.header__action--user {
  color: #47391c !important;
  background-color: transparent !important;
  font-weight: bold !important;
}

a.header__action--user:hover {
  background-color: #ffffff !important;
  color: #47391c !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
  border-radius: 8px !important;
}

a.header__action--user .header__action-icon svg {
  fill: #47391c !important;
}

a.header__action--cart {
  color: #47391c !important;
  background-color: transparent !important;
  font-weight: bold !important;
}

a.header__action--cart:hover {
  background-color: #ffffff !important;
  color: #47391c !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
  border-radius: 8px !important;
}

a.header__action--cart .header__action-icon svg {
  fill: #47391c !important;
}
//////////animatie



/////////////modificari pana aici de header

/* Wrapper produs */
.product.product--grid {
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
  position: relative;
  overflow: visible; /* Important pentru afișare în afara cutiei */
}

/* Efect hover pe produs */
.product.product--grid:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
   border-radius: 12px;
}

/* Imagine produs */
.grid-image img {
  transition: transform 0.3s ease;
}
.product.product--grid:hover .grid-image img {
  transform: scale(1.05);
}

/* Buton Add to cart */
.product__add-to-cart {
  border-radius: 24px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  padding: 0.5em 0.3em;
  font-weight: 600;
  background-color: #faf6ec;
  color: #3e2e15;
  cursor: pointer;
   border: 2px solid #a48566;

    opacity: 1 !important;
    transform: translateX(0) translateY(0) !important;
    position: static !important;
    margin-top: 0.5rem;
    width: 100%;
  z-index: 10; /* IMPORTANT - apare peste orice */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* La hover - afișăm butonul */
.product.product--grid:hover .product__add-to-cart {
  opacity: 1 !important;
    transform: translateX(0) translateY(0) !important;
}

.product__add-to-cart:hover {
  background-color: white;
  color: #3e2e15;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px rgba(60, 64, 67, 0.15);
}

@media (max-width: 768px) {
  .product__add-to-cart {
    opacity: 1 !important;
    transform: translateX(0) translateY(0) !important;
    position: static !important;
    margin-top: 0.5rem;
    width: 100%; /* Ocupă toată lățimea produsului, dacă vrei */
    border: none;
  }

  .product.product--grid:hover .product__add-to-cart {
    /* anulăm hover pe mobil */
    opacity: 1 !important;
    transform: translateX(0) translateY(0) !important;
  }
}



////////////////aici lateelfon