/**
 * for Gutenberg editor ONLY
 */

h2.wp-block-heading {
  font-size: clamp(calc(1rem * (33.18 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((53.71 - 33.18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (33.18 / var(--base-font)))) + (((53.71 - 33.18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (53.71 / var(--base-font)))) !important;
  margin-bottom: var(--l) !important;
}

h3.wp-block-heading {
  font-size: clamp(calc(1rem * (27.65 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((42.97 - 27.65) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (27.65 / var(--base-font)))) + (((42.97 - 27.65) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (42.97 / var(--base-font)))) !important;
  margin-bottom: var(--l) !important;
}

h4.wp-block-heading {
  font-size: clamp(calc(1rem * (23.04 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((34.38 - 23.04) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (23.04 / var(--base-font)))) + (((34.38 - 23.04) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (34.38 / var(--base-font)))) !important;
  margin-bottom: var(--l) !important;
}


/**
 * Base
 */

/* Custom browser scroll */
::-webkit-scrollbar {
	width: 5px;
  height: 2px;
	background: var(--primary-semi-light);
}

::-webkit-scrollbar-thumb {
  background: var(--primary-dark);
	width: 7px;
}


/* Custom vertical scroll */
#scroll-menu::-webkit-scrollbar {
	width: 5px;
  height: 2px;
	background: var(--white-trans-60);
}

#scroll-menu::-webkit-scrollbar-thumb {
  background: var(--white-trans-90);
	width: 7px;
}

#scroll-menu {
  overflow-x: hidden !important;
}

/* Custom table horizontal scroll */
#scroll-table::-webkit-scrollbar {
	width: 2px;
  background: var(--white-trans-40);
  height: var(--m);
}

#scroll-table::-webkit-scrollbar-thumb {
  background: var(--black-trans-30);
	width: 2px;
}

/* hidden element class */
.visually-hidden {
	visibility: hidden;
	position: absolute;
}




/* CSS Framework* - here, +Bricks Editor, +Bricks custom CSS - in option*/

[id]{
  scroll-margin-top: calc(var(--offset) / 1.6);
}

html {
  scroll-behavior: smooth;
}


/**
 * Bricks builder FIX issues
 */

 /* Убрать для <a> icon по умолчанию line-height */
a svg,
a .brxe-icon,
a .svg-icon {
  display: block;
  line-height: 0;
  vertical-align: middle;
}

a.brxe-icon,
a .brxe-icon {
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-decoration: none;
}

/**
 * nav mega menu
 */
 
/* Отключаем подсветку тапа на всех устройствах */
*,
*:before,
*:after {
    -webkit-tap-highlight-color: transparent !important;
    tap-highlight-color: transparent !important;
}

.menu-bage svg {
  height: var(--m) !important;
  width: var(--m) !important;
}


/**
 * block "Service" - hover button change color
 */

.item-more {
  transition: background-color 0.3s ease; /* плавность */
}

.item:hover .item-more {
    background-color: var(--black); /* новый цвет кнопки при наведении на блок */
    color: var(--white); /* цвет текста кнопки, если нужно */
}

.item-more:hover {
  transform: translateX(1.2px) translateY(-1.5px);
  transition: all 0.35s;
}

.item:hover .item-more svg {
  fill: var(--white) !important;
}



/**
 * block "dark-card" - hover button change color
 */

.dark-more {
  transition: background-color 0.3s ease; /* плавность */
}

.dark:hover .dark-more {
  background: var(--white) !important;
  color: var(--black) !important;
  border: 0.05rem solid var(--white);
}

.dark-more:hover {
  transform: translateX(1.2px) translateY(-1.5px);
  transition: all 0.35s;
}

.dark:hover .dark-more svg {
  fill: var(--black) !important;
}


/**
 * block "Help" cicle+arrow - hover button change color
 */

.help-more {
  transition: background-color 0.3s ease; /* плавность */
}

.help:hover .help-more {
  background: var(--black) !important;
  border: 0.05rem solid var(--black);
}

.help:hover .help-more svg {
  fill: var(--white) !important;
}