/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

a {
    text-decoration: none !important;
}

.site-header {
    display: none;
}
.page-header {
	display: none;
}

.flare-button .elementor-button-link {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.flare-button .elementor-button-link:before {
	content: "";
	background-color: rgba(255, 255, 255, 0.5);
	height: 100%;
	width: 3em;
	display: block;
	position: absolute;
	top: 0;
	left: -4.5em;
	-webkit-transform: skewX(-45deg) translateX(0);
	transform: skewX(-45deg) translateX(0);
	-webkit-transition: none;
	transition: none;
	webkit-animation: moving 3s ease-in-out infinite;
	-moz-animation: moving 3s ease-in-out infinite;
	-ms-animation: moving 3s ease-in-out infinite;
	-o-animation: moving 3s ease-in-out infinite;
	animation: moving 3s ease-in-out infinite;
}


@keyframes moving {
	30% {
		webkit-transform: skewX(-45deg) translateX(33.5em);
		transform: skewX(-45deg) translateX(33.5em);
		
	}
	
	100% {
		webkit-transform: skewX(-45deg) translateX(33.5em);
		transform: skewX(-45deg) translateX(33.5em);
		
	}
}

@-webkit-keyframes animate-circle {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes animate-circle {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}


::-webkit-scrollbar {
    width: 12px;
    background: #2E3134;
}
::-webkit-scrollbar-thumb {
    background: #ffffff;
    -webkit-border-radius: 12px;
    writing-mode: vertical-rl;
    -webkit-border-after: 2px solid #2E3134;
    -webkit-border-before: 2px solid #2E3134;
}
.elementor-button:focus, .elementor-button:hover, .elementor-button:visited {
    border-radius: 9px !important;
}
.grecaptcha-badge {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.recaptcha_v3-bottomright {
    display: none !important;
}
.limiter {
  max-height: 95px;
  overflow: hidden;
  position: relative;
}
.read-more-checker {
  opacity: 0;
  position: absolute;
}
.read-more-checker:checked ~ .limiter {
  max-height: none;
}
.read-more-checker:checked ~ .limiter .bottom {
  opacity: 0;
  transition: 0.3s;
}
.read-more-checker ~ .read-more-button:before {
  content: "Показать все";
}
.read-more-checker:checked ~ .read-more-button:before {
  content: "Скрыть";
}
.read-more-button {
  cursor: pointer;
    display: inline-block;
    font-family: "Rubik", Sans-serif;
    font-size: 14px;
    color: #FC4607;
    padding: 15px 0;
    font-weight: 400;
}
.limiter {
	color: #1C1C1C;
    font-family: "Rubik", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.9em;
}
.limiter h2 {
	font-family: "Montserrat", Sans-serif;
    font-size: 14px;
	color: #2c373d;
}
.privacy-policy {
    color: #037ad9 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #5a5a5a;
    padding-bottom: 2px;
}
.callback {
    border-bottom: 1px dashed #ffffff;
    padding-bottom: 3px;
}
/* Меню: подчёркивание по умолчанию + управление цветом */
.menu-underline .elementor-item,
.menu-underline a {
  text-decoration-line: underline !important;
  text-decoration-color: #c9484585 !important;   /* ← цвет подчёркивания (меняйте) */
  text-decoration-thickness: 2px;             /* толщина линии */
  text-underline-offset: 0.28em;              /* отступ линии от текста */
}
/* Подчёркивание только у слова-ссылки */
a.u-word {
    text-decoration-line: underline !important;
    text-decoration-color: #cc444182 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.25em;
}
a.u-word:hover,
a.u-word:hover, a.u-word:focus {
    color: #cc4441 !important;
    text-decoration-color: #cc444182 !important;
}
span.u-word {
    text-decoration-line: underline !important;
    text-decoration-color: #c948459c !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25em;
}
span.u-word:hover, span.u-word:focus {
    color: #cc4441 !important;
    text-decoration-color: #cc444182 !important;
}
/* === Стрелка справа от "Перейти в раздел" при наведении на всю карточку ===
   1) Класс на карточке/контейнере: card-arrow
   2) Класс на тексте: u-word
*/

.card-arrow .u-word{
  display: inline-flex;
  align-items: center;
  gap: 10px; /* расстояние между текстом и стрелкой */
}

/* Стрелка (SVG): скрыта по умолчанию, место под неё зарезервировано */
.card-arrow .u-word::after{
  content: "";
  display: inline-block;
  flex: 0 0 auto;

  width: 16px;   /* размер иконки (можно менять) */
  height: 16px;

  background-image: url("/wp-content/uploads/2025/12/arrow-currentColor.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  opacity: 0;
  transform: translateX(-6px) translateY(2px); /* Y — опускает стрелку ниже */
  transition: opacity .18s ease, transform .18s ease;

  text-decoration: none;
}

/* Появление стрелки при наведении на ВСЮ карточку */
.card-arrow:hover .u-word::after,
.card-arrow:focus-within .u-word::after{
  opacity: 1;
  transform: translateX(0) translateY(2px);
}
/* ================================
   НАСТРОЙКИ (меняйте значения тут)
   ================================ */
:root{
  /* Точка */
  --slo-dot-size: 8px;                 /* размер точки */
  --slo-dot-color: #8bc540;            /* цвет точки */
  --slo-dot-gap: 10px;                 /* отступ справа от точки (расстояние до текста) */
  --slo-dot-pulse-size: 10px;          /* размер "пульса" (ореола) */

  /* Текст */
  --slo-font-family: "Nunito Sans", Arial, sans-serif;
  --slo-font-size: 12px;
  --slo-font-weight: 400;
  --slo-line-height: 1.2;
  --slo-text-color: #00000080;           /* можно поставить, например: #111 */
}

/* ================================
   ПРИМЕНЕНИЕ СТИЛЕЙ
   ================================ */

/* Обертка */
.slo-updated{
  display: inline-flex;
  align-items: center;
  gap: var(--slo-dot-gap);
  white-space: nowrap;
}

/* Точка */
.slo-dot{
  width: var(--slo-dot-size) !important;
  height: var(--slo-dot-size) !important;
  border-radius: 50%;
  background: var(--slo-dot-color) !important;

  /* пульсация */
  box-shadow: 0 0 0 0 rgba(0,0,0,0); /* базово */
  animation: sloPulseCustom 1.4s infinite;
}

/* Текст */
.slo-text{
  font-family: var(--slo-font-family) !important;
  font-size: var(--slo-font-size) !important;
  font-weight: var(--slo-font-weight) !important;
  line-height: var(--slo-line-height) !important;
  color: var(--slo-text-color) !important;
}

/* Анимация пульса (использует ваш цвет точки) */
@keyframes sloPulseCustom{
  0%{
    transform: scale(.9);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--slo-dot-color) 45%, transparent);
    opacity: .9;
  }
  70%{
    transform: scale(1);
    box-shadow: 0 0 0 var(--slo-dot-pulse-size) color-mix(in srgb, var(--slo-dot-color) 0%, transparent);
    opacity: 1;
  }
  100%{
    transform: scale(.9);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--slo-dot-color) 0%, transparent);
    opacity: .9;
  }
}
/* Latest Docs block (shortcode [latest_docs]) */
.ldocs{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* Card link */
.ldocs .ldocs__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0 16px 0;
    border-bottom: 1px solid rgba(15, 23, 42, .10);
    text-decoration: none !important;
    transition: transform .15s 
ease, background-color .15s 
ease, border-color .15s 
ease, box-shadow .15s 
ease;
}



.ldocs .ldocs__item:active{
  transform:translateY(0);
  box-shadow:0 6px 18px rgba(15,23,42,.08);
}

/* Icon */
.ldocs .ldocs__icon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #EFF0F4;
}

.ldocs .ldocs__svg{
  width:18px;
  height:18px;
  color: #cc4441;
}

/* Text content */
.ldocs .ldocs__content{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
}

.ldocs .ldocs__title {
    font-size: 15px;
    line-height: 1.25;
    font-family: "IBM Plex Sans", Sans-serif;
    font-weight: 500;
    color: #0B1220;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.ldocs .ldocs__meta{
  margin-top:4px;
  font-size:13px;
  line-height:1.2;
  color:rgba(11,18,32,.65);
}

/* Arrow */
.ldocs .ldocs__arrow{
  margin-left:auto;
  flex:0 0 auto;
  font-size:20px;
  line-height:1;
  color:rgba(11,18,32,.55);
}

/* Tablet */
@media (max-width: 1024px){
  .ldocs{ gap:12px; }
  .ldocs .ldocs__item{ padding:14px 16px; }
  .ldocs .ldocs__title{ font-size:17px; }
}

/* Mobile */
@media (max-width: 767px){
  .ldocs{ gap:12px; }
  .ldocs .ldocs__item{
    padding:12px 14px;
    border-radius:12px;
  }
  .ldocs .ldocs__icon{
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:10px;
  }
  .ldocs .ldocs__title{
    font-size:16px;
    -webkit-line-clamp:2; /* на мобиле в 2 строки */
  }
  .ldocs .ldocs__arrow{ font-size:18px; }
}