/* Icons Component Styles */

/* Базовый стиль для всех иконок */
span.fa-solid {
  margin-right: 8px !important;
  vertical-align: middle;
}

/* Иконки в информационных блоках (карточки, таблицы) */
.text-sm-left span.fa-solid, 
.info-item span.fa-solid,
strong span.fa-solid {
  margin-right: 10px !important;
  color: #4a90e2;
}

/* Иконки в кнопках и ссылках */
button span.fa-solid, 
.btn span.fa-solid, 
a.btn span.fa-solid, 
.dropdown-item span.fa-solid {
  margin-right: 5px !important;
}

/* Иконки без отступов */
.no-margin span.fa-solid,
.task-menu span.fa-solid,
.payment-menu span.fa-solid,
.navbar-toggler span.fa-solid,
.close span.fa-solid,
button.icon-only span.fa-solid,
.icon-only span.fa-solid {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  span.fa-solid {
    margin-right: 6px !important;
  }
  
  .text-sm-left span.fa-solid,
  strong span.fa-solid {
    margin-right: 8px !important;
  }
  
  button span.fa-solid, 
  .btn span.fa-solid {
    margin-right: 4px !important;
  }
}

/* Base Icon Styles - стандартный отступ для всех иконок */
.fa-regular,
.fa-brands {
  vertical-align: -0.125em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-right: 8px !important;
}

/* Иконки в информационных разделах - больший отступ и синий цвет */
.text-sm-left strong .fa-solid,
.info-item strong .fa-solid, 
.card-body strong .fa-solid {
  margin-right: 10px !important;
  color: #4a90e2 !important;
}

#information-content .fa-solid.text-danger {
  color: #dc3545 !important;
}

#information-content .fa-solid.text-success {
  color: #28a745 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.text-success {
  color: #28a745 !important;
}


/* Иконки в кнопках/ссылках - уменьшенный отступ */
.btn .fa-regular, 
.btn .fa-brands,
.dropdown-item .fa-solid,
.nav-link .fa-solid {
  margin-right: 5px !important;
}

/* Icon Sizes */
.icon-sm { font-size: 0.875em; }
.icon-md { font-size: 1em; }
.icon-lg { font-size: 1.25em; }
.icon-xl { font-size: 1.5em; }

/* Icons with Animation */
.fa-spin {
  animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Общее правило для всех иконок в кнопках */
button .fa-regular,
button .fa-brands,
.btn .fa-regular,
.btn .fa-brands {
  margin: 0;
  padding: 0;
}

/* Кнопки с иконками по центру - переопределение */
button.client-phone-button .fa-solid,
button.toggle_phones .fa-solid,
button.icon-only .fa-solid,
.btn-icon .fa-solid,
.btn-sm .fa-solid,
.btn-primary .fa-solid,
.btn-secondary .fa-solid,
.btn-outline-primary .fa-solid,
.btn-outline-danger .fa-solid {
  margin: 0;
  padding: 0;
  position: static;
}

/* Устранение конфликта с компонентом Button */
.btn i,
.btn .fa-regular,
.btn .fa-brands {
  margin: 0 !important;
  padding: 0 !important;
}

/* Иконки в кнопках без текста или небольших кнопках */
.btn-circle .fa-regular,
.btn-circle .fa-brands,
.btn-sm.icon-only .fa-regular,
.btn-sm.icon-only .fa-brands,
.no-margin-icon .fa-regular,
.no-margin-icon .fa-brands {
  margin-right: 0;
}

/* Special Icon Styling */
.navbar .fa-solid,
.nav-item .fa-solid {
  margin-right: 0.35rem;
}

/* Button Icons */
.btn-sm .fa-regular,
.btn-sm .fa-brands {
  margin-right: 0;
  margin-left: 0;
  font-size: 0.9em;
}

/* Icons Without Margin */
.btn-icon .fa-regular,
.btn-icon .fa-brands,
.icon-only .fa-regular,
.icon-only .fa-brands,
.close .fa-regular,
.close .fa-brands,
.no-margin-icon .fa-regular,
.no-margin-icon .fa-brands {
  margin-right: 0;
}

/* DataTable Icons */
.datatable-icon .fa-solid {
  font-size: 1em;
  margin-right: 0.25rem;
}

/* Стили для иконок */

/* Иконки в информационных блоках */
.text-sm-left .fa-regular,
.text-sm-left .fa-brands,
.info-item .fa-regular,
.info-item .fa-brands,
span.fa-regular.text-primary,
span.fa-brands.text-primary {
  margin-right: 10px !important;
  color: #4a90e2 !important;
}

/* Иконки без отступов */
.no-margin .fa-regular,
.no-margin .fa-brands,
.task-menu .fa-regular,
.task-menu .fa-brands,
.payment-menu .fa-regular,
.payment-menu .fa-brands,
button.icon-only .fa-regular,
button.icon-only .fa-brands,
.navbar-toggler .fa-regular,
.navbar-toggler .fa-brands,
.close .fa-regular,
.close .fa-brands,
.toggle_phones .fa-regular,
.toggle_phones .fa-brands,
button.btn-circle .fa-regular,
button.btn-circle .fa-brands,
.filter-icon .fa-regular,
.filter-icon .fa-brands {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Улучшения для иконок на мобильных устройствах */
@media (max-width: 768px) {
  .fa-regular,
  .fa-brands {
    margin-right: 6px;
  }
  
  button .fa-regular,
  button .fa-brands,
  a .fa-regular,
  a .fa-brands,
  .btn .fa-regular,
  .btn .fa-brands {
    margin-right: 4px;
  }
}