:root {
  --etafePrimaryColor: #034EA2;
}

div#elementor-panel-categories {
  display: flex;
  flex-direction: column;
}

div#elementor-panel-categories #elementor-panel-category-favorites,
div#elementor-panel-categories #elementor-panel-category-layout,
div#elementor-panel-categories #elementor-panel-category-basic,
div#elementor-panel-categories #elementor-panel-category-elentix_addons,
div#elementor-panel-categories #elementor-panel-category-elentix_addons_pro {
  order: -1;
}

.etafe-panel-notice {
  line-height: 20px;
  background-color: #fdf8c0;
  color: #8a6822;
  padding: 10px;
  border-radius: 3px;
}

.etafe-panel-notice-info {
  line-height: 20px;
  background-color: #53a8e0;
  padding: 10px;
  color: #fff;
  border-radius: 3px;
}

.etafe-control-type-heading .elementor-control-title {
  position: relative;
  padding: 2px 5px 2px 7px;
  border-left: 3px solid var(--etafePrimaryColor);
}

.etafe-control-type-heading2 .elementor-control-title {
  position: relative;
  padding-left: 18px;
}
.etafe-control-type-heading2 .elementor-control-title:before, .etafe-control-type-heading2 .elementor-control-title:after {
  position: absolute;
  content: "";
  background: var(--etafePrimaryColor);
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
}
.etafe-control-type-heading2 .elementor-control-title:after {
  left: 8px;
}

.etafe-control-desc {
  --lightC: #f3bafd;
  --lightTextC: #494949;
  --darkC: #fdf8c0;
  --darkTextC: #8a6822;
}
.etafe-control-desc .elementor-control-content {
  border: 1px solid light-dark(var(--lightC), var(--darkC));
  border-radius: 3px;
}
.etafe-control-desc .elementor-control-content .elementor-control-field {
  padding: 10px 10px 0;
}
.etafe-control-desc .elementor-control-content .elementor-control-field-description {
  line-height: 20px;
  background-color: light-dark(var(--lightC), var(--darkC));
  color: light-dark(var(--lightTextC), var(--darkTextC));
  font-size: 12px;
  font-style: normal;
  padding: 10px;
}

.elementor-navigator__element__element-type .elentix-addons-icon:after,
.elementor-element .elentix-addons-icon:after {
  content: "";
  position: absolute;
  top: 5px;
  inset-inline-end: 5px;
  width: 15px;
  height: 15px;
  background-image: url(../img/etafe-branding-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.9;
  border-radius: 50%;
}

.elementor-navigator__element-widget .elementor-navigator__element__element-type .elentix-addons-icon:after {
  top: 8px;
  inset-inline-end: 17px;
  width: 12px;
  height: 12px;
  pointer-events: none;
}
.elementor-navigator__element-widget:hover .elementor-navigator__element__element-type .elentix-addons-icon:after {
  opacity: 0;
}