/* Стилизация для input type="file" */
 .form-control[type="file"]::file-selector-button {
    margin-right: 15px; /* Увеличиваем отступ справа от кнопки */
    padding: 0 20px; /* Добавляем отступы внутри кнопки */
  }
  
  /* Для современных браузеров */
  .form-control[type="file"]::-webkit-file-upload-button {
    margin-right: 15px;
    padding: 0 20px;
  }

  .input-group.is-focused .form-control {
    background-image: linear-gradient(0deg, #f69459 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0) !important;
}
.input-group.is-focused label {
    color: #f69459 !important;
}
.input-group.input-group-dynamic .form-control, .input-group.input-group-dynamic .form-control:focus, .input-group.input-group-static .form-control, .input-group.input-group-static .form-control:focus {
    background-image: none;
}

/* Стили для выпадающего меню категорий */
.dropdown-menu-categories {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    border-radius: 8px;
    padding: 10px 0;
}

.dropdown-menu-categories .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -10px;
    background-color: white;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 8px;
    padding: 10px 0;
}

.dropdown-menu-categories .submenu-item {
    display: none;
    position: absolute;
    left: 100%;
    top: -10px;
    background-color: white;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 8px;
    padding: 10px 0;
}

.nav-item-catalog:hover .dropdown-menu-categories {
    display: block;
}

.dropdown-item-category:hover .submenu {
    display: block;
}

.dropdown-item-category {
    position: relative;
    padding: 8px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dropdown-item-category-2 {
    position: relative;
    padding: 8px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dropdown-item-category-2:hover .submenu-item {
    display: block;
}

.dropdown-item-category:hover {
    background-color: #f8f9fa;
}

.nav-item-catalog {
    position: relative;
}

.nav-link-catalog {
    cursor: pointer;
}
.bg-gray-200 {
    background-color: #b9b9b9 !important;
} 

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    background-color: #f69459 !important;
    border-color: #f69459 !important;
    
}

.main-background {
    background-color: #d9d9d9 !important;
}

.secondary-background {
    color: white !important;
    background: #b9b9b9 !important;
}

.main-color {
    color: white !important;
}

.main-btn-active, .btn-primary {
    border-color: #f69459 !important;
    color: white !important;
    transition: .3 all ease;
    background-color: #f69459 !important;
}

.main-btn, .btn-outline-primary {
    border-color: #f69459 !important;
    color: white !important;
    transition: .3 all ease;
}
.main-btn:hover, .btn-outline-primary:hover {
    background-color: #f69459 !important;
}

.main-icon {
    background-color: #f69459 !important;
}

.bg-primary {
    background-color: #f69459 !important;
    border-color: #f69459 !important;

}

.btn-another-primary {
    border-color: #f69459 !important;
    color: #f69459 !important;
    border: 1px solid !important;
}
.alert-warning {
    color:  white !important;
    background-color: #f69459 !important;
    border-color: #f69459 !important;
}

.secondary-color {
    color: #737373 !important;
}

.primary-text-color {
    color: #f69459 !important;
    
}

.an-color {
    color: black !important;
}

.input-group .catalog-search-input {
    height: 36px;
    box-shadow: 0 2px 2px 0 rgb(183 183 183 / 10%), 0 3px 1px -2px rgb(223 223 223 / 18%), 0 1px 5px 0 rgb(201 201 201 / 15%);
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}