/*
Theme Name: loginet child
Tags:  custom-menu, editor-style, featured-images
Template: loginet
Version: 1.0.0
*/


@import '../loginet/style.css'; 



/*---------------------------------
      write your css from here
------------------------------------*/

/*---------------------------------
  AK GROUP / EALS.PRO — дизайн-токены брендбука.
  Мастер-копия: docs/brand-tokens.css в репозитории проекта.
  В стилях используем только var(), HEX по месту не пишем.
------------------------------------*/

:root {
  --ak-black: #1A1A1A;
  --ak-white: #FFFFFF;

  --ak-red: #DF3333;
  --ak-red-hover: #C42B2B;

  --ak-graphite: #2B2B2B;
  --ak-gray: #8D8D8D;
  --ak-gray-light: #F2F2F2;

  --ak-shade-1: #5A5B5C;
  --ak-shade-2: #868686;
  --ak-shade-3: #A0A0A0;

  --ak-bg: var(--ak-black);
  --ak-bg-block: var(--ak-graphite);
  --ak-text: var(--ak-white);
  --ak-text-muted: var(--ak-shade-3);
  --ak-border: rgba(255, 255, 255, 0.12);
  --ak-cta-bg: var(--ak-red);
  --ak-cta-text: var(--ak-white);

  --ak-font: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ak-fw-bold: 700;
  --ak-fw-semibold: 600;
  --ak-fw-regular: 400;

  --ak-h1: clamp(2.25rem, 1.4rem + 3.4vw, 4rem);
  --ak-h2: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);
  --ak-h3: clamp(1.25rem, 1rem + 1vw, 1.75rem);
  --ak-body: 1rem;
  --ak-small: 0.875rem;

  --ak-lh-tight: 1.15;
  --ak-lh-base: 1.6;
  --ak-ls-caps: 0.08em;

  --ak-space-xs: 0.5rem;
  --ak-space-sm: 1rem;
  --ak-space-md: 2rem;
  --ak-space-lg: 4rem;
  --ak-space-xl: 6rem;
  --ak-section-y: clamp(3rem, 2rem + 5vw, 7.5rem);
  --ak-container: 1320px;
  --ak-gutter: clamp(1rem, 0.5rem + 2vw, 2rem);

  --ak-line: 1px;
  --ak-line-bold: 2px;
  --ak-radius: 0;

  --ak-transition: 180ms ease;
}

:root.ak-theme-light,
body.ak-theme-light {
  --ak-bg: var(--ak-white);
  --ak-bg-block: var(--ak-gray-light);
  --ak-text: var(--ak-black);
  --ak-text-muted: var(--ak-shade-1);
  --ak-border: rgba(26, 26, 26, 0.12);
}

.ak-no-decor,
.ak-no-decor * {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  background-image: none;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ak-transition: 0ms; }
}

/*---------------------------------
  AK: применение токенов к теме
  Брендбук: только Montserrat, прямоугольная геометрия, без теней и градиентов.
------------------------------------*/

body,
button,
input,
select,
textarea,
.elementor-widget-container,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--ak-font);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: var(--ak-fw-bold);
  line-height: var(--ak-lh-tight);
}

body {
  font-weight: var(--ak-fw-regular);
  line-height: var(--ak-lh-base);
}

/* Красный — только акцент: кнопки и активные состояния. */
.theme-btn,
.btn-one,
button[type="submit"],
input[type="submit"],
.wpcf7-submit {
  background-color: var(--ak-cta-bg);
  color: var(--ak-cta-text);
  border-radius: var(--ak-radius);
  border: none;
  transition: background-color var(--ak-transition);
}

.theme-btn:hover,
.btn-one:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wpcf7-submit:hover {
  background-color: var(--ak-red-hover);
  color: var(--ak-cta-text);
}

/* Брендбук запрещает скругления, тени и градиенты — гасим наследие темы. */
.theme-btn,
.btn-one,
.service-block-one .inner-box,
.news-block-one .inner-box,
.feature-block-one .inner-box {
  border-radius: var(--ak-radius);
  box-shadow: none;
}

/* AK: кнопка в шапке — тема красит её своим оранжевым и скругляет, брендбук против */
.donate-btn-header .dtbtn,
.donate-btn-header .dtbtn:hover,
a.dtbtn {
  background-color: var(--ak-cta-bg);
  color: var(--ak-cta-text);
  border-radius: var(--ak-radius);
  border: none;
  font-weight: var(--ak-fw-semibold);
  letter-spacing: var(--ak-ls-caps);
  text-transform: uppercase;
}

.donate-btn-header .dtbtn:hover,
a.dtbtn:hover {
  background-color: var(--ak-red-hover);
  color: var(--ak-cta-text);
}

/* Круглая кнопка бургер-меню рядом с CTA — тоже под брендбук */
.sidebar-menu-area .sidebar-menu,
.header-menu-bar .menu-bar,
.dtbtn + .sidebar .menu-bar {
  border-radius: var(--ak-radius);
  background-color: var(--ak-black);
}

/* Заголовок раздела в хлебных крошках: тема ставит свой тёмно-синий */
.breadcrumb-area h1,
.breadcrumb-area h2,
.breadcrumb-content h1,
.page-title,
.breadcrumb-title {
  color: var(--ak-black);
}

/* ---------------------------------------------------------------------------
 * AK: мобильная шапка
 * Тема пишет в мобильной панели своё название через ::before и красит её
 * оранжевым. Убираем надпись и приводим панель к брендбуку.
 * ------------------------------------------------------------------------- */

/* У темы селекторы вида .mean-container .mean-bar — специфичность выше, повторяем её */
.mean-container .mean-bar::before {
  content: "";
  display: none;
}

.mean-container .mean-bar {
  background-color: var(--ak-black);
  padding: 0;
  min-height: 56px;
}

.mean-container .mean-bar .meanmenu-reveal span {
  background-color: var(--ak-white);
}

.mean-container .mean-nav {
  background-color: var(--ak-black);
}

.mean-nav ul li a {
  color: var(--ak-white);
  border-top-color: var(--ak-border);
  font-weight: var(--ak-fw-semibold);
}

.mean-nav ul li a:hover,
.mean-nav ul li a.mean-expand:hover {
  background-color: var(--ak-red);
  color: var(--ak-white);
}

/* Логотип в мобильной шапке не должен растягиваться во всю ширину */
.mobile_menu_logo img {
  max-width: 210px;
  height: auto;
}

/* ---------------------------------------------------------------------------
 * AK: шапка и подвал под брендбук
 * Тема красит заголовки своим тёмно-синим (#0B4654) — в палитре его нет.
 * ------------------------------------------------------------------------- */

/* Заголовки колонок подвала — белые на тёмном фоне */
.footer-heading,
.footer-widget-area .widget h3,
.footer-widget-area .widget h4 {
  color: var(--ak-white);
  font-weight: var(--ak-fw-semibold);
  text-transform: uppercase;
  letter-spacing: var(--ak-ls-caps);
  font-size: var(--ak-h3);
}

/* Заголовок раздела на внутренних страницах */
.loginet-single-blog-title h1,
.loginet-single-blog-title h2,
.loginet-breadcrumb-section h1,
.loginet-breadcrumb-section h2 {
  color: var(--ak-black);
}

/* Круглая кнопка боковой панели рядом с CTA — прямоугольная и чёрная */
.sidebar,
.sidebar .menu-bar,
.header-menu-bar {
  border-radius: var(--ak-radius);
}

.sidebar .menu-bar,
.sidebar > a,
.sidebar > div {
  background-color: var(--ak-black);
  border-radius: var(--ak-radius);
}

/* Ссылки в подвале: спокойный серый, красный на наведении */
.footer-widget-area a,
.loginet-footer-widget a {
  color: var(--ak-shade-3);
  transition: color var(--ak-transition);
}

.footer-widget-area a:hover,
.loginet-footer-widget a:hover {
  color: var(--ak-red);
}

/* Верхняя полоса шапки: компактнее и ровнее по вертикали */
.loginet-header-top .top-address p {
  margin-bottom: 0;
  line-height: 2.2;
}
/* Иконка боковой панели: круг и оранжевый — у темы на самой иконке */
.sidebar .nav-btn i,
.navSidebar-button i {
  background-color: var(--ak-black);
  border-radius: var(--ak-radius);
  color: var(--ak-white);
}

.sidebar .nav-btn:hover i,
.navSidebar-button:hover i {
  background-color: var(--ak-red);
}

/* ---------------------------------------------------------------------------
 * AK: кнопки внутри страниц (виджеты темы в Elementor)
 * Демо использует оранжевый и скруглённые «пилюли» — брендбук против обоих.
 * ------------------------------------------------------------------------- */

.dit-button a,
.dit-button .btn-one,
.elementor-widget-dit-button a,
.em-button-area a,
.service-btn a {
  background-color: var(--ak-cta-bg);
  color: var(--ak-cta-text);
  border-radius: var(--ak-radius);
  border: none;
  font-weight: var(--ak-fw-semibold);
  letter-spacing: var(--ak-ls-caps);
  text-transform: uppercase;
  transition: background-color var(--ak-transition);
}

.dit-button a:hover,
.dit-button .btn-one:hover,
.elementor-widget-dit-button a:hover,
.em-button-area a:hover,
.service-btn a:hover {
  background-color: var(--ak-red-hover);
  color: var(--ak-cta-text);
}

/* Круглые «таблетки» и иконки-кружки внутри кнопок */
.dit-button a i,
.dit-button a span,
.elementor-widget-dit-button a i {
  border-radius: var(--ak-radius);
}

/* Карточки услуг и прочие блоки: снимаем скругления и тени темы */
.service-block .inner-box,
.service-item,
.iconbox,
.team-block .inner-box,
.news-block .inner-box {
  border-radius: var(--ak-radius);
  box-shadow: none;
}
/* Кнопки виджета темы называются .dreamit-button (все стили style1…style9) */
.dreamit-button a,
[class*="dreamit-button"] a {
  background-color: var(--ak-cta-bg) !important;
  color: var(--ak-cta-text) !important;
  border-radius: var(--ak-radius) !important;
  border-color: var(--ak-cta-bg) !important;
}

.dreamit-button a:hover,
[class*="dreamit-button"] a:hover {
  background-color: var(--ak-red-hover) !important;
  border-color: var(--ak-red-hover) !important;
}

/* Иконка в кружке внутри кнопки */
.dreamit-button a i,
[class*="dreamit-button"] a i {
  background-color: transparent !important;
  border-radius: var(--ak-radius) !important;
  color: var(--ak-cta-text) !important;
}

/* ---------------------------------------------------------------------------
 * AK: временная заглушка на демо-картинки шаблона
 * Пока заказчик не прислал свои фотографии, блоки ссылаются на изображения с
 * сайта разработчика темы. Показывать их нельзя: они лицензированы только для
 * витрины шаблона, и это лишние запросы к чужому серверу.
 * СНЯТЬ, когда все картинки заменим на материалы заказчика.
 * ------------------------------------------------------------------------- */

img[src*="dittheme.com"] {
  display: none !important;
}

/* Иконки-кружки, оставшиеся без изображения, не должны занимать место */
.img-icon:empty,
.icon:empty,
.single_images:empty {
  display: none !important;
}

/* Кнопка внутри вкладок «О компании» — тема зовёт её просто .btn */
.tab-content-inner a.btn,
a.btn {
  background-color: var(--ak-cta-bg) !important;
  color: var(--ak-cta-text) !important;
  border-radius: var(--ak-radius) !important;
  border-color: var(--ak-cta-bg) !important;
}

.tab-content-inner a.btn:hover,
a.btn:hover {
  background-color: var(--ak-red-hover) !important;
  border-color: var(--ak-red-hover) !important;
}

/* ---------------------------------------------------------------------------
 * AK: карточки услуг на главной
 * Фоном карточки в демо служит картинка с сайта темы. Мы её не показываем,
 * поэтому задаём собственный фон — иначе белый текст остаётся на белом.
 * ------------------------------------------------------------------------- */

.service-box.style12 {
  background-color: var(--ak-black);
  padding: var(--ak-space-md);
  border-radius: var(--ak-radius);
}

.service-box.style12 .title,
.service-box.style12 .title a,
.service-box.style12 h3,
.service-box.style12 h4 {
  color: var(--ak-white);
}

.service-box.style12 .title a:hover {
  color: var(--ak-red);
}

/* Номер услуги и категория */
.service-box .description {
  background-color: var(--ak-red) !important;
  color: var(--ak-white) !important;
  border-radius: var(--ak-radius) !important;
  display: inline-block;
  padding: 0.25rem 0.75rem;
  letter-spacing: var(--ak-ls-caps);
}

.service-box .service-number,
.service-box .number {
  color: var(--ak-shade-3);
}

/* Стрелка-кружок внутри карточки */
.service-box .service-icon,
.service-box .icon-box,
.service-box a.arrow {
  border-radius: var(--ak-radius);
  background-color: var(--ak-red);
  color: var(--ak-white);
}

/* ---------------------------------------------------------------------------
 * AK: подвал в шесть колонок
 * Состав задан заказчиком: логотип со слоганом, About, Services, Routes,
 * Industries, Contacts. На узких колонках длинные заголовки не помещались.
 * ------------------------------------------------------------------------- */

.footer-middle .footer-heading {
  font-size: 1.05rem;
  line-height: 1.3;
  word-break: normal;
  overflow-wrap: anywhere;
  margin-bottom: var(--ak-space-sm);
}

.footer-middle .widget_nav_menu ul,
.footer-middle .footer-contacts,
.footer-middle .footer-social {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-middle .widget_nav_menu li,
.footer-middle .footer-contacts li,
.footer-middle .footer-social li {
  margin-bottom: 0.6rem;
  line-height: 1.4;
}

.footer-middle a {
  color: var(--ak-shade-3);
  transition: color var(--ak-transition);
}

.footer-middle a:hover {
  color: var(--ak-red);
}

/* Первая колонка: логотип и слоган */
.footer-brand img {
  max-width: 210px;
  height: auto;
  margin-bottom: var(--ak-space-sm);
}

.footer-slogan {
  color: var(--ak-white);
  line-height: 1.4;
  margin-bottom: var(--ak-space-sm);
}

.footer-social li a {
  color: var(--ak-shade-3);
}