/* ============================================================
   digisoov — фирменная палитра (brand override)
   Грузится последним через head.tpl {assetExists file="custom.css"}.
   Перекрывает переменные темы Hostie, не трогая theme.min.css.
   Палитра: Deep Blue #1C5899 · Sky Blue #5EB9E9 · Ink #12233A
   ============================================================ */

:root {
  --color-primary:    #1C5899;  /* основной синий — кнопки, ссылки, акценты */
  --blue:             #1C5899;
  --color-secondary:  #12233A;  /* тёмный — заголовки и текст */
  --color-third:      #5EB9E9;  /* голубой акцент */
  --color-fourth:     #AFC2D6;  /* светло-голубой тон */

  --primary-gradient: linear-gradient(180deg, #2E7CC4 0%, #1C5899 100%);
  --banner-one-bg:    linear-gradient(180deg, #2E7CC4 0%, #0E2A52 100%);
}

/* Главная кнопка: на hover оставляем белый текст на более тёмном синем */
.primary__btn:hover,
#btnDomainSearch:hover {
  background: #14467A;
  color: #fff;
}

/* Hero: оверлей поверх фоновой картинки — в фирменный синий */
.rts-hero__one::before {
  background: linear-gradient(90deg, #1C5899 26.56%, rgba(14, 27, 42, 0.00) 83.83%);
}

/* Футер: кнопка рассылки (в теме был захардкожен #0774FF) */
form.newsletter button {
  background: #1C5899;
}

/* Футер «Our Services»: подчёркивание по ширине текста,
   без хвоста от pr-4 (правый отступ в вертикальном списке не нужен) */
footer .footer-nav li a {
  padding-right: 0 !important;
}

/* Футер: блок реквизитов */
.footer-requisites {
  font-size: 13px;
  line-height: 1.55;
}
.footer-requisites .widget-title {
  margin-top: 10px;
  margin-bottom: 8px;
}
.footer-requisites p {
  margin-bottom: 6px;
}

/* Футер: скрываем блок «Способы оплаты» */
.footer-widget .widget-title.payment,
.footer-widget .payment__method {
  display: none !important;
}

/* ============================================================
   КЛИЕНТСКАЯ ЗОНА (залогиненная часть)
   ============================================================ */

/* Кнопки языка/валюты — прозрачные (было inline в header.tpl) */
.btn.primary__btn[data-target="#modalChooseLanguage"],
.btn.primary__btn[data-target="#modalChooseCurrency"] {
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  padding: 6px 12px !important;
  box-shadow: none !important;
}
.btn.primary__btn[data-target="#modalChooseLanguage"]:hover,
.btn.primary__btn[data-target="#modalChooseCurrency"]:hover {
  background: rgba(255, 255, 255, .1) !important;
  color: #fff !important;
}

/* Плитки дашборда — в фирменную палитру */
.tiles .tile {
  border-radius: 14px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.tiles .tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(28, 88, 153, .14);
}
.tiles .tile .highlight.bg-color-blue  { background: #1C5899 !important; }
.tiles .tile .highlight.bg-color-green { background: #1D9E75 !important; }
.tiles .tile .highlight.bg-color-red   { background: #5EB9E9 !important; }
.tiles .tile .highlight.bg-color-gold  { background: #F59E0B !important; }

/* Карточки кабинета */
.client-home-cards .card {
  border: 1px solid #E3EAF2;
  border-radius: 14px;
}
.client-home-cards .card-header {
  background: #F4F8FC;
  border-bottom: 1px solid #E3EAF2;
}
.client-home-cards .card-title {
  color: #12233A;
  font-size: 16px;
}

/* ============================================================
   Логотип в шапке — оставляем фирменный градиент (как в футере)
   Чтобы он не сливался с hero — тёмно-синяя шторка сверху
   (те же условия, что в футере — градиент читается)
   ============================================================ */
.header.transparent-header {
  background: linear-gradient(180deg, rgba(10, 31, 74, 0.92) 0%, rgba(10, 31, 74, 0.45) 55%, rgba(10, 31, 74, 0) 100%) !important;
}

/* ============================================================
   Верхнее меню — используем РОДНОЕ подчёркивание темы
   (header .navbar-nav li > a:before) — перекрашиваем белое → sky-blue.
   Применяется ко всем пунктам: и текстовым, и иконкам справа.
   ============================================================ */
.header .navbar-nav li > a:before {
  background: #5EB9E9 !important;
}
.header .navbar-nav .nav-link.p-0:hover span {
  color: #5EB9E9 !important;
}
/* Левое меню: текст голубеет на hover (через !important — перебиваем инлайн color:#fff) */
.header .navbar-nav .nav-link:not(.p-0):hover {
  color: #5EB9E9 !important;
}

/* ============================================================
   Главная — блок «Что можно заказать»
   ============================================================ */
.orderServicesSec .order-card {
  border: 1px solid var(--border-color);
  border-radius: 12px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.orderServicesSec .order-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(28, 88, 153, .12);
}
.orderServicesSec .order-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #E8F1FA;
  color: #1C5899;
  font-size: 26px;
  margin-bottom: 6px;
}
.orderServicesSec .order-card .card-title {
  color: #12233A;
  font-weight: 600;
}
.orderServicesSec .order-card p {
  font-size: .95rem;
}
/* Карточки «скоро» — приглушённые, без активной кнопки */
.orderServicesSec .order-card--soon {
  opacity: .8;
}
.orderServicesSec .order-card--soon .order-card__icon {
  background: #EEF2F6;
  color: #6B7A8D;
}
.orderServicesSec .order-card__soon {
  display: inline-block;
  margin-top: auto;
  background: #E8F1FA;
  color: #1C5899;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 16px;
  border-radius: 20px;
}

/* ============================================================
   Тарифы хостинга — карточки Mini / Midi / Maxi
   ============================================================ */
.plan-card {
  background: #fff;
  border: 1px solid #E3EAF2;
  border-radius: 16px;
  padding: 28px 24px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}
.plan-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(28, 88, 153, .14);
}
.plan-card--popular {
  border: 2px solid #1C5899;
  box-shadow: 0 14px 34px rgba(28, 88, 153, .14);
}
.plan-card__badge {
  align-self: flex-start;
  background: #E8F1FA;
  color: #1C5899;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 20px;
  margin-bottom: 12px;
}
.plan-card__name {
  font-size: 20px;
  font-weight: 600;
  color: #12233A;
  margin: 0 0 8px;
}
.plan-card__price {
  font-size: 34px;
  font-weight: 700;
  color: #1C5899;
  line-height: 1;
  margin-bottom: 4px;
}
.plan-card__price small {
  font-size: 15px;
  font-weight: 500;
  color: #6B7A8D;
}
.plan-card__features {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
}
.plan-card__features li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #34465C;
  padding: 7px 0;
  border-bottom: 1px solid #F0F4F8;
}
.plan-card__features li i {
  color: #1D9E75;
  margin-top: 3px;
  flex-shrink: 0;
}
.plan-card__features b {
  color: #12233A;
}
.plan-card .primary__btn {
  margin-top: auto;
}