/* Hero full-width, no stretch: imagine cover, aspect corect (4519x1105) */
.hero-wrapper {
    position: relative;
    min-height: 420px;
}

.hero-wrapper .hero-bg-picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
}

.hero-wrapper .hero-bg-mobile {
    display: none;
}

@media (max-width: 900px) {
    .hero-wrapper .hero-bg-desktop {
        display: none;
    }
    .hero-wrapper .hero-bg-mobile {
        display: block;
    }
}

@media (max-width: 768px) {
    .hero-wrapper {
      min-height: 420px; /* cât e hero + search */
    }
  }

.hero-wrapper .hero-bg-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.localities-container.show { display: block; padding-left: 15px; margin-top: 5px; }
.localities-container { display: none; }
.custom-dropdown { position: relative; display: inline-block; width: 100%; max-width: 300px; }
.dropdown-toggle { background-color: #fff; color: #333; padding: 12px; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center; }
.dropdown-content { display: none; position: absolute; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; width: 100%; max-height: 250px; overflow-y: auto; box-shadow: 0 4px 8px rgba(0,0,0,0.2); margin-top: 5px; z-index: 99999; }
.dropdown-content.show { display: block; }
.dropdown-item { color: #333; padding: 10px 16px; cursor: pointer; transition: background 0.3s; }
.dropdown-item:hover { background-color: #f5f5f5; }

/* FIX: Iconuri categorii dimensiune corecta */
.category-dropdown-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    object-fit: contain;
    vertical-align: middle;
}

/* FIX: Imagini furnizori în rezultate search dropdown - dimensiune corectă */
.supplier-search-image {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
    vertical-align: middle;
}

.county { font-weight: bold; display: flex; justify-content: space-between; align-items: center; }
.locality { display: none; padding-left: 20px; color: #666; }
.locality.show { display: block; }
.arrow { font-size: 12px; transition: transform 0.3s ease; }
.county:hover .arrow { transform: rotate(180deg); }
#categoryDropdown { position: relative; display: inline-block; width: 100%; max-width: 300px; }
#categoryDropdown .dropdown-toggle { background-color: #fff; color: #333; padding: 12px; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center; }
#categoryDropdown .dropdown-content { display: none; position: absolute; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; width: 100%; max-height: 250px; overflow-y: auto; box-shadow: 0 4px 8px rgba(0,0,0,0.2); margin-top: 5px; z-index: 99999; }
#categoryDropdown .dropdown-content.show { display: block; }
#categoryDropdown .dropdown-item { color: #333; padding: 10px 16px; cursor: pointer; transition: background 0.3s; }
#categoryDropdown .dropdown-item:hover { background-color: #f5f5f5; }
#zoneDropdown .dropdown-content { top: 50px; }