/* ============================
   IT EXPERT Red Theme
   ============================ */

/* Main navigation */
#menu.navbar.bg-primary {
  background-color: #2b2b2b !important;
  background-image: none !important;
}
#menu .navbar-nav > li > a {
  color: #ffffff !important;
}
#menu .navbar-nav > li > a:hover {
  background-color: #d32f2f !important;
  color: #ffffff !important;
}

/* Buttons */
.btn-primary {
  background-color: #d32f2f !important;
  border-color: #b71c1c !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: #b71c1c !important;
  border-color: #8e0000 !important;
}
.btn-outline-primary {
  color: #d32f2f !important;
  border-color: #d32f2f !important;
}
.btn-outline-primary:hover {
  background-color: #d32f2f !important;
  color: #fff !important;
}

/* Footer */
footer {
  background-color: #1e1e1e !important;
  color: #bdbdbd !important;
}
footer a {
  color: #ffffff !important; /* изменено с красного на белый */
}
footer a:hover {
  color: #d32f2f !important; /* изменено на красный при наведении */
}

/* Links */
a {
  color: #d32f2f !important;
}
a:hover {
  color: #8e0000 !important;
}

/* Breadcrumb and accents */
.breadcrumb {
  background-color: #f5f5f5 !important;
  border-color: #ddd !important;
}
.breadcrumb a {
  color: #d32f2f !important;
}

/* Product titles */
.product-thumb h4 a:hover {
  color: #d32f2f !important;
}

/* Category titles */
h1, h2, h3, h4, h5, h6 {
  color: #2b2b2b;
}
/* Dropdown menu styling for IT Expert */
#menu .dropdown-menu {
  background-color: #2b2b2b !important; /* фон подменю */
  border: none !important;
}

#menu .dropdown-inner a {
  color: #ffffff !important; /* цвет текста */
  background: transparent !important;
}

#menu .dropdown-inner a:hover,
#menu .dropdown-menu a:hover,
#menu .see-all:hover {
  background-color: #d32f2f !important; /* красный при наведении */
  color: #ffffff !important;
}
/* "Посмотреть все" — фирменные цвета IT Expert */
#menu .see-all,
#menu .see-all:hover,
#menu .see-all:focus {
  background-color: #2b2b2b !important; /* фон подменю */
  background-image: none !important;
  color: #ffffff !important;
  border-top: 1px solid #444 !important;
}

#menu .see-all:hover {
  background-color: #d32f2f !important; /* красный при наведении */
  color: #ffffff !important;
}
/* Левая колонка: активная категория */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #2b2b2b !important; /* графитовый фон */
  border-color: #2b2b2b !important;
  color: #ffffff !important;
}

/* При наведении на другие категории */
.list-group-item:hover {
  background-color: #d32f2f !important; /* красный */
  color: #ffffff !important;
}
/* ==========================
   Хлебные крошки IT Expert
   ========================== */

/* Общий фон и рамка */
.breadcrumb {
  background-color: #2b2b2b !important; /* графитовый фон */
  border: none !important;
  border-radius: 4px;
  padding: 8px 15px;
}

/* Ссылки внутри */
.breadcrumb a {
  color: #ffffff !important; /* белый текст */
  text-decoration: none !important;
}

/* Цвет текста для активного (последнего) элемента */
.breadcrumb .breadcrumb-item.active {
  color: #d32f2f !important; /* красный, как логотип */
}

/* Поведение при наведении */
.breadcrumb a:hover {
  color: #d32f2f !important; /* красный при наведении */
}

/* Иконки, если используются (например, домик) */
.breadcrumb i {
  color: #d32f2f !important;
}
/* ==========================
   Убираем белую тень в хлебных крошках
   ========================== */

.breadcrumb,
.breadcrumb a,
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item.active,
.breadcrumb i {
  text-shadow: none !important;
}

/* Корректируем цвета заново */
.breadcrumb {
  background-color: #2b2b2b !important;
  border: none !important;
}

.breadcrumb a {
  color: #ffffff !important;
}

.breadcrumb a:hover {
  color: #d32f2f !important;
}

.breadcrumb .breadcrumb-item.active {
  color: #d32f2f !important;
}

.breadcrumb i {
  color: #d32f2f !important;
}
/* ==========================
   Названия товаров IT Expert
   ========================== */

.product-thumb h4 a,
.product-list h4 a,
.product-grid h4 a,
.product-thumb .caption h4 a {
  color: #2b2b2b !important;  /* графитовый текст */
  text-decoration: none !important;
}

.product-thumb h4 a:hover,
.product-list h4 a:hover,
.product-grid h4 a:hover,
.product-thumb .caption h4 a:hover {
  color: #d32f2f !important;  /* красный при наведении */
  text-decoration: none !important;
}
/* ==========================
   Кнопки "Купить" и "Сравнение" IT Expert — фикс перекрытия Bootstrap
   ========================== */

/* Кнопка "Купить" */
.btn.btn-primary,
button#button-cart,
.product-thumb .btn.btn-primary {
  background-color: #d32f2f !important;  /* фирменный красный */
  border-color: #b71c1c !important;
  color: #ffffff !important;
  text-transform: uppercase;
  font-weight: bold;
  background-image: none !important;
}

.btn.btn-primary:hover,
button#button-cart:hover,
.product-thumb .btn.btn-primary:hover {
  background-color: #b71c1c !important;  /* чуть темнее при наведении */
  border-color: #8e0000 !important;
}

/* Кнопки "Сравнение" и "Избранное" */
.btn.btn-light,
.product-thumb .btn.btn-light {
  background-color: #2b2b2b !important;  /* графит */
  border: none !important;
  color: #ffffff !important;
  background-image: none !important;
}

.btn.btn-light:hover,
.product-thumb .btn.btn-light:hover {
  background-color: #d32f2f !important;  /* красный при наведении */
  color: #ffffff !important;
}
/* ==========================
   Всплывающее окно корзины IT Expert
   ========================== */

/* Общий фон и цвет текста */
#header-cart .dropdown-menu {
  background-color: #2b2b2b !important;  /* графит */
  border: none !important;
  color: #ffffff !important;
}

/* Названия товаров в мини-корзине */
#header-cart .dropdown-menu a,
#header-cart .dropdown-menu a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Ссылки "Перейти в корзину" и "Оформить заказ" */
#header-cart .dropdown-menu .btn,
#header-cart .dropdown-menu .btn:hover {
  background-color: #d32f2f !important;  /* фирменный красный */
  border: none !important;
  color: #ffffff !important;
  text-transform: uppercase;
  font-weight: bold;
}

/* Наведение на ссылки в списке товаров */
#header-cart .dropdown-menu li a:hover {
  background-color: #d32f2f !important;
  color: #ffffff !important;
}

/* Убираем белые тени и светлые рамки */
#header-cart .dropdown-menu a,
#header-cart .dropdown-menu .btn {
  text-shadow: none !important;
  box-shadow: none !important;
}
/* ==========================
   Всплывающая корзина — читаемый текст и цены
   ========================== */

/* Общие стили текста внутри корзины */
#header-cart .dropdown-menu,
#header-cart .dropdown-menu li,
#header-cart .dropdown-menu span,
#header-cart .dropdown-menu strong {
  color: #ffffff !important;
}

/* Названия товаров */
#header-cart .dropdown-menu .text-start a {
  color: #ffffff !important;
  text-decoration: none !important;
}
#header-cart .dropdown-menu .text-start a:hover {
  color: #d32f2f !important;
}

/* Цена и количество */
#header-cart .dropdown-menu .text-end,
#header-cart .dropdown-menu .text-end span,
#header-cart .dropdown-menu .text-end strong {
  color: #ffffff !important;
}

/* Итого и сумма */
#header-cart .dropdown-menu .table tr td,
#header-cart .dropdown-menu .table tr th {
  color: #ffffff !important;
  border-color: #444 !important;
}

/* Кнопки внизу */
#header-cart .dropdown-menu .btn,
#header-cart .dropdown-menu .btn:hover {
  background-color: #d32f2f !important;
  color: #ffffff !important;
  border: none !important;
  text-transform: uppercase;
  font-weight: bold;
}

/* Убираем тени и фоновые артефакты */
#header-cart .dropdown-menu,
#header-cart .dropdown-menu * {
  text-shadow: none !important;
  background-image: none !important;
}
/* Верхняя панель — вариант 1 */
#top {
  background-color: #1e1e1e !important;  /* глубокий графит */
  border-bottom: 2px solid #d32f2f !important; /* красная полоса */
  color: #ffffff !important;
  padding: 8px 0;
}

#top a, #top .btn-link {
  color: #ffffff !important;
  text-shadow: none !important;
}
#top a:hover, #top .btn-link:hover {
  color: #d32f2f !important;
}
/* ==========================
   Телефон и контакты в верхней панели IT Expert
   ========================== */

/* Общие цвета и убираем тени */
#top,
#top .container,
#top .list-inline,
#top .list-inline-item,
#top span,
#top a,
#top i {
  color: #ffffff !important;
  text-shadow: none !important;
}

/* Телефон (если обёрнут в .contact или span) */
#top .contact,
#top .contact span,
#top .contact a {
  color: #ffffff !important;
  font-weight: 600;
  font-size: 15px;
  text-shadow: none !important;
}

/* Иконки телефона / почты */
#top .fa-phone,
#top .fa-envelope {
  color: #d32f2f !important; /* фирменный красный */
}

/* Наведение на ссылки */
#top a:hover {
  color: #d32f2f !important;
  text-decoration: none !important;
}

/* Убираем любые фоновые артефакты */
#top * {
  background-image: none !important;
}
/* ==========================
   Выпадающее меню "Личный кабинет" IT Expert
   ========================== */

/* Фон и текст */
#top .dropdown-menu {
  background-color: #2b2b2b !important;  /* графитовый фон */
  border: 1px solid #444 !important;
}

#top .dropdown-menu a,
#top .dropdown-menu .dropdown-item {
  color: #ffffff !important;  /* белый текст */
  text-shadow: none !important;
  background-color: transparent !important;
}

/* Наведение */
#top .dropdown-menu a:hover,
#top .dropdown-menu .dropdown-item:hover {
  background-color: #d32f2f !important;  /* красный фон при наведении */
  color: #ffffff !important;
}

/* Убираем белые фоны Bootstrap */
#top .dropdown-menu::before,
#top .dropdown-menu::after {
  display: none !important;
}

/* Убираем внутренние отступы, если они есть */
#top .dropdown-menu {
  padding: 0 !important;
}
/* ==========================
   Исправление синего цвета в мобильном меню IT Expert
   ========================== */

/* Кнопка "Категории" */
#category {
  background-color: #2b2b2b !important;
  color: #ffffff !important;
  border: 1px solid #444 !important;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  border-radius: 4px;
  padding: 8px 12px;
}

#category:hover,
#category:focus,
#category:active {
  background-color: #d32f2f !important;
  color: #ffffff !important;
  border-color: #b71c1c !important;
}

/* Кнопка бургер (три полоски) */
.navbar-toggler {
  background-color: #2b2b2b !important; /* графитовый фон */
  border: 1px solid #444 !important;
  color: #ffffff !important;
  border-radius: 4px;
}

/* При наведении */
.navbar-toggler:hover,
.navbar-toggler:focus {
  background-color: #d32f2f !important;
  border-color: #b71c1c !important;
}

/* Иконка внутри кнопки */
.navbar-toggler i,
.navbar-toggler .fa-bars {
  color: #ffffff !important;
}

/* Убираем тени и градиенты Bootstrap */
.navbar-toggler,
#category {
  text-shadow: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Для nav.bg-primary в мобильном состоянии */
.navbar-light.bg-primary,
.navbar.bg-primary,
#menu.navbar.bg-primary {
  background-color: #2b2b2b !important;
  background-image: none !important;
  border: none !important;
}
/* ==========================
   Корректный размер логотипа IT Expert
   ========================== */

#logo img {
  height: auto !important;
  width: auto !important;
  max-height: 80px !important;   /* ограничение по высоте */
  max-width: 100% !important;    /* чтобы не вылезал за контейнер */
  object-fit: contain !important; /* сохраняет пропорции */
}

/* Центрирование логотипа по вертикали */
header #logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
/* ==========================
   Центрирование логотипа, поиска и корзины IT Expert
   ========================== */

header .row {
  display: flex !important;
  align-items: center !important; /* выравнивание по вертикали */
  justify-content: space-between !important; /* равномерно по горизонтали */
  flex-wrap: nowrap !important;
}

#logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

#search {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#header-cart {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* Для мобильных устройств — перенос */
@media (max-width: 768px) {
  header .row {
    flex-wrap: wrap !important;
  }

  #logo,
  #search,
  #header-cart {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 10px;
  }
}





/* ==========================
   Выравнивание кнопки корзины и поиска по высоте
   ========================== */

/* Контейнер поиска */
#search .input-group {
  height: 100% !important;
  display: flex !important;
  align-items: stretch !important;
}

/* Поле ввода поиска */
#search .form-control {
  height: 100% !important;
  min-height: 45px !important;
  border: 1px solid #444 !important;
  border-right: none !important;
}

/* Кнопка поиска */
#search .btn {
  height: 100% !important;
  min-height: 45px !important;
  background-color: #d32f2f !important;
  border-color: #b71c1c !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#search .btn:hover {
  background-color: #b71c1c !important;
  border-color: #8e0000 !important;
}

/* Кнопка корзины */
#header-cart .btn {
  height: 45px !important;
  min-height: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #2b2b2b !important;
  border: 1px solid #444 !important;
  color: #ffffff !important;
  padding: 0 20px !important;
}

#header-cart .btn:hover {
  background-color: #d32f2f !important;
  border-color: #b71c1c !important;
}

/* Обертка для выравнивания */
header .row > div {
  display: flex !important;
  align-items: center !important;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
  #search .form-control,
  #search .btn,
  #header-cart .btn {
    min-height: 40px !important;
    height: 40px !important;
  }
  
  #search,
  #header-cart {
    margin-bottom: 15px !important;
  }
}

/* ==========================
   Агрессивное выравнивание кнопки корзины
   ========================== */

/* Или альтернативный вариант - поднять всю корзину */
#header-cart {
  margin-top: -8px !important;
}
























/* ==========================
   Система шрифтов IT Expert
   ========================== */

/* Основной шрифт для всего сайта */
body, 
html, 
* {
  font-family: 'Montserrat', 'Exo 2', 'Ubuntu', sans-serif !important;
  font-weight: 600;
  line-height: 1.5;
}

/* Заголовки - более жирные */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600 !important;
  letter-spacing: -0.02em;
}

/* Навигация и кнопки */
.navbar-nav > li > a,
.btn {
  font-weight: 500 !important;
  letter-spacing: 0.01em;
}

/* Важные элементы */
.product-thumb h4,
.product-grid h4,
.product-list h4 {
  font-weight: 500 !important;
}

/* Цены и акции */
.price,
.price-new {
  font-weight: 600 !important;
}

/* КРИТИЧЕСКО ВАЖНО: Сохраняем иконки Font Awesome */
#top i,
#header-cart i,
.navbar-toggler i,
.fa,
.fas,
.far,
.fab,
[class*="fa-"] {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
}

/* Специфические иконки */
.fa-phone:before,
.fa-envelope:before,
.fa-shopping-cart:before,
.fa-bars:before,
.fa-user:before,
.fa-search:before {
  font-family: 'Font Awesome 5 Free' !important;
}

/* Телефон в верхней панели - выделяем */
#top .contact,
#top .contact span {
  font-weight: 500 !important;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
  
  h1, h2, h3 {
    font-weight: 600 !important;
  }
}